{{ block title }}
    Game1
{{ 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 row player.</li>
    <li>Your payoff is determined by the choices of both of you and your partner as the table below:</li>
<ul>
    <li>In each cell, the amount to the <b>left</b> (<span style="color:blue;"><b>blue</b></span> color)  is
        <span style="color:blue;">the payoff for  <b>you</b></span>
        and the right for the your partner.</li>
    <li>For example, if you choose <b>Football</b> and your partner chooses <b>Football</b>,
    your payoff is <span style="color:blue;"><b>15</b></span> and your partner's payoff is 10.</li>
</ul>
</ul>

<p>

</p>
<img src="{{ static 'bos_row1.png' }}" width="400"/>

{{ formfields }}
{{ next_button }}
{{ endif }}

{{ if player.id_in_group == 2}}
<ul>
<li>You are the column player.</li>
    <li>Your payoff is determined by the choices of both of you and your partner as the table below:</li>
<ul>
    <li>In each cell, the amount to the <b>right</b> (<span style="color:red;"><b>red</b></span> color)  is
        <span style="color:red;">the payoff for  <b>you</b></span>
        and the left for the your partner.</li>
    <li>For example, if you choose <b>Football</b> and your partner chooses <b>Football</b>,
    your payoff is <span style="color:red;"><b>10</b></span> and your partner's payoff is 15.</li>
</ul>
</ul>

<p>

</p>
<img src="{{ static 'bos_col1.png' }}" width="400"/>


{{ formfields }}
{{ next_button }}
{{ endif }}




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