import React from 'react';

import Grid from 'trc-client-core/src/components/Grid';
import Col from 'trc-client-core/src/components/Col';
import Button from 'bd-stampy/components/Button';

var ElearningLaunchConfirm = React.createClass({
    displayName: 'ElearningLaunchConfirm',
    render: function () {
        return <div className="Elearning_message padding3">
            <h1 className="margin-bottom3">Important user information.<br/>Please select an option:</h1>
            <Grid>
                <Col>
                    <Button modifier="huge grey" className="w100" onClick={this.props.onBrowse}>Browse Completed Content</Button>
                    <p>Resume the module from your last session.<br/><strong>You will not receive an additional completion.</strong></p>
                </Col>
                <Col>
                    <Button modifier="huge green" className="w100" onClick={this.props.onCommence}>Re-attempt Training</Button>
                    <p>Clear your previous progress and re-complete the module.</p>
                </Col>

            </Grid>
            <p className="InfoBox margin-top2 t-left">
                <em>Note: In order to receive an additional completion (including Sales Society/Training points) you must re-attempt the module. <strong>Browse Completed Content will NOT record an additional completion.</strong>
                </em>
            </p>
        </div>
    }
});

module.exports = ElearningLaunchConfirm;