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


{% block scripts %}
<script language="JavaScript">

    var sec = 0;

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

    function checkwork(autosubmit){

        var checkflag = 0;
        var rating_A = Number(document.getElementById("form").elements["p1_A_rating"].value);
        var rating_B = Number(document.getElementById("form").elements["p1_B_rating"].value);
        var rating_C = Number(document.getElementById("form").elements["p1_C_rating"].value);
        var rating_D = Number(document.getElementById("form").elements["p1_D_rating"].value);


        if (rating_A < 0 || rating_A > 100 || rating_B < 0 || rating_B > 100 || rating_C < 0 || rating_C > 100 || rating_D < 0 || rating_D > 100) {
            checkflag = 1;
            alert("Please make sure each employee's performance rating is between 0 and 100.");
        }

        {{ if player.condition == 3 or player.condition == 4 }}

            var bonus_A = Number(document.getElementById("form").elements["p1_A_bonus"].value);
            var bonus_B = Number(document.getElementById("form").elements["p1_B_bonus"].value);
            var bonus_C = Number(document.getElementById("form").elements["p1_C_bonus"].value);
            var bonus_D = Number(document.getElementById("form").elements["p1_D_bonus"].value);
            var total_bonus = bonus_A + bonus_B + bonus_C + bonus_D;

            if (total_bonus != 300) {
                checkflag = 1;
                alert("Please make sure the discretionary bonus allocations add up to a total of 300 points.");
            }

        {{ endif }}


        if (checkflag == 0) {
            document.getElementById("form").submit();
        }

    }


</script>
{% endblock %}

{% block title %}
    Evaluation for Period 1
{% endblock %}

{% block content %}


    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; }
        .tabmarg {margin-left: 80px;}
        .smallindent {margin-left: 30px; border: 0 }
        .borderless{border: 0}
        table, tr, td {
            border: 1px solid;
            padding: 5px;
            border-spacing: 5px;
        }
    </STYLE>
    <hr>
    <p>
        Below you will find information pertaining to the work employees in your group completed in the period.
    </p>


    <table width="{{ if player.condition == 2 or player.condition == 4 }}80%{{ else }}50%{{ endif }}" cellspacing="2" cellpadding="2">
        <tr>
            <td width="20%" align="center">Employee</td>
            <td width="20%" align="center">Employee total output</td>
            {{ if player.condition == 2 or player.condition == 4 }}
                <td width="20%" align="center">Spent time working to increase the total output of another employee</td>
                <td width="20%" align="center">Had another employee (or other employees) spend time working to increase their
                    total output on their behalf</td>
            {{ endif }}
        </tr>
        <tr>
            <td align="center">A</td>
            <td align="center">{{ player.p1_A_output }}</td>
            {{ if player.condition == 2 or player.condition == 4 }}
                <td align="center">
                    {{ player.p1_A_helped }}
                </td>
                <td align="center">
                    {{ player.p1_A_was_helped }}
                </td>
            {{ endif }}
        </tr>
        <tr>
            <td align="center">B</td>
            <td align="center">{{ player.p1_B_output }}</td>
            {{ if player.condition == 2 or player.condition == 4 }}
                <td align="center">
                    {{ player.p1_B_helped }}
                </td>
                <td align="center">
                    {{ player.p1_B_was_helped }}
                </td>
            {{ endif }}
        </tr>
        <tr>
            <td align="center">C</td>
            <td align="center">{{ player.p1_C_output }}</td>
            {{ if player.condition == 2 or player.condition == 4 }}
                <td align="center">
                    {{ player.p1_C_helped }}
                </td>
                <td align="center">
                    {{ player.p1_C_was_helped }}
                </td>
            {{ endif }}
        </tr>
        <tr>
            <td align="center">D</td>
            <td align="center">{{ player.p1_D_output }}</td>
            {{ if player.condition == 2 or player.condition == 4 }}
                <td align="center">
                    {{ player.p1_D_helped }}
                </td>
                <td align="center">
                    {{ player.p1_D_was_helped }}
                </td>
            {{ endif }}
        </tr>
    </table>


    <hr>
    <p>
        Please complete your performance evaluation {{if player.condition == 3 or player.condition == 4}}and bonus allocation{{endif}} task below. Please take as much time as you need.
    </p>
    <p>
        Please rate each employee’s performance on a scale of 1 (Poor performance) to 100 (Outstanding performance)
       {{if player.condition == 3 or player.condition == 4}} and allocate the group’s 300 point discretionary bonus pool in any proportion you
        choose to the four employees in the group{{endif}}. Please use whole numbers only. As a reminder, employees will not find out their performance
        ratings {{if player.condition == 3 or player.condition == 4}}or discretionary bonuses {{endif}}until the end of the study, and will never know that you were the group
        manager.
    </p>
    <div class="indented">
        <table width="55%" border="1">
        <tbody>
            <tr>
                <td align="center" width="10%">Employee</td>
                <td align="center" width="20%">Performance Rating</td>
                {{ if player.condition == 3 or player.condition == 4 }}
                    <td align="center" width="20%">Discretionary Bonus</td>
                {{ endif }}
            </tr>
            <tr>
                <td align="center" width="10%">A</td>
                <td align="center" valign="top" width="15%"> &nbsp;<input type="text" id="p1_A_rating" name="p1_A_rating" maxlength="3" size="5"></td>
                {{ if player.condition == 3 or player.condition == 4 }}
                    <td align="center" valign="top" width="15%"> &nbsp;<input type="text" id="p1_A_bonus" name="p1_A_bonus" maxlength="3" size="5"></td>
                {{ endif }}
            </tr>
            <tr>
                <td align="center" width="10%">B</td>
                <td align="center" valign="top" width="15%"> &nbsp;<input type="text" id="p1_B_rating" name="p1_B_rating" maxlength="3" size="5"></td>
                {{ if player.condition == 3 or player.condition == 4 }}
                    <td align="center" valign="top" width="15%"> &nbsp;<input type="text" id="p1_B_bonus" name="p1_B_bonus" maxlength="3" size="5"></td>
                {{ endif }}
            </tr>
            <tr>
                <td align="center" width="10%">C</td>
                <td align="center" valign="top" width="15%"> &nbsp;<input type="text" id="p1_C_rating" name="p1_C_rating" maxlength="3" size="5"></td>
                {{ if player.condition == 3 or player.condition == 4 }}
                    <td align="center" valign="top" width="15%"> &nbsp;<input type="text" id="p1_C_bonus" name="p1_C_bonus" maxlength="3" size="5"></td>
                {{ endif }}
            </tr>
            <tr>
                <td align="center" width="10%">D</td>
                <td align="center" valign="top" width="15%"> &nbsp;<input type="text" id="p1_D_rating" name="p1_D_rating" maxlength="3" size="5"></td>
                {{ if player.condition == 3 or player.condition == 4 }}
                    <td align="center" valign="top" width="15%"> &nbsp;<input type="text" id="p1_D_bonus" name="p1_D_bonus" maxlength="3" size="5"></td>
                {{ endif }}
            </tr>

        </tbody>
        </table>
    </div>

    <hr>
    <p>
        When you are ready, click "Next" to continue.
    </p>


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

    <hr>


{% endblock %}