{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    <p align="center">Adquisición de Información sobre el Escenario Relevante: Individual</p>
{% endblock %}

{% block styles %}
    <style>
        .form-group {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important;
        }

        .wrap {
            display: flex;
        }

        .inner {
            align-self: center;
        }

        p {
            margin-top: 1rem !important;
        }
    </style>
{% endblock %}
{% block content %}




{%if mostrar%}

<p align="justify">Recuerde que a usted se le asignó el Rol A y que sus pagos pueden ser</p>
<table border="1" align="center">
             <col width="100"> <col width="95">  <col width="100">
            <tr>
                <td style="text-align:center">Escenario Posible</td>
                <th style="text-align:center">Opción X</th>
                <th style="text-align:center">Opción Y</th>
            </tr>
            <tr>
                <td style="text-align:center">Alto</td>
                <td style="text-align:center">{{Constants.neutral}}</td>
                <td style="text-align:center">{{a_11}} puntos</td>
            </tr>
            <tr>
                <td style="text-align:center">Bajo</td>
                <td style="text-align:center">{{Constants.neutral}}</td>
                <td style="text-align:center">{{a_12}}   puntos</td>
            </tr>

        </table>

<p></p>
<p align="justify"> Por favor indique en la siguiente tabla, cuál de las dos Alternativas prefiere: </p>
<p align="justify">Alternativa 1 "No adquirir información sobre el Escenario Relevante para mis pagos" o</p>
<p align="justify">Alternativa 2 "Adquirir información sobre el Escenario Relevante para mis pagos".</p>

<table border-collapse="collapse" border="1" align="center" >
        <caption style="caption-side:bottom"><b>Recuerde: El estado del mundo no será revelado si usted escoje la opción 1, y a usted no se le cobrará cost alguno por la información en ninguna situación escogida aleatoriamente. El estado del mundo será revelado si usted escoje la Opción 2, y a usted se le cobrará el costo por la información dependiendo de la situación escogida aleatoriamente</b></caption>

     <col width="80"> <col width="180"> <col width="180"> <col width="300">
    <tr>
        <td align="center">Situación</td>
        <th style="text-align:center">Alternativa 1, No Adquirir Información</th>
        <th style="text-align:center">Alternativa 2, Adquirir Información</th>
        <td style="text-align:center">Su decisión </td>
    </tr>
    <tr>
        <td align="center">1</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0 PE</td>
        <td align="center">{%formfield player.d1_A label=""%}</td>
    </tr>

    <tr>
        <td align="center">2</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.05 PE</td>
        <td align="center">{%formfield player.d2_A label=""%}</td>
    </tr>

    <tr>
        <td align="center">3</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.1 PE</td>
        <td align="center">{%formfield player.d3_A label=""%}</td>
    </tr>

    <tr>
        <td align="center">4</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.15 PE</td>
        <td align="center">{%formfield player.d4_A label=""%}</td>
    </tr>

    <tr>
        <td align="center">5</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.2 PE</td>
        <td align="center">{%formfield player.d5_A label=""%}</td>
    </tr>

    <tr>
        <td align="center">6</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.3 PE</td>
        <td align="center">{%formfield player.d6_A label=""%}</td>
    </tr>

    <tr>
        <td align="center">7</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.4 PE</td>
        <td align="center">{%formfield player.d7_A label=""%}</td>
    </tr>

    <tr>
        <td align="center">8</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.5 PE</td>
        <td align="center">{%formfield player.d8_A label=""%}</td>
    </tr>

    <tr>
        <td align="center">9</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.6 PE</td>
        <td align="center">{%formfield player.d9_A label=""%}</td>
    </tr>

    <tr>
        <td align="center">10</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.75 PE</td>
        <td align="center">{%formfield player.d10_A label=""%}</td>
    </tr>

    <tr>
        <td align="center">11</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 1 PE</td>
        <td align="center">{%formfield player.d11_A label=""%}</td>
    </tr>
</table>
{% else%}
<p align="justify"> Recuerde que a usted se le asignó el Rol B y que sus pagos pueden ser</p>
<table border="1" align="center">
             <col width="100"> <col width="95">  <col width="100">
            <tr>
                <td style="text-align:center">Escenario Posible</td>
                <th style="text-align:center">Opción X</th>
                <th style="text-align:center">Opción Y</th>
            </tr>
            <tr>
                <td style="text-align:center">Alto</td>
                <td style="text-align:center">{{Constants.neutral}}</td>
                <td style="text-align:center">{{a_21}} puntos</td>
            </tr>
            <tr>
                <td style="text-align:center">Bajo</td>
                <td style="text-align:center">{{Constants.neutral}}</td>
                <td style="text-align:center">{{a_22}}   puntos</td>
            </tr>

        </table>

<p align="justify"> Por favor indique en la siguiente tabla, cuál de las dos Alternativas prefiere: </p>
<p align="justify">Alternativa 1 "No adquirir información sobre el Escenario Relevante para mis pagos" o</p>
<p align="justify">Alternativa 2 "Adquirir información sobre el Escenario Relevante para mis pagos".</p>


<table border-collapse="collapse" border="1" align="center" >
        <caption style="caption-side:bottom"><b>Recuerde: El Escenario Relevante no será revelado si usted escoje la opción 1, y a usted no se le cobrará costo alguno por la información en ninguna situación escogida aleatoriamente. El estado del mundo será revelado si usted escoje la Opción 2, y a usted se le cobrará el costo por la información dependiendo de la situación escogida aleatoriamente</b></caption>

     <col width="80"> <col width="180"> <col width="180"> <col width="300">
    <tr>
        <td align="center">Situación</td>
        <th style="text-align:center">Opción 1, No Adquirir Información</th>
        <th style="text-align:center">Opción 2, Adquirir Información</th>
        <td style="text-align:center">Su decisión </td>
    </tr>
    <tr>
        <td align="center">1</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0 PE</td>
        <td align="center">{%formfield player.d1_B label=""%}</td>
    </tr>

    <tr>
        <td align="center">2</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.05 PE</td>
        <td align="center">{%formfield player.d2_B label=""%}</td>
    </tr>

    <tr>
        <td align="center">3</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.1 PE</td>
        <td align="center">{%formfield player.d3_B label=""%}</td>
    </tr>

    <tr>
        <td align="center">4</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.15 PE</td>
        <td align="center">{%formfield player.d4_B label=""%}</td>
    </tr>

    <tr>
        <td align="center">5</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.2 PE</td>
        <td align="center">{%formfield player.d5_B label=""%}</td>
    </tr>

    <tr>
        <td align="center">6</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.3 PE</td>
        <td align="center">{%formfield player.d6_B label=""%}</td>
    </tr>

    <tr>
        <td align="center">7</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.4 PE</td>
        <td align="center">{%formfield player.d7_B label=""%}</td>
    </tr>

    <tr>
        <td align="center">8</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.5 PE</td>
        <td align="center">{%formfield player.d8_B label=""%}</td>
    </tr>

    <tr>
        <td align="center">9</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.6 PE</td>
        <td align="center">{%formfield player.d9_B label=""%}</td>
    </tr>

    <tr>
        <td align="center">10</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 0.75 PE</td>
        <td align="center">{%formfield player.d10_B label=""%}</td>
    </tr>

    <tr>
        <td align="center">11</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta 1 PE</td>
        <td align="center">{%formfield player.d11_B label=""%}</td>
    </tr>
</table>
{% endif %}
<div align="right">

    {% next_button %}
</div>

{% endblock %}