{% extends "global/Page.html" %}
{% load otree static %}
{% block styles %}
    <style>
        .form-group {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important;
        }

        .wrap {
            justify-content: center;
            display: flex;
        }

        .inner {
            align-self: center;
        }

        p {
            margin-top: 1rem !important;
        }
        .aligncenter {
            text-align: center;
        }
        div.a {
            width: auto;
        }
        .marginauto {
        margin: 10px auto 20px;
        display: block;
        }

    </style>
{% endblock %}

{% block title %}

<p align="center">Instrucciones Adquisición de Información sobre el Escenario Relevante: Individual</p>

{% endblock %}

{% block content %}

<p align="justify">Ahora queremos saber sus preferencias por adquirir información sobre el Escenario Relevante para sus pagos en la Etapa 2.</p>
<p align="justify">La decisión sobre adquirir información o no depende SÓLAMENTE de usted. Esto es, si usted decide adquirir información, entonces el Escenario Relevante (Alto o Bajo) se le revelará. Si usted decide no adquirir información, entonces el Escenario Relevante (Alto o Bajo) no se le revelará</p>

<p align="justify"><b>Decisión sobre adquirir información.</b></p>
<p align="justify">Para la decisión sobre adquirir información le daremos dos Alternativas a escoger:</p>

<ul>
    <li>Alternativa 1: <b>No adquirir información sobre el Escenario Relevante</b></li>
    <li>Alternativa 2: <b>Adquirir información sobre el Escenario Relevante</b></li>
</ul>
<p align="justify">Si usted adquiere la información, a usted se le cobrará el costo de la información, y el Escenario Relevante se revelaría antes de que usted decida sobre las Opciones X o Y. Si usted no adquiere dicha información, a usted no se le cobrará ningún costo de información, y el Escenario Relevante no sería revelado y por tanto tomaremos su decisión sobre la Opción X o Y que ya nos indicó anteriormente cuando decidió sin información sobre el Escenario Relevante.</p>
<p align="justify">Para saber su disposición a pagar por la información sobre el Escenario Relevante, le pedimos que llene una tabla de decisión como la siguiente. Cada situación (fila) le ofrece a usted la "Alternativa 1: No adquirir información" o la "Alternativa 2. Adquirir información", para un costo de la información. Es importante notar lo siguiente</p>
<ol>
    <li><p align="justify">El costo de la Alternativa 1 "No adquirir información" es idéntico en todas las situaciones y es cero (0). A usted no se le cobrará ningún costo en puntos (PE) si usted escoge esta alternativa.</p></li>
    <li><p align="justify">El costo de la Alternativa 2 "Adquirir información" cambia de una situación a la siguiente. Note que el costo para usted en PE, si escoge esta Alternativa 2, varía desde 0 en la situación 1, a 1 en la situación 11, y situación tras situación el costo de adquirir información es creciente.</li>

</ol>
<img  class= "marginauto" style="border:10px solid black;max-width:60%;"  src="{% static "collective_info/Table_dic.PNG" %}" border="5"/>

<p align="justify"> Una vez usted haya tomado todas sus decisiones, el computador escogerá aleatoriamente una de las 11 situaciones (un número entre el 1 y el 11). Después, dependiendo de si usted escogió la Alternativa 1 o la Alternativa 2 en dicha situación, a usted se le cobrará o no el costo correspondiente y el Escenario Relevante sería revelado (si usted decidió adquirir la información) o no (si usted decidió no adquirirla).</p>
<p align="justify">Note que a pesar de que usted tomará 11 decisiones, solo una de ellas determinará la adquisición de información, pero usted no sabrá por adelantado cuál situación será seleccionada (todas son igual de probables de ser elegidas). Por lo anterior, lo mejor que usted puede hacer es decirnos, en cada situación, cuál de las 2 alternativas usted prefiere realmente.</p>
<p align="justify">Existe una razón científica para proceder de esta forma. ya que usted no puede influir sobre cuál situación es escogida por el computador, la cual será determinada de manera aleatoria, usted tiene un incentivo a revelar su <b>preferencia verdadera</b> por adquirir información en cada situación. Una vez usted haya tomado su decisión, usted no podrá cambiarla.</p>

<p align="justify">Recuerde que a usted se le asignó el Rol {%if mostrar%} A {% else %} B {% endif %}</p>
{%if mostrar%}
<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>
{%else%}
<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>
{% endif %}

<p align="justify"> En la siguiente pantalla usted podrá entonces tomar su decisión sobre adquisición de información</p>



<div align="right">

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