import React from 'react';

var DMTReportDetailsView = React.createClass({
    displayName: 'DMTReportDetailsView',
    render: function() {
        return (
            <div>
                <div className="modal_title">DMT Overview Report</div>
                <div className="modal_body">
                    <div className="Typography margin-bottom">
                        <p>The TMC DMT Report is generated using the following details.
                        Staff to be included in the report will be:</p>

                        <ul>
                        <li><code>Apprentice Technician</code></li>
                        <li><code>Technician</code></li>
                        <li><code>Workshop Foreman</code></li>
                        <li><code>Diagnosis Master Technician</code></li>
                        <li><code>Road Tester</code></li>
                        </ul>


                        <p>DMT Overview examines all Technicians certified in one or all of the following.</p>

                        <ul>
                        <li><code>DT_HYBC</code></li>
                        <li><code>DT_ELC</code></li>
                        <li><code>DT_ENC</code></li>
                        <li><code>DT_CHC</code></li>
                        </ul>


                        <p><code>All Regions</code> provides an National Report of DMT Certification. Displaying all Technicians who have ACHIEVED certification in ALL DT streams.<br/>
                        Benchmark: 20%.</p>

                        <p><code>Individual Regions</code> displays certified staff in EACH stream, per region. <br/>
                        Benchmark: 30%.</p>

                        <p>Eligibility is determined by Staff who have completed DT Foundations</p>
                    </div>

                    <a className="Button l-right" onClick={this.props.onClose}>Okay</a>
                </div>
            </div>
        );
    }
});

module.exports = DMTReportDetailsView;