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

{% block styles %}

<style>

ul li {
    margin-bottom: 8px;
    margin-left: -8px;
}

</style>

{% endblock %}

{% block title %}

Instructions Part 3

{% endblock %}

{% block content %}

{% if player.cq_error %}

<p align="justify" style="border: 1px solid red; color: red; padding: 5px 10px 5px 10px">
<i> You did not answer all comprehension questions correctly.
Please read the instructions again and correct your answers. </i>
</p>

{% endif %}

<p align="justify">
Part 3 consists of <b> 24 decision situations</b>, including <b> 12 choice situations </b> and <b> 12 estimation situations</b>.
</p>

<p align="justify">
Just like in Part 1, in every choice situation, you have to <b> choose between

{% if player.roles_reversed == 0 %} row UP ("U") and row DOWN ("D") {% endif %}
{% if player.roles_reversed == 1 %} column LEFT ("L") and column RIGHT ("R") {% endif %}

</b> and a

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner has to choose between

{% if player.roles_reversed == 0 %} column LEFT (<b>"L"</b>) and column RIGHT (<b>"R"</b>). {% endif %}
{% if player.roles_reversed == 1 %} row UP (<b>"U"</b>) and row DOWN (<b>"D"</b>). {% endif %}

The outcome of the choice situation is determined by your choice and the choice of your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner.
<b> In every choice situation, you are randomly matched with a different interaction partner. </b>
These interaction partners are also different from your interaction and matching partners in Part 1 and Part 2.
</p>

<p align="justify">
Just like in Part 1, in every estimation situation, you have to <b> report your <u> best estimate</u> of the probabilities with which (that is, how likely it is that) your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner chooses each of the

{% if player.roles_reversed == 0 %} columns {% endif %}
{% if player.roles_reversed == 1 %} rows {% endif %}

</b> in his or her own choice situation.
In every estimation situation, you <b> earn points based on the accuracy of your estimate</b>.
</p>

<p align="justify" style="border: 1px solid black; padding: 5px 10px 5px 10px">
<u> Important:</u> Unlike in Part 1, your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partners have made a choice regarding the <b> number of sliders you and your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner have to complete </b> at the end of the experiment.
</p>

<p align="justify">
Your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partners have to choose between the following two options:
</p>

<ul>

<li>
<b> <u> Option A:</u> </b> Both you and your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner have to complete <b> 100 sliders </b> at the end of the experiment.
</li>

{% if player.reciprocity == "Positive" %}

<li>
<b> <u> Option B:</u> </b> Your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner <b> decreases your number of sliders by 75 to 100 - 75 = 25</b>.
This increases your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner's number of sliders by 50 to 100 + 50 = 150.
</li>

{% endif %}

{% if player.reciprocity == "Negative" %}

<li>
<b> <u> Option B:</u> </b> Your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner <b> increases your number of sliders by 75 to 100 + 75 = 175</b>.
This decreases your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner's number of sliders by 50 to 100 - 50 = 50.
</li>

{% endif %}

</ul>

<p align="justify">
Your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner's slider choice is presented in the same way as the example situations depicted in <i> Figure 1</i>, with the purple frame indicating the chosen option.
</p>

<br />

<center>

{% if player.reciprocity == "Positive" and player.colors_reversed == 0 %}
<img src="{% static 'RECI/POI_POS_BLUE_A.png' %}" width="300px"/>
<img src="{% static 'RECI/POI_POS_BLUE_B.png' %}" width="300px"/>
{% endif %}

{% if player.reciprocity == "Positive" and player.colors_reversed == 1 %}
<img src="{% static 'RECI/POI_POS_RED_A.png' %}" width="300px"/>
<img src="{% static 'RECI/POI_POS_RED_B.png' %}" width="300px"/>
{% endif %}

{% if player.reciprocity == "Negative" and player.colors_reversed == 0 %}
<img src="{% static 'RECI/POI_NEG_BLUE_A.png' %}" width="300px"/>
<img src="{% static 'RECI/POI_NEG_BLUE_B.png' %}" width="300px"/>
{% endif %}

{% if player.reciprocity == "Negative" and player.colors_reversed == 1 %}
<img src="{% static 'RECI/POI_NEG_RED_A.png' %}" width="300px"/>
<img src="{% static 'RECI/POI_NEG_RED_B.png' %}" width="300px"/>
{% endif %}

</center>

<br />

<p align="center">
<i> Figure 1. </i> Example Situations
</p>

<br />

<p align="justify" style="border: 1px solid black; padding: 5px 10px 5px 10px">
<u> Important:</u> Note that, before making this slider choice, your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partners were informed about the type of decision situations you are about to complete.
</p>

<p align="justify">
<b> Determination of Earnings </b> <br />
If Part 3 is selected to determine your final earnings, the computer randomly selects one of the 24 decision situations.
Your final earnings are then determined by the number of points you earned in the selected decision situation.
Moreover, <b> the number of sliders you have to complete at the end of the experiment is determined by the slider choice of your

{% if player.colors_reversed == 0 %} red {% endif %}
{% if player.colors_reversed == 1 %} blue {% endif %}

interaction partner </b> in the selected decision situation.
</p>

<p align="justify" style="border: 1px solid black; padding: 5px 10px 5px 10px">
<u> Important:</u> When you make your decisions, you do not know which decision situation is selected to determine your final earnings and the number of sliders you have to complete at the end of the experiment.
Therefore, you should <b> consider every decision situation to be equally important </b> and make your decisions accordingly!
</p>

<p align="justify">
<i> Once you are certain that you have understood these instructions, press "Next" to continue to the comprehension questions. </i>
</p>

<br />

<button class="btn btn-primary btn-large" style="float: right"> Next </button>

{% endblock %}