{% block scripts %}

    <!-- custom style sheet-->
    <link href="{% static 'global/styles.css' %}" rel="stylesheet">
    <script src="{% static 'global/js/functions.js' %}"></script>
    
{% endblock %}

{% block content %}
<h2><center>Sección {{if participant.app_order == 3}}3 {{ else }} 2{{endif }}  - Tarea 4</center></h2>
<br>

    <div class="instructions">
		<p>
            
En esta tarea, se le emparejará con otra persona. Nunca conocerá su identidad, ni usted la de la otra persona. 
</p>		
	<p>			
Para esta sección le asignaremos una dotación adicional de 6 UME. Es decir, si esta tarea es seleccionada para pagos, su dotación incluirá 6 UME.
</p>		
	<p>		
Los roles de P1 y P2 se determinarán al azar al final y permanecerán anónimos. En esta sección le pediremos que tome las decisiones como P2,
		pero al final le diremos si le ha sido asignado el rol de P1 o P2.
</p>		
	
	<p>
		
	Por favor observe la tabla de abajo:
	
</p>
<table class = "table" style="width: 100%; margin-left: auto; margin-right: auto;" border=".1" width="60%">
	<thead>
	<tr>
	<td style="text-align: center;" colspan="2" width="300">
	<p>A</p>
	</td>
	<td style="text-align: center;" colspan="2" width="300">
	<p>B</p>
	</td>
	</tr>
</thead>
<tbody>
	<tr>
	<td style="text-align: center;" width="118">
	<p>Pago P1</p>
	</td>
	<td style="text-align: center;" width="118">
	<p>Pago P2</p>
	</td>
	<td style="text-align: center;" width="118">
	<p>Pago P1</p>
	</td>
	<td style="text-align: center;" width="118">
	<p>Pago P2</p>
	</td>
	</tr>
	<tr>
	<td style="text-align: center;" width="118">
	<p>20</p>
	</td>
	<td style="text-align: center;" width="118">
	<p>0</p>
	</td>
	<td style="text-align: center;" width="118">
	<p>10</p>
	</td>
	<td style="text-align: center;" width="118">
	<p>10</p>
	</td>
	</tr>
	</tbody>
	</table>
		<p>
El problema de elección de arriba es parte de la primera tarea de esta sección. Se le pidió a la persona en el rol de P1 que eligiera entre la opción A o la opción B.
Supongamos que usted ha sido asignado al rol de P2 y que la persona en el rol de P1 emparejada con usted eligió la opción B. Ahora usted puede revisar la decisión 
incrementando el pago de P1. Puede utilizar las 6 UME de su dotación adicional entregadas en esta tarea para aumentar el pago de P1. Por cada UME que se gaste, 
aumentará el pago de P1 en 3 UME. 
</p>
<p>
	
Por ejemplo, si usted quiere aumentar el pago de P1 en 9 UME, debe gastar 3 UME de su dotación adicional. En este caso, los pagos serían de 19 UME para P1 y 13 UME
(incluyendo las UME que le sobraron de su dotación adicional) para usted. 
</p>
<p>	
Si se selecciona esta decisión para el pago, y se le asigna el rol de P2, miraremos la elección de la persona en el rol de P1 emparejada con usted. Si su elección
fue B, entonces miraremos la elección de usted en esta tarea y calcularemos el pago de acuerdo a dicha elección. Si la elección de la persona en el rol de P1
emparejada con usted fue A, entonces implementaremos la decisión que usted tomó en la tarea anterior. 
</p>
<p>	
Si se selecciona esta decisión para el pago, y usted ha sido asignado aleatoriamente el rol de P1, miraremos la elección de usted en la tarea 1 de esta sección. 
Si la elección de usted fue B, entonces miraremos la elección de la persona en el rol de P2 emparejada con usted en esta tarea y calcularemos el pago de acuerdo
a dicha elección. Si la elección de usted como P1 en la tarea 1 de esta sección fue A, entonces implementaremos la decisión que la persona en el rol de
P2 emparejada con usted tomó en la tarea anterior. 
</p>
<p>
	
Por favor, seleccione cuántas UME quieres gastar haciendo clic en una de las celdas de la Tabla de abajo.
	 
</p>

<div class="div_table">

	<div class="div_table">
		<table class="table">
		  <thead>
			<th class="cell_select" id="0">
			  <b>0</b>
			</th>
			<th class="cell_select" id="1">
			  <b>1</b>
			</th>
			<th class="cell_select" id="2">
			  <b>2</b>
			</th>
			<th class="cell_select" id="3">
			 <b>3</b>
			</th>
			<th class="cell_select" id="4">
			  <b>4</b>
			</th>
			<th class="cell_select" id="5">
			  <b>5</b>
			</th>
			 <th class="cell_select" id="6">
			  <b>6</b>
			  </th>
		  </thead>
		  <tbody>
		  <tr>
			<td>
				<input
				name="s3t4"
				id="s3t4"
				type="radio"
				class="radio_input"
				value="0"
			  />
			</td>
			 <td><input
				name="s3t4"
				id="s3t4"
				type="radio"
				class="radio_input"
				value="1"
			  />
			</td> 
			<td>
				<input
				name="s3t4"
				id="s3t4"
				type="radio"
				class="radio_input"
				value="2"
			  />
			</td>
			 <td>
				<input
				name="s3t4"
				id="s3t4"
				type="radio"
				class="radio_input"
				value="3"
			  />
			</td>
			  <td><input
				name="s3t4"
				id="s3t4"
				type="radio"
				class="radio_input"
				value="4"
			  />
			</td>
			 <td><input
				name="s3t4"
				id="s3t4"
				type="radio"
				class="radio_input"
				value="5"
			  />
			</td>
			<td><input
				name="s3t4"
				id="s3t4"
				type="radio"
				class="radio_input"
				value="6"
			  />
			</td>
		  </tr>
		</tbody>
		</table>
	
	  </div>

</div>
    {% next_button %}

{% endblock %}