{{ block content }}

    <section class="round-information">
        <p>
            <strong>Round:</strong> {{ exp_round }} &nbsp; | &nbsp;
            <strong>Task:</strong> {{ task_number }} &nbsp; | &nbsp;
            <strong>Your type:</strong> {{ mytype }} &nbsp; | &nbsp;
            <strong>Other's type:</strong> {{ othertype }}
        </p>
    </section>

    <section class="bottom-half">
        <div class="payoffs">
            <p>Your Proposed Quantity: <span class="value"> {{ quantity }} </span> </p>
            <p>Payoff per Player:</p>
            <p><span>Type A</span> Payoff: <span class="value" style="display: inline-block; text-align: right; width: 45px;"> {{ typeAPayoff }} </span> </p>
            <p><span>Type B</span> Payoff: <span class="value" style="display: inline-block; text-align: right; width: 45px;"> {{ typeBPayoff }} </span> </p>
            <p><span>Type C</span> Payoff: <span class="value" style="display: inline-block; text-align: right; width: 45px;"> {{ typeCPayoff }} </span> </p>
        </div>
    </section>

    <div>
        {{ if lasttask == 0 and lasttr == 0 }}
            <b>
                When you are ready, click “Next Task” to go to next Task.
            </b>
            <br>
            <br>
            <p style="text-align: center;">
                <button class="btn btn-primary btn-large" id="NextButton">
                    Next Task
                </button>
            </p>
        {{ elif lasttask == 1 and lasttr == 0 }}
            <b>
                When you are ready, click “Next Round” to go to next Round, Task 1. 
                <br>
                Note: You will be paired with someone else from your group for the next Round.
            </b>
            <br>
            <br>
            <p style="text-align: center;">
                <button class="btn btn-primary btn-large" id="NextButton">
                    Next Round
                </button>
            </p>
        {{ elif lasttask == 1 and lasttr == 1 }}
            <b>
                When you are ready, click “Next” to go to next page.
            </b>
            <br>
            <br>
            <p style="text-align: center;">
                <button class="btn btn-primary btn-large" id="NextButton">
                    Next
                </button>
            </p>
        {{ endif }}
    </div>
    </div>

{{ endblock }}