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

{% block title %}
<p align="center">Retroalimentación sobre adquisición de Información</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 %}
<p align="center"> El computador escogió la situación <b>{{player.info_choice_c}}</b>, Que corresponde a la siguiente fila de la tabla sobre adquisición de información </p>
<table border-collapse="collapse" border="1" align="center" >

     <col width="80"> <col width="180"> <col width="180">
    <tr>
        <td align="center">Situación</td>
        <td style="text-align:center">Alternativa 1, No Adquirir Información</td>
        <td style="text-align:center">Alternativa 2, Adquirir Información</td>
    </tr>
    <tr>
        <td align="center">{{player.info_choice_c}}</td>
        <td align="center">Cuesta {{Constants.cost_s}}</td>
        <td align="center">Cuesta {%if player.info_choice_c == 1%} 0 {%elif player.info_choice_c == 2%} 0.05 {%elif player.info_choice_c == 3%} 0.1{%elif player.info_choice_c == 4%} 0.15{% elif player.info_choice_c == 5%} 0.2{%elif player.info_choice_c == 6%} 0.3{%elif player.info_choice_c == 7%} 0.4{%elif player.info_choice_c == 8%} 0.5{%elif player.info_choice_c == 9%} 0.6{%elif player.info_choice_c == 10%} 0.75 {% else %} 1 {% endif %}  ET</td>
   </tr>
</table>

<p align="center">En esta Situación su grupo eligió:</p>
<p align="center"><b> Adquirir información </b></p>


<p align="center">Dado que su grupo decidió adquirir información sobre el Escenario Relevante, podemos decirle que:</p>
<p align="center">El Escenario Relevante es  <b>{%if mostrar2%} Alto {%else%} Bajo {%endif%}</b></p>
<p align="center">Por favor indique en la siguiente tabla cuál seria su voto entre la Opción X y Y para el estado del mundo {%if mostrar2%} Alto {%else%} Bajo {%endif%}</p>
<p align="center">Recuerde que la decisión sobre escoger entre la Opción X o Y depende de lo que su GRUPO decida</p>
{%if mostrar%}
    {%if mostrar2%}
        <table border="1" align="center">
             <col width="100"> <col width="70"> <col width="70"> <col width="100">
            <tr>

                <th style="text-align:center" colspan="4"><b>Opción</b></th>
            </tr>
            <tr>
                <td style="text-align:center">Escenario Relevante</td>
                <td style="text-align:center">X</td>
                <td style="text-align:center">Y</td>
                <th style="text-align:center">Su decisión</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>
                <td style="text-align:center">{%formfield player.c_type_A_H label=""%}</td>
            </tr>

        </table>
    {%else%}
        <table border="1" align="center">
             <col width="100"> <col width="70"> <col width="70"> <col width="100">
            <tr>

                <th style="text-align:center" colspan="4"><b>Opción</b></th>
            </tr>
            <tr>
                <td style="text-align:center">Escenario Relevante</td>
                <td style="text-align:center">X</td>
                <td style="text-align:center">Y</td>
                <th style="text-align:center">Su decisión</th>
            </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>
                <td style="text-align:center">{%formfield player.c_type_A_L label=""%}</td>
            </tr>
        </table>


    {%endif%}
    {% else %}
      {%if mostrar2%}
        <table border="1" align="center">
             <col width="100"> <col width="70"> <col width="70"> <col width="100">
            <tr>

                <th style="text-align:center" colspan="4"><b>Opción</b></th>
            </tr>
            <tr>
                <td style="text-align:center">Escenario Relevante</td>
                <td style="text-align:center">X</td>
                <td style="text-align:center">Y</td>
                <th style="text-align:center">Su decisión</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>
                <td style="text-align:center">{%formfield player.c_type_B_H label=""%}</td>
            </tr>

        </table>
    {%else%}
        <table border="1" align="center">
             <col width="100"> <col width="70"> <col width="70"> <col width="100">
            <tr>

                <th style="text-align:center" colspan="4"><b>Opción</b></th>
            </tr>
            <tr>
                <td style="text-align:center">Escenario Relevante</td>
                <td style="text-align:center">X</td>
                <td style="text-align:center">Y</td>
                <th style="text-align:center">Su decisión</th>
            </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>
                <td style="text-align:center">{%formfield player.c_type_B_L label=""%}</td>
            </tr>
        </table>


    {%endif%}
{%endif%}


<div align="right">

    {% next_button %}
</div>
{% endblock %}