var React = require('react');
var RegistrationMixin = require('trc-client-core/src/course/RegistrationMixin');

var RegistrationConfirmRequestModal = React.createClass({
    displayName: 'RegistrationConfirmRequestModal',
    mixins: [RegistrationMixin],
    render: function () {
        return (
            <div>
                <div className="modal_title">Confirm Request - {this.props.course}</div>
                <div className="modal_body">
                    <p><em>You have requested training for the following session:</em></p>
                    {this.renderSOItemsModalList()}
                    <hr/>
                    <div className="row">
                        {this.renderWaitlisted()}
                        <p>Your request will be submitted and confirmed on the following page.</p>     
                    </div>
                    <div className="t-right margin-top">
                        <a className="js-removeModal Button Button-grey">Cancel</a>
                        <a className="Button btnSubmit" data-js="submit">Submit</a>
                    </div>
                </div>
            </div>
        );
    },
    renderWaitlisted() {
        if(this.props.waitlisted) {
            return <p>If a course is displayed in <span className="t-red ">RED</span>, it means that course is full and you may be waitlisted.</p>;
        }
    }
});

module.exports = RegistrationConfirmRequestModal;