{{ 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 will together receive 30.</li>
    <li>You will decide how to divide this amount.</li>
    <ul>
        <li>If you choose X amount for yourself, your partner will get 30-X.</li>
    </ul>
    <li>You will make the receiver take-it-or-leave-it offer, which your partner can accept or reject.</li>
    <li>If the offer is rejected, both will receive 0.</li>
</ul>
  <img src="{{ static 'ultimatum2.png' }}" width="600"/>

    {{ endif }}
    <ul>
    </ul>
    {{ if player.id_in_group >= 2}}
    <ul>
                    <li>You are the receiver and are randomly paired with another subject.</li>
        <li>Player 1 chose {{ group.prop2 }} for themselves and {{ player.prop_2p }} for you. </li>
        <ul>
        <li>If you accept the offer, you will get {{ player.prop_2p }} and your partner will get {{ group.prop2}}.</li>
            <li>If you reject the offer, both you and your partner will get 0.</li>
        </ul>

    </ul>
    {{ 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 }}