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

{% block title %}
    Adquisición de información sobre el Escenario Relevante: Grupal
{% 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;
        }
        .boxed {
            border: 1px solid black ;
        }
    </style>
{% endblock %}
{% block content %}

{%if mostrar%}
<p align="justify">A usted se le asignó el Rol A y 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">Estado del mundo</td>
                <th style="text-align:center">Alternativa X</th>
                <th style="text-align:center">Alternativa 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>
<div class="boxed">

    <p align="justify">Recuerde que es posible que usted esté en un grupo con individuos a los cuales se les asignó el Rol B, y cuyos pagos pueden ser:</p>
<table border="1" align="center">
             <col width="100"> <col width="95">  <col width="100">
            <tr>
                <td style="text-align:center">Estado del mundo</td>
                <th style="text-align:center">Alternativa X</th>
                <th style="text-align:center">Alternativa Y</th>
            </tr>
            <tr>
                <td style="text-align:center">L</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">H</td>
                <td style="text-align:center">{{Constants.neutral}}</td>
                <td style="text-align:center">{{a_22}}   puntos</td>
            </tr>
        </table>
<p></p>
</div>
<p></p>
<p align="justify">Por favor indique en la siguiente tabla, por cuál de las dos opciones votaría a favor: Opción 1 "No adquirir información" u Opción 2 "Adquirir información".</p>

<table border-collapse="collapse" border="1" align="center" >
                        <caption style="caption-side:bottom"><b>Recuerde: El Escenario Relevante no será revelado si por lo menos {{num}} miembros votan por 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 por lo menos {{num}} miembros votan por 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 voto </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.c1_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.c2_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.c3_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.c4_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.c5_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.c6_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.c7_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.c8_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.c9_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.c10_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.c11_A label=""%}</td>
    </tr>
</table>
{%else%}
<p align="justify">A usted se le asignó el Rol B y 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">Estado del mundo</td>
                <th style="text-align:center">Alternativa X</th>
                <th style="text-align:center">Alternativa Y</th>
            </tr>
            <tr>
                <td style="text-align:center">L</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">H</td>
                <td style="text-align:center">{{Constants.neutral}}</td>
                <td style="text-align:center">{{a_22}}   puntos</td>
            </tr>
        </table>
<p></p>
<div class="boxed">

    <p align="justify">Recuerde que es posible que usted esté en un grupo con individuos a los cuales se les asignó el Rol A, y cuyos pagos pueden ser:</p>
<table border="1" align="center">
             <col width="100"> <col width="95">  <col width="100">
            <tr>
                <td style="text-align:center">Estado del mundo</td>
                <th style="text-align:center">Alternativa X</th>
                <th style="text-align:center">Alternativa Y</th>
            </tr>
            <tr>
                <td style="text-align:center">L</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">H</td>
                <td style="text-align:center">{{Constants.neutral}}</td>
                <td style="text-align:center">{{a_12}}   puntos</td>
            </tr>
        </table>
<p></p>
</div>
<p></p>


<p align="justify">Por favor indique en la siguiente tabla, por cuál de las dos opciones votaría a favor: Opción 1 "No adquirir información" u Opción 2 "Adquirir información".</p>
<table border-collapse="collapse" border="1" align="center" >
                        <caption style="caption-side:bottom"><b>Recuerde: El Escenario Relevante no será revelado si por lo menos {{num}} miembros votan por 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 por lo menos {{num}} miembros votan por 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 voto </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.c1_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.c2_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.c3_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.c4_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.c5_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.c6_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.c7_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.c8_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.c9_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.c10_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.c11_B label=""%}</td>
    </tr>
</table>
{% endif%}

<div align="right">

    {% next_button %}

</div>
{% endblock %}