import React, { PropTypes } from 'react';

function Episodes(props, context) {
  return (
    <div>
      <div className="row">
        <div className="col-lg-11">
          <h3>
            {props.episode.name
              ? props.episode.name
              : 'TBA'}
          </h3>
          <h5>
            Airdate: {new Date(props.episode.airstamp).toLocaleString()}
          </h5>
        </div>
        <div className="col-lg-1">
          <button type="button" className="btn btn-success" disabled="disabled">
            <span className="glyphicon glyphicon-ok" aria-hidden="true"></span>
          </button>
        </div>
      </div>
      <div className="row">
        <div className="col-lg-12">
          <p className="series-summary">
            {props.episode.summary
              ? props.episode.summary
              : 'no description'}
          </p>
        </div>
      </div>
    </div>
  );
}

Episodes.propTypes = {};

export default Episodes;
