{{ block title }}
    Game 20
{{ endblock }}
{{ block content }}
    Time left to complete this section: <span id="timer">60</span> seconds. <br>

    {{ if player.id_in_group == 1}}
<ul>
    <li>You are the proposer and are randomly paired with another subject.</li>
    <li>The two of you can together receive 30 or 0, depending on your and your partner’s decision.</li>
    <li>You will decide how to divide this amount of 30.</li>
    <li>Suppose that you assign <i><b>X for yourself.</b></i></li>
    <ul>
        <li>Then your partner is offered 30 – X.</li>
        <li>If your offer for your partner, <b>30-X, is greater than or equals their minimum willingness to accept,
            you will get X</b>, and your partner will get 30-X.</li>
        <li>If 30-X, is smaller than their minimum willingness to accept, both will receive 0.</li>
    </ul>
</ul>
<p>
How much would you like to assign for <b>yourself</b>?</p>

    {{ endif }}
    <ul>
    </ul>
    {{ if player.id_in_group >= 2}}
    <ul>
        <li>You are the receiver and are randomly paired with another subject.</li>
        <li>The two of you can together receive 30 or 0, depending on your and your partner’s decision.</li>
        <li>You will decide what is your minimum willingness to accept. </li>
        <ul>
        <li>Suppose that <b><i>your minimum willingness to accept is Y.</i></b> </li>
            <li>If Y is greater than or equals the offer from your partner, both of you will get 0.</li>
            <li>If Y is smaller than the offer from your partner,
                you will get Y, and your partner will get 30 – Y. </li>
        </ul>
    </ul>
<p>
    What is <b>your minimum willingness to accept</b>?
</p>
    {{ endif }}
{{ formfields }}
    {{ next_button }}


{{ endblock }}

{{ block scripts }}
<script>
var startTime, countAmt, interval;

function now() {
return ((new Date()).getTime());
}

function tick() {
var elapsed = now() - startTime;
var cnt = countAmt - elapsed;
var elem = document.getElementById("timer");
if (cnt > 0) {
elem.innerHTML = Math.round(cnt / 1000);
} else {
elem.innerHTML = "0";
clearInterval(interval);
}
}

function startTimer(secs) {
clearInterval(interval);
document.getElementById("timer").innerHTML = secs;
countAmt = secs * 1000;
startTime = now();
interval = setInterval(tick, 1000);
}

startTimer(15);


setTimeout(
    function () {
        alert("Time has run out. Please make your decision.");
    },
    14000
);
</script>

{{ endblock }}