{{ 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>

{{ if player.e_role == "Manager" and player.condition == 2 }}
    <p>
        You have the option to include a project audit function for your team only. Specifically, you can choose to
        have a company auditor check project results. 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>

{{ elif player.e_role == "Employee" and player.condition == 3 }}
    <p>
        You have the option to include a project audit function. Specifically, you can
        choose to have a company auditor check project results. 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. You will be matched with another
        employee who indicated the same preference as you for including the audit function, and the two of you will be
        matched with a team manager.
    </p>

{{ elif player.e_role == "Employee" and player.condition < 3 }}
    <p>
        As described previously, {{ if player.condition == 1 }}the division director has the choice to include or not
        include the project audit function for all teams in their division.{{ elif player.condition == 2 }}
        your team manager has the choice to include or not include the project audit function for your team only.{{ endif }}
    </p>
    <p>
        Suppose instead that you and Employee B could decide whether to include the project audit function (for your team only).
        What would your preference be?
    </p>


{{ endif }}

    <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">{{ if player.e_role == "Employee" and player.condition < 3 }}
                I would like to include the audit function
                {{ else }}I will include the audit function{{ endif }}.</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">{{ if player.e_role == "Employee" and player.condition < 3 }}
                I would <span style="font-weight: bold">not</span> like to include the audit function
                {{ else }}I will <span style="font-weight: bold">not</span> include the audit function{{ endif }}.</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 }}