{{ block title }}
Part 2
{{ endblock }}

{{ block content }}
{{ if load == 1 }}
<b>Second Task</b>
{{ else }}
<b>Your Task</b>
{{ endif }}
<p>
You will make decisions related to other participants in this study across <b>25 different scenarios</b>.	
We will explain how this works in detail below.
</p>
<br>
<b>Study Roles</b>
<p>
There are two type of participants in this study.<br>
<ol>
	<li><i>Agents</i>, who earn bonus payments.</li>
	<li><i>Spectators</i>, who decide on how the bonus payments should be split between Agents.</li>
</ol>
</p>
<br>
<div class="card" style="text-align: justify">
	<div class = "card-header">
		<b>Agents</b>
	</div>
	<div class="card-body">
	<b>Task</b>	
	<p>
	Agents participate in one of two tasks:
	</p>
	<div class="card">
	<ol type="1">
		<li>One half of the Agents solve as many letter-to-number conversions as possible:</li><br>
		<div class='img-container'>
			<img src="https://i.imgur.com/IUWtuRj.jpg"/>
		</div>
		<br>
		<p>
		- We gave the Agents 'words' formed by letters.<br>
		<span style="visibility: hidden;">- </span><i>In the example above: the 'word' is SVDM</i>.
		</p>
		<p>
		- Every letter had a 3-digit number assigned, showed in a table.
		</p>
		<p>
		- The task is to convert the 'word' into a 'code'.
		</p>
		<p>
		- The 'code' is formed by all digits, with no space between them.<br>
		<span style="visibility: hidden;">- </span><i>In the example above: the 'code' is 805134640852</i>.
		</p>
		<p>
		- After each Agent finishes, we count the number of correct answers.<br>
		<span style="visibility: hidden;">- </span><i>For example: the Agent has 7 correct answers</i>.
		</p>
	</ol>
	</div>	
	<br>
	<div class="card">
	<ol type="1" start="2">
		<li>The other half of the Agents participate in a lottery:</li><br>
		<p>
		- We gave the Agents one random number between 1 and 10, the higher the number the better.<br>
		<span style="visibility: hidden;">- </span><i>For example: the Agent has lottery number 7</i>.
		</p>
	</ol>
	</div>
	<br>
	<b>Compensation</b>
	<p>
	Agents get a small payment for their participation. 
	They can also get part of a 6 USD bonus.
	</p>
	<p>
	We put Agents that participated in the same task into pairs: we will call one Agent A and the other Agent B.
	Each pair gets a 6 USD bonus in total. 
	</p>
	<p>
	There are 25 scenarios. 
	In each scenario the Agents are informed about an initial bonus split, but Spectators can change that.
	</p>
	</div>
</div>
<br>
<div class="card" style="text-align: justify">
	<div class = "card-header">
		<b>Spectators</b>
	</div>
	<div class="card-body">
	<b>Task</b>		
	<p>
	Spectators decide how to split the bonus payments between Agents for 25 scenarios.
	</p>
	</div>
</div>
<br>
<br>
<b>Your Role</b>
<p>
You will be a Spectator.
</p>
<p>
Your task is to decide how to split the bonus payments between two Agents for 25 scenarios.
</p>
<p>
You will remain anonymous.
No other participant in this study will know what you decide or who you are.
</p>
<p>
In some of the 25 scenarios you will also be asked to solve a math problem.
These math problems are completely unrelated to the previous task, but if you solve them correctly you will receive <b>0.10 USD as an additional payment</b>.
</p>
<br>
<b>Your Decisions Matter!</b>
<p>
10 participants assigned to the role of Spectator are matched with every pair of Agents.
We will randomly select 1 out of those 10 Spectators.
The selected Spectator's choice determines the split between the two Agents.
</p>	
<p>	
You will make decisions for 25 scenarios.
One of them correspond to a situation that the agents actually go through.	
</p>
<p>
Make your decisions carefully, as they could be the one that determines how much bonus two participants assigned to be Agents get paid. 
</p>	
<br>
<br>

<button class="otree-btn-next btn btn-dark btn-primary">Next</button>
{{ endblock }}

{{ block style }}
	<link rel="stylesheet" href="{% static 'global/style.css' %}"/>
	<style>
		.img-container {
			max-width: 600px;
			text-align: left;
		}
		.img-container img {
			max-width: 100%;
			display: block;
		}
	</style>
{{ endblock }}