var React = require('react')
var Summary = require('./Summary.jsx')
var Header = require('./Header.jsx')

var Book = React.createClass({
  contextTypes: {
    book: React.PropTypes.any.isRequired,
  },
  childContextTypes: {
    book: React.PropTypes.any.isRequired,
  },
  getChildContext(){
    return {book: this.context.book};
  },
  render(){
    var progress =  {
        current: {}
      }
    //var book = this.context.book



    var navigation = null
    //TODO 判断首页的情况
    //if( true ){
    //  var prev_link = (progress.current.prev && progress.current.prev.path) ?
    //    <a href={`${ book.basePath }/${ book.helpers.contentLink(progress.current.prev.path)}`}
    //       className="navigation-item navigation-prev"
    //       aria-label="Previous page: {{ progress.current.prev.title }}"><i className="fa fa-angle-left"></i></a> :
    //    null
    //
    //  var next_link = (progress.current.next && progress.current.next.path) ?
    //    <a href={`${ book.basePath }/${ book.helpers.contentLink(progress.current.next.path)}`}
    //       className="navigation-item navigation-next"
    //       aria-label="Next page: {{ progress.current.next.title }}"><i className="fa fa-angle-right"></i></a> :
    //    null
    //
    //  navigation = <div className="navigation">
    //    {prev_link}
    //    {next_link}
    //  </div>
    //}




    return <div className={`book ${this.props.showSummary===false? '':'with-summary' }`}  >
      <Summary  />

      <div className="book-body">
        <div className="body-inner">
          <Header glossary={{}}/>

          <div className="page-wrapper" tabindex="-1" role="main">
            <div className="page-inner">
              {this.props.content}
              {navigation}
            </div>
          </div>
        </div>
      </div>
    </div>
  }
})

module.exports = Book