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

{% block title %}

Questionnaire B

{% endblock %}

{% block content %}

<p align="justify">
In Questionnaire B, you will interact with a randomly selected other participant from today's experiment.
In total, you will make three decisions.
</p>

<p align="justify">
At the end of the experiment, the computer will randomly select an integer number between 1 and 10.
Additionally, the computer will randomly select one pair of participants who have interacted in Questionnaire B.
<b> If the number 10 is selected, the selected pair of participants </b> will receive a bonus payment according to one of their decisions.

{% if player.treatment == 1 %}
<b> In your case, this will be the second decision, in which you will make a choice. </b>
{% endif %}

{% if player.treatment == 2 %}
<b> In your case, this will either be the second decision, in which you will make a choice, or the third decision, in which you will report an estimate. </b>
{% endif %}

</p>

<p align="justify">
In the second decision, both you and the other participant will <b> choose one of two options</b>, Option A or Option B, without knowing each other's choice.
The possible results of these choices are summarized in Table 1, in which the first number in each cell denotes your (possible) bonus payment and the second number in each cell denotes the other participant's (possible) bonus payment.
</p>

<br />

<table class="table" style="border-bottom: 1px solid #DCDCDC">
    <tr>
        <th> </th>
        <th> </th>
        <th colspan="2" style="text-align: center"> The Other Participant's Choice </th>
    </tr>
    <tr>
        <td> </td>
        <td> </td>
        <td style="text-align: center"> Option A </td>
        <td style="text-align: center"> Option B </td>
    </tr>
    <tr>
        <th rowspan="2" style="text-align: center; vertical-align: middle"> Your Choice </th>
        <td style="text-align: center"> Option A </td>
        <td style="text-align: center"> &euro;30, &euro;30 </td>
        <td style="text-align: center"> &euro;30, &euro;70 </td>
    </tr>
    <tr>
        <td style="text-align: center"> Option B </td>
        <td style="text-align: center"> &euro;70, &euro;30 </td>
        <td style="text-align: center"> &euro;0, &euro;0 </td>
    </tr>
</table>

<p align="center">
<i> Table 1: Possible Results </i>
</p>

<br />

<center> {% next_button %} </center>

{% endblock %}