<html lang="es">
{% extends "global/Page.html" %}
{% load otree %}
{% block title %}
{% endblock %}

{% block content %}
<head>
  <meta charset="UTF-8">
</head>
<br>
<br>
<p align="justify"> Por favor indique en la tabla de abajo, para cada situación (fila), cuál de las dos opciones de horario prefiere
        para ser invitado a un futuro experimento, ¿Opción 1 u Opción 2?  (recuerde que en cada situación el pago asociado
        al horario de la Opción 1 es siempre el mismo, igual a {{randomX}}, mientras que el pago asociado al horario de la Opción 2 cambia)</p>
<br>
<table border-collapse="collapse" border="1" align="center">
    <col width="100"> <col width="160"> <col width="160"> <col width="200"> <col width="130"> <col width="130"> <col width="200">
    <col width="130"> <col width="130"> <col width="200"> <col width="130"> <col width="130"> <col width="200"> <col width="130">
    <col width="130"> <col width="200"> <col width="130"> <col width="130"> <col width="200"> <col width="130"> <col width="130">
    <col width="200"> <col width="130"> <col width="130"> <col width="200"> <col width="130"> <col width="130"> <col width="200">
    <col width="130"> <col width="130"> <col width="200"> <col width="130"> <col width="130"> <col width="200"> <col width="130">
    <col width="130"> <col width="200">
    <tr>
        <td align="center"> <b> Situación </b> </td>
        <td align="center"> Opción 1 <br> <b> (9:00am-10:00am) </b> </td>
        <td align="center"> Opción 2 <br> <b> (8:00pm-9:00pm) </b> </td>
        <td align="center"> <b> Su elección </b> </td>
    </tr>
    <tr>
        <td align="center"> 1 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b1}}</td>
        <td align="center">{%formfield player.s1 label="" %} </td>
    </tr>
    <tr>
        <td align="center"> 2 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b2}}</td>
        <td align="center">{%formfield player.s2 label="" %} </td>
    </tr>
    <tr>
        <td align="center"> 3 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b3}}</td>
        <td align="center">{%formfield player.s3 label="" %} </td>
    </tr>
    <tr>
        <td align="center"> 4 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b4}}</td>
        <td align="center">{%formfield player.s4 label="" %} </td>
    </tr>
    <tr>
        <td align="center"> 5 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b5}}</td>
        <td align="center">{%formfield player.s5 label="" %} </td>
    </tr>
    <tr>
        <td align="center"> 6 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b6}}</td>
        <td align="center">{%formfield player.s6 label="" %} </td>
    </tr>
    <tr>
        <td align="center"> 7 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b7}}</td>
        <td align="center">{%formfield player.s7 label="" %} </td>
    </tr>
    <tr>
        <td align="center"> 8 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b8}}</td>
        <td align="center">{%formfield player.s8 label="" %} </td>
    </tr>
    <tr>
        <td align="center"> 9 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b9}}</td>
        <td align="center">{%formfield player.s9 label="" %} </td>
    </tr>
    <tr>
        <td align="center"> 10 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b10}}</td>
        <td align="center">{%formfield player.s10 label="" %} </td>
    </tr>
    <tr>
        <td align="center"> 11 </td>
        <td align="center"> Pago: {{randomX}}</td>
        <td align="center"> Pago: {{randomX_b11}}</td>
        <td align="center">{%formfield player.s11 label="" %} </td>
    </tr>
</table>

<br>
<br>
<br>
<div class="d-flex justify-content-center">
{% next_button %}
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

{% endblock %}