import React, { Component, PropTypes } from 'react';
import { CardText, RaisedButton } from 'material-ui';
import Careers from './Careers';
import Advisors from './Advisors';
import './AcademicProfile.css';

/**
 * Component to show academic information
 */
export default class AcademicProfile extends Component {
  render() {
    const data = this.props.academicProfile;
    // const careers = !data || !data.StudentCareerTerm || !data.StudentCareerTerm[0].AcademicLevel
    //   ? 'No career(s) found.'
    //   : data.StudentCareerTerm.map((career, index) => <Careers key={index} careers={career} />);

    // const advisors = !data || !data.Advisors || !data.Advisors[0].AdvisorName
    //   ? 'No advisor(s) found.'
    //   : data.Advisors.map((advisor, index) => <Advisor key={index} {...advisor} />);

    return (
      <CardText>
        <div>
          <Careers career={(data !== undefined && data.StudentCareerTerm !== undefined) && data.StudentCareerTerm} />
        </div>
        {this.props.degreeAuditLink &&
          <div>
            <div className="ih-academicProfile-content row">
              <RaisedButton
                href={this.props.degreeAuditLink}
                label="Get my Degree Audit"
                secondary
              />
            </div>
          </div>}
        <div>
          <Advisors advisors={(data !== undefined && data.Advisors !== undefined) && data.Advisors} />
        </div>
        <div>
          <a href={this.props.connectWithAdvisorLink}>Connect With My Advisor</a>
        </div>
      </CardText>
    );
  }
}

AcademicProfile.propTypes = {
  academicProfile: PropTypes.object,
  degreeAuditLink: PropTypes.string,
  connectWithAdvisorLink: PropTypes.string
};