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

{% block title %}

Part 3B

{% endblock %}

{% block content %}

<p align="justify">
    In Part 3B, you will interact with a randomly selected other participant from this experiment.
    In total, you will make three decisions.
</p>

<p align="justify">

    At the end of the experiment, the computer will randomly select two pairs of participants who have interacted in Part 3B.
    The selected pairs of participants will receive a <b> bonus payment </b> 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 />

<center>

<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"> &pound;30, &pound;30 </td>
        <td style="text-align: center"> &pound;30, &pound;70 </td>
    </tr>
    <tr>
        <td style="text-align: center"> Option B </td>
        <td style="text-align: center"> &pound;70, &pound;30 </td>
        <td style="text-align: center"> &pound;0, &pound;0 </td>
    </tr>
</table>

</center>

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

<br />

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

{% endblock %}