{{ extends "global/Page.html" }}


{% block scripts %}
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>

    var sec = 0;

    var timer = setInterval(function () {
    document.getElementById("control_decision_time").value = ((sec+=100)/1000);}, 100);

    function checkwork(autosubmit){

        var checkflag = $("input:radio[name=control_decision]:checked").val();
        //alert(checkflag);

        if (checkflag == 0 || checkflag == 1) {
            document.getElementById("form").submit();
        } else {
            alert("Please make your decision by clicking the radio button next to the option you prefer.");
        }

    }


</script>

{% endblock %}

{% block styles %}

    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; font-weight: normal !important;}
        .tabmarg {margin-left: 80px}
        .res{
            font-size: large;}
        .resultlabel{
            color: #1B232F;
            font-size: large;
            font-weight: bold;
            background-color: #FFDDD8;
        }
        .resultlabelsm{
            color: #1B232F;
            font-weight: bold;
            background-color: #FFDDD8;
        }
        .norm{
            font-size: medium;
        }
        .ui-dialog-titlebar-close {display: none;}
        .ui-dialog-content {
            background-color: #f6f6f6;
            padding: 15px;
            border: #ebebeb;
            border-style: groove;
            border-width: 2px;
            line-height: normal;
        }
        .ui-dialog-buttonpane {
            text-align: right;
        }
        #dialog-exp {
            display: none
        }
        #dialog-message-1 {
            display: none
        }
        #dialog-message-2 {
            display: none
        }
        #dialog-message-3 {
            display: none
        }
        table, tr, td {
            border: none;
            padding: 3px;
            border-spacing: 3px;
        }
        .noborder table, .noborder tbody, .noborder td, .noborder th, .noborder tr
        {
            border: none;
        }


        .mgslider-wrapper {
            border-spacing: 10px;
        }
        .mgslider-show {
            text-align: center;
        }
        .mgslider-limit {
            width: 10%;
            min-width: 75px;
            height: 40px;
            margin: 100px;
            text-align: center;
            background: #eee;
            border: 1px solid #888;
        }
        .mgslider-limit, .mgslider-value {
            font-variant-numeric: tabular-nums;
        }
        .mgslider-before {
            height: 16px;
            width: 100%;
            background: #1e5bff;
        }
        .mgslider-feedback {
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

    </STYLE>

{% endblock %}

{{ block title }}

{{ endblock }}

{{ block content }}


    <hr>

    <p>
        <span style="font-weight: bold">Project Audit Function</span>
    </p>

    <p>
        You have the option to include a project audit function. Specifically, you can choose to have a company
        auditor check project results across all teams in your division. If you choose this option, there will be
        an 80% likelihood that the auditor checks project results in any particular period. Additionally, if an
        audit is conducted, any employee who has allocated high resources to the joint project in that period will
        be awarded a bonus of 15 points.
    </p>
    <p>
        Please indicate below whether you wish to include the audit function.
    </p>

    <hr>

    <table width="80%" cellspacing="2" cellpadding="2">
        <tr>
            <td width="5%" align="center">&nbsp;</td>
            <td width="95%" align="left">&nbsp;</td>
        </tr>
        <tr>
            <td width="5%" align="center"><input type="radio" name="control_decision" value="1"
                    id="id_control_decision_0" required /></td>
            <td width="95%" align="left">I will include the audit function.</td>
        </tr>
        <tr>
            <td width="5%" align="center">&nbsp;</td>
            <td width="95%" align="left">&nbsp;</td>
        </tr>
        <tr>
            <td width="5%" align="center"><input type="radio" name="control_decision" value="0"
                    id="id_control_decision_1" required /></td>
            <td width="95%" align="left">I will <span style="font-weight: bold">not</span> include the audit function.</td>
        </tr>
        <tr>
            <td width="5%" align="center">&nbsp;</td>
            <td width="95%" align="left">&nbsp;</td>
        </tr>
    </table>



    <hr>

    <button type="button" class="btn btn-primary" onclick="checkwork(0)">Next</button>
    <input type="hidden" id="control_decision_time" name="control_decision_time">


{{ endblock }}