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


{{ block title }}
    Project Decision
{{ endblock }}

{{ block content }}


    <STYLE TYPE="text/css"> <!-- .indented { padding-left: 50pt; padding-right: 50pt; } --> </STYLE>
    <hr>

{{ if player.e_role == "Manager" }}
    <p>
        Please enter below the number of points you wish to invest in Employee A’s project and in Employee B’s project
        (whole numbers between 0 and 100 for each). These points will generate profit (points invested * 3) for the
        employee, and the employee will decide how many (if any) points to return to you.
    </p>
    <br>
    <table class="noborder" width="60%">
        <tr>
            <td width="50%">Points to invest in Employee A's project:</td>
            <td width="50%" align="left">&nbsp;&nbsp;&nbsp;&nbsp;<input type="text"  id="points_sent_proj1" name="points_sent_proj1"
                                                 maxlength="3" size="3"></td>
        </tr>
        <tr>
            <td width="50%">Points to invest in Employee B's project:</td>
            <td width="50%" align="left">&nbsp;&nbsp;&nbsp;&nbsp;<input type="text"  id="points_sent_proj2" name="points_sent_proj2"
                                                 maxlength="3" size="3"></td>
        </tr>
    </table>


{{ else }}
    <p>
        Please enter below the number of points you wish to invest in Employee B’s project (a whole number between
        0 and 100). These points will generate profit (points invested * 3), and Employee B will decide how many
        (if any) points to return to you.
    </p>
    <br>
    <table class="noborder" width="60%">
        <tr>
            <td width="50%">Points to invest in Employee B's project:</td>
            <td width="50%" align="left">&nbsp;&nbsp;&nbsp;&nbsp;<input type="text"  id="points_sent_proj1" name="points_sent_proj1"
                                                 maxlength="3" size="3"></td>
        </tr>
    </table>

{{ endif }}


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

 {{ if player.e_role == "Manager" }}

    var points_A = document.getElementById("form").elements["points_sent_proj1"].value;
    var points_B = document.getElementById("form").elements["points_sent_proj2"].value;
    var checkflag = 0;

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

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

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

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

 {{ else }}

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

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

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

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

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




 }


 </script>

{{ endblock }}