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


{{ block title }}
    Period 3 Results
{{ endblock }}

{{ block content }}


    <STYLE TYPE="text/css"> <!-- .indented { padding-left: 50pt; padding-right: 50pt; } --> </STYLE>
    <hr>
    <p>
        The task for period 3 is now complete with the following results:
    </p>
    <br>
    <table width="60%">
        <tr>
            <td width="25%">Team member</td>
            <td width="25%" align="center">Points contributed</td>
            <td width="50%" align="center">Resulting increase in team output</td>
        </tr>
        <tr>
            <td width="25%">You</td>
            <td width="25%" align="center">{{ player.p3_contribution }}</td>
            <td width="50%" align="center">{{ player.p3_output }}</td>
        </tr>
        <tr>
            <td width="25%">Employee B</td>
            <td width="25%" align="center">{{ player.p3_B_contribution }}</td>
            <td width="50%" align="center">{{ player.p3_B_output }}</td>
        </tr>
        <tr>
            <td width="25%">Employee C</td>
            <td width="25%" align="center">{{ player.p3_C_contribution }}</td>
            <td width="50%" align="center">{{ player.p3_C_output }}</td>
        </tr>
        <tr>
            <td colspan="2" align="right">Total team output = </td>
            <td width="50%" align="center">{{ player.p3_team_output }}</td>
        </tr>
    </table>
    <br>

    <p>
        {{ if player.p3_team_output < 300 }}
            {{ if player.condition == 1 or player.condition == 3 }}
                Therefore, your team's total output did not meet the team’s target output, and the team
                will not receive a bonus of 90 points.
            {{ elif player.condition == 2 or player.condition == 4 }}
                Therefore, your team's total output did not meet the team’s target output, and the team
                will be subject to a penalty of 90 points.
            {{ endif }}
        {{ else }}
            {{ if player.condition == 1 or player.condition == 3 }}
                Therefore, your team's total output met/exceeded the team’s target output, and the team
                will receive a bonus of 90 points.
            {{ elif player.condition == 2 or player.condition == 4 }}
                Therefore, your team's total output met/exceeded the team’s target output, and the team
                will not be subject to a penalty of 90 points.
            {{ endif }}
        {{ endif }}

    </p>
    <hr>
    <p>
        Please rate your other team members’ performance for the period on a scale of 0 to 100, with higher numbers
        indicating better performance. Please use whole numbers. As explained earlier, these peer evaluations will
        be submitted to your team’s manager.
    </p>
    <table class="noborder" width="40%">
        <tr>
            <td width="25%">Team member</td>
            <td width="50%" align="center">Performance Rating (0-100)</td>
        </tr>
        <tr>
            <td width="25%">Employee B</td>
            <td width="50%" align="center"><input type="text"  id="p3_eval_B" name="p3_eval_B"
                                                 maxlength="3" size="3">&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
        <tr>
            <td width="25%">Employee C</td>
            <td width="50%" align="center"><input type="text"  id="p3_eval_C" name="p3_eval_C"
                                                 maxlength="3" size="3">&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
    </table>
    <br>

    <hr>
    <button type="button" class="btn btn-primary" onclick="checkwork(0)">Submit</button>

{{ endblock }}

{{ block styles }}
    <STYLE TYPE="text/css">
        label {font-weight: normal !important;}
        .noborder table, .noborder tbody, .noborder td, .noborder th, .noborder tr
        {
            border: none;
        }
        tr, td {
            border: 1px solid black;
            border-spacing: 2px;
        }
    </STYLE>
{{ endblock }}

{{ block scripts }}
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>
$(document).on("keydown", "form", function(event) {
    return event.key != "Enter";
});
</script>
 <script language="JavaScript">
 function checkwork(autosubmit){

    var p3_eval_B = document.getElementById("form").elements["p3_eval_B"].value;
    var p3_eval_C = document.getElementById("form").elements["p3_eval_C"].value;
    var checkflag = 0;

    if (p3_eval_B.indexOf("-") > -1 || p3_eval_C.indexOf("-") > -1)   {
        alert("Please use positive numbers only.");
        return;
    }

    if (p3_eval_B.indexOf(".") > -1 || p3_eval_C.indexOf(".") > -1) {
        alert("Please use whole numbers only - no decimals.");
        return;
    }

    if (p3_eval_B == "" || p3_eval_C == "" || isNaN(Number(p3_eval_B)) || isNaN(Number(p3_eval_C)) || Number(p3_eval_B) < 0 || Number(p3_eval_B) > 100 ||
            Number(p3_eval_C) < 0 || Number(p3_eval_C) > 100) {
        checkflag = 1;
    }


    if (checkflag > 0) {
        alert("Please enter a number between 0 and 100 for each team member.");
    } else {
        document.getElementById("form").submit();
    }


 }


 </script>

{{ endblock }}