{% block scripts %}

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

{% endblock %} {% block content %}
<h2><center>Sección {{if participant.app_order == 1}}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 A.
Ahora, usted puede revisar la decisión reduciendo el pago de P1. Puede utilizar las 6 UME de su dotación adicional entregadas en esta tarea para
reducir el pago de P1. Por cada UME que se gaste, reducirá el pago de P1 en 3 UME. 
  </p>
  <p>
Por ejemplo, si usted quiere reducir el pago de P1 en 9 UME, debe gastar 3 UME de su dotación adicional. En este caso, los pagos serían de 11 UME
	para P1 y 3 UME (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 P1. Si la elección de P1  fue A, 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 P1 fue B, entonces le
preguntaremos a usted en la siguiente tarea si quiere confirmar o cambiar esa elección. 
  </p>
  <p>
	  Si se selecciona esta decisión para el pago, y se le asigna el rol de P1, miraremos la elección de usted en la tarea 1 de esta 
	 sección. Si su elección fue A, 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 la persona en el rol de P1 fue B, entonces le preguntaremos 
	  en la próxima tarea a la persona en el rol de P2 emparejado con usted, si quiere confirmar o cambiar esa elección. 

  </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">
    <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="s3t3"
            id="s3t3"
            type="radio"
            class="radio_input"
            value="0"
          />
		</td>
	 	<td><input
            name="s3t3"
            id="s3t3"
            type="radio"
            class="radio_input"
            value="1"
          />
		</td> 
		<td>
			<input
            name="s3t3"
            id="s3t3"
            type="radio"
            class="radio_input"
            value="2"
          />
		</td>
	 	<td>
			<input
            name="s3t3"
            id="s3t3"
            type="radio"
            class="radio_input"
            value="3"
          />
		</td>
		  <td><input
            name="s3t3"
            id="s3t3"
            type="radio"
            class="radio_input"
            value="4"
          />
		</td>
	 	<td><input
            name="s3t3"
            id="s3t3"
            type="radio"
            class="radio_input"
            value="5"
          />
		</td>
		<td><input
            name="s3t3"
            id="s3t3"
            type="radio"
            class="radio_input"
            value="6"
          />
		</td>
	  </tr>
	</tbody>
    </table>

  </div>

  {% next_button %}
{% endblock %}