{{ block title }}
Instructions
{{ endblock }}
{{ block content }}

<style>
    .tab {
        display: none;
        margin-bottom: 30px;
    }
</style>

<div class="frame">
    <p>Participant A and Participant B both work on
        a counting task and earn <strong>a joint reward</strong>
        of {{ Constants.endowment_dictator|cu }}.
        In the counting task, you count the symbols in a series of tables as shown below.</p>

    <center>
        <img style="width: 400px;" src="/static/part1task3/example.png">
    </center>
<br>


<p>
    The difficulty of the task is however different for the two participants.
    <strong>One of the participants has to count symbols in two times the number
        of tables as the other participant, and hence works twice as hard.</strong>
    Both participants know that one of them works harder, but don't know who.
</p>
<p>
    Participant A then decides how to distribute the joint reward of {{ Constants.endowment_dictator|cu }}
    between Participant B and themself,
    depending on whether Participant A or Participant B worked harder.
    Therefore, Participant A makes two decisions:
<ul>
    <li>
        Participant A chooses a number of points between 0 and {{ Constants.endowment_dictator }}
        to give to Participant B
        and keeps the remaining points, <i><strong>if Participant A worked harder</strong></i>.
    </li>
    <li>
        Participant A chooses a number of points between 0 and {{ Constants.endowment_dictator }}
        to give to Participant B
        and keeps the remaining points, <i><strong>if Participant B worked harder</strong></i>.
    </li>
</ul>
Depending on who worked harder, the corresponding decision of Participant A is implemented:
If Participant A worked harder, the first decision is implemented; and if Participant B worked harder,
the second decision is implemented.
Participant B also knows this. Participant B makes no decisions.
</p>
<br>
<p>Please answer the practice questions below to proceed.</p>
<ul>
    <li>Suppose Participant A gives 400 reward points to Participant B.
        <table class="table" style="width: 80%;">
            <tr>
                <td style='text-align:left; vertical-align:middle'>How many points does Participant A earn from the counting task?</td>
                <td><div class="frame" style="width: 100%; padding: 0px 0px 0px 0px; margin:0;">
                    {{ formfield player.ex1 }}
                </div>
                </td>
            </tr>
            <tr>
                <td style='text-align:left; vertical-align:middle'>How many points does Participant B earn from the counting task?</td>
                <td><div class="frame" style="width: 100%; padding: 0px 0px 0px 0px; margin:0;">
                    {{ formfield player.ex2 }}
                </div>
                </td>
            </tr>
        </table>
    </li>
</ul>
    <br>
    <p>You will now take part in the counting task.</p>
</div>

<div>
    <center><button type="submit" class="btn btn-primary btn-large"><strong>PROCEED TO THE COUNTING TASK</strong></button></center>
</div>

{{ endblock }}