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


{{ block title }}
    Period 7
{{ endblock }}

{{ block content }}


    <STYLE TYPE="text/css"> <!-- .indented { padding-left: 50pt; padding-right: 50pt; } --> </STYLE>
    <hr>
    <p>
        {{ if player.condition == 1 or player.condition == 2 }}
            Recall that productivity rates (5, 7, 9) are randomly assigned between you and the other employees on your
            team and remain the same for all 9 periods. <span style="font-weight: bold">
            Your productivity rate is: {{ player.p7_productivity }}</span>
        {{ else }}
            Recall that productivity rates (5, 7, 9) rotate between you and the other employees on your team in random
            order for each three periods completed. <span style="font-weight: bold">
            Your productivity rate for this period is: {{ player.p7_productivity }}</span>
        {{ endif }}
    </p>
    <p>
        You have 20 points. Please indicate below how many points you would like to contribute toward increasing
        your team’s output for the period.
    </p>
    <br>
    <table class="noborder" width="60%">
        <tr>
            <td width="5%">&nbsp;</td>
            <td width="20%" align="right"><input type="text"  id="p7_contribution" name="p7_contribution"
                                                 maxlength="2" size="2">&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td width="70%" align="left">points (Please enter a whole number between 0 and 20)</td>
        </tr>
    </table>

    <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;
        }
    </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 p7_contribution = document.getElementById("form").elements["p7_contribution"].value;
    var checkflag = 0;

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

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

    if (p7_contribution == "" || Number(p7_contribution) < 0 || Number(p7_contribution) > 20 || isNaN(Number(p7_contribution))) {
        checkflag = 1;
    }


    if (checkflag > 0) {
        alert("Please enter a number between 0 and 20.");
    } else {
        document.getElementById("form").submit();
    }


 }


 </script>

{{ endblock }}