var React = require('react');

var PerformanceEvaluationModal = React.createClass({
    displayName: 'PerformanceEvaluationModal',
    render: function () {
        return (
            <div>
                <div className="modal_title">Evaluation - {this.props.status}</div>
                <div className="modal_body">
                    {this.renderCopy()}
                    <div className="l-right">
                        <div data-js="close" className="Button Button-grey">Close and Review</div> 
                        <div data-js="submit" className="Button">Submit</div>
                    </div>
                </div>
            </div>
        );
    },
    renderCopy() {
        if (this.props.status === 'Competent') {
            return <p>You have marked {this.props.name} as Competent in all areas, please Submit. {this.props.name} and TIA will be notified and their Certification will begin to be processed.</p>;
        } else {
            return <p>You have marked {this.props.name} as Not Competent in some areas, if this is incorrect please Close and Review. If you have finished the evaluation, please Submit.</p>;
        }
    }
});

module.exports = PerformanceEvaluationModal;