{% load otree %}
{% load otree_tags staticfiles %}
{% csrf_token %}

<h5>
	<span style="color:orangered">
		Introduction
	</span>
</h5>

<div class="instructions well well-lg">
		A computer will randomly assign you to a
		<strong>4-member group</strong>. You will not know who your group members and neither will they learn
		your identity. You will remain in this same group, with the same 3 other participants, for the duration
		of the experiment.
	<p>
	</p>
    	All of you will participate in <strong>4 independent rounds</strong> of decision-making within the group.
    	At the start of the first three rounds, a computer will randomly assign you to a new position
    	within your 4-member group: “position 1”, “position 2”, “position 3”, or “position 4”. You will
    	be in each position only once, so will each member of your group.
</div>

<h5>
	<span style="color:orangered">
		Two urns
	</span>
</h5>

<div class="instructions well well-lg">
		There are two “urns” (containers):
	<p>
	</p>
		The “Red” urn contains <strong>2 <span style="color:red">red</span></strong> balls and <strong>1
		<span style="color:deepskyblue">blue</span></strong> ball:
	</p>
	<center>
		<strong>
			<span style="color:red">
				“Red”
			</span> urn:
		</strong>
		<img src="{% static 'bullet_red.png' %}"/>
		<img src="{% static 'bullet_red.png' %}"/>
		<img src="{% static 'bullet_blue.png' %}"/>
	</center>
	<p>
    	The “Blue” urn contains <strong>2 <span style="color:deepskyblue">blue</span></strong> balls and <strong>1
		<span style="color:red">red</span></strong> ball:
	</p>
	<center>
		<strong>
			<span style="color:deepskyblue">
				“Blue”
			</span> urn:
		</strong>
		<img src="{% static 'bullet_blue.png' %}"/>
		<img src="{% static 'bullet_blue.png' %}"/>
		<img src="{% static 'bullet_red.png' %}"/>
	</center>
	<p>
		At the beginning of <strong>each round</strong>, a computer will <strong>randomly select</strong> one of
		these urns with an equal <strong>50% probability</strong>. Neither you nor other members of your group are
		informed as to which urn is selected for the round. The selected urn will be the <strong>same urn for all
		members</strong> of your 4-member group <strong>for that particular round</strong>.
	</p>
	<p>
    </p>
		We will call this selected urn the <strong>“group urn”</strong>.
</div>

<h5>
	<span style="color:orangered">
		Your task
	</span>
</h5>

<div class="instructions well well-lg">
		<strong>In each round, each of your group member’s task is to correctly guess which of the two urns has actually
		been selected by the computer as the group urn for that round.</strong>
	<p>
	</p>
		Each of your group members, including you, will make her/his group urn guess one after the other, according
		to her/his position <strong>in sequence</strong> within the group in each round.
	</p>
	<p>
	</p>
    	For example, if you are in position 2, you are the second person guessing the group urn in that round.
		Two other members of your group, assigned to position 3 and position 4, will guess after you.
		The member in position 1 will guess before you.
</div>