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


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

{{ block content }}


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

    <p>
        <span style="text-decoration: underline; font-weight: bold">Task Instructions</span>
    </p>
    <p>
        <span style="font-weight: bold">Your team manager also has a new project.</span> You have 100 points which you
        may invest in your manager’s project and/or keep for yourself, in any proportion that you choose.
    </p>
    <p>
        Each point that you invest in your manager's project will result in three points of profit for your manager. Your
        manager will then decide how much of this profit (if any) to keep and how much of this profit (if any) to
        return to you.
    </p>
    <p>
        Your total earnings for this task will be the amount you keep from your initial 100 points (if any) for each
        project, plus the points your manager returns to you (if any).
    </p>
    <p>
        You will only have one opportunity to invest in your manager's project, and project results will not be
        audited.
    </p>



    <p>
        Please enter below the number of points you wish to invest in your manager'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="60%">Points to invest in your manager's project:</td>
            <td width="40%" align="left">&nbsp;&nbsp;&nbsp;&nbsp;<input type="text"  id="points_sent_proj2" name="points_sent_proj2"
                                                 maxlength="3" size="3"></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 points = document.getElementById("form").elements["points_sent_proj2"].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();
    }


 }


 </script>

{{ endblock }}