{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}

{% block scripts %}
<script language="JavaScript">
    var sec = 0;

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

    function checkwork(autosubmit){

        var tokenskept = Number(document.getElementById("form").elements["tokens_kept"].value);
        var tokenscontributed = Number(document.getElementById("form").elements["tokens_contributed"].value);
        var totaltokens = tokenskept + tokenscontributed;

        if (tokenskept < 0 || tokenscontributed < 0) {
            alert("Please use positive numbers only.")
        } else if (totaltokens > 50) {
            alert("Your total tokens must add up to 50.");
        } else if (totaltokens < 50) {
            alert("Your total tokens must add up to 50.");
        } else {
            document.getElementById("form").submit();
        }

    }

</script>
{% endblock %}

{% block title %}
    Decision Making Task
{% endblock %}

{% block content %}


    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; }
        .tabmarg {margin-left: 80px}

    </STYLE>
    <hr>
    <p>
        You will now complete the decision making task described to you earlier. The other member of your group will
        also be completing this task. As mentioned earlier, no member of the group will view any other group member’s
        decision until after the experiment has concluded.
    </p>

    <p>
        You have 50 tokens. You may use your 50 tokens, in any proportion that you would like, in the following ways:
    </p>

    <p class="indented">
        Option #1 – Keep tokens. For each token you keep, you will receive $0.04.
    </p>

    <p class="indented">
        Option #2 – Contribute tokens to a group pot. For each token contributed, the group pot will receive $0.06.
    </p>

    <p>
        As described earlier, the value of the group pot will be determined based on the total number of tokens that
        you and your other group member have contributed. Each member of your group will receive an <b>equal split</b> (1/2)
        of the group pot, regardless of how many tokens each of you contributed to the group pot. As a reminder, no
        group member will communicate with any other member of the group at any time, nor will any group member learn
        of other group member’s decision until after the experiment has ended.
    </p>

    <hr>
    <p>
        Please indicate below how you would like to use your tokens. Please use whole numbers only, and note that the
        total number of tokens used must add up to 50:
    </p>

    <p class="indented">
        <table class="tabmarg" width="70%" border="0">
        <tbody>
            <tr>
                <td width="60%" align="right">Number of tokens to keep:&nbsp;&nbsp;&nbsp;</td>
                <td align="left">{% formfield player.tokens_kept %}</td>
            </tr>

            <tr>
                <td width="60%" align="right">Number of tokens to contribute to the group pot:&nbsp;&nbsp;&nbsp;</td>
                <td align="left">{% formfield player.tokens_contributed %}</td>
            </tr>

        </tbody>
        </table>
    </p>

    <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="decision_time" name="decision_time">


{% endblock %}