{% extends "global/Page.html" %}
{% load otree %}

{% block title %}
Task 2 & 3 - Comprehension test B
{% endblock %}

{% block content %}
<div class="card bg-light m-3">
    <div class="card-body">

<center>
     <img src="{% static 'test1.png'%}" width="50%" height="40%"   alt=""/>
</center>


        <p>
In this game, you have to choose a number in the left column (between 1 and 5) while your opponent will choose a number in the top row (between 1 and 5 too).
The payoff you will get depends on your choice and the choice of your opponent.
The payoff you will get is colored in black in the box corresponding to your choice of row and her choice of column.
The payoff of your opponent is colored in blue in the very same box. <br><br>

For instance, if you choose 4 anf the other player chooses 2, what is:
</p>

        {% formfield player.q_b1 label="Your payoff?" %}
<br>
        {% formfield player.q_b2 label="The payoff of the other player?" %}

            </div></div>
    {% next_button %}

</div>
</div>

{% endblock %}