'use strict'

var React = require('react')
var ReactBootstrap = require('react-bootstrap')
var AssessmentReport = require('./assessmentReport')
var Panel = ReactBootstrap.Panel
var Alert = ReactBootstrap.Alert

var Summary = React.createClass({
  propTypes: {
    key: React.PropTypes.number,
    eventKey: React.PropTypes.number,
    activeTab: React.PropTypes.number,
    params: React.PropTypes.object,
    template: React.PropTypes.object,
    measurements: React.PropTypes.array,
    attribute: React.PropTypes.object
  },
  getInitialState: function () {
    return {
      attribute: undefined,
      dirtyObservation: false
    }
  },
  render: function () {
    return (
      <Panel header='Summary' bsStyle='primary'>
        <Alert bsStyle='warning'>
          How did you go? Where are you strengths and weaknesses? What are some improvements you could make?
        </Alert>
        <AssessmentReport
          eventKey={this.props.template ? this.props.template.attributes.length + 1 : null}
          key={this.props.template ? this.props.template.attributes.length + 1 : null}
          id={this.props.template ? this.props.template.attributes.length + 1 : null}
          activeTab={this.props.activeTab}
          measurements={(this.props.measurements) ? this.props.measurements : []}
          attributes={(this.props.template) ? this.props.template.attributes : []}
          template={(this.props.template) ? this.props.template : {}}
          assessId={this.props.params.assessmentId}
        />
      </Panel>
    )
  }
})

module.exports = Summary

@@ -788,59 +788,10 @@
 ? Wh
-ere are you strengths and weaknesses? What are some
+at
  imp
@@ -800,19 +800,29 @@
 vements 
-you
+can your team
  could m

kill the 'strengths and weaknesses' language