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

{% block title %}
{% 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="justify"><b>Preguntas de Control</b></p>

<div class="d-flex align-items-start wrap">

<ol>
    <li>
        El participante A le da 40 puntos al participante B.
        <ol>
            <ol>
                <li type="a"> El participante C le cobra al participante A 15 puntos de deducción. Recuerde que por cada punto de deducción cobrado por el participante C, el participante A se le reducen sus puntos 3 veces lo cobrado por C.
                    <ul>
                        <li><p class="inner" align="justify">¿Cuál es el ingreso del participante A?  </p><div class="inner">{%formfield player.survey_10 label=""%}</div> </li>
                        <li><p class="inner" align="justify">¿Cuál es el ingreso del participante B?  </p><div class="inner">{%formfield player.survey_11 label=""%}</div> </li>
                        <li><p class="inner" align="justify">¿Cuál es el ingreso del participante C?  </p><div class="inner">{%formfield player.survey_12 label=""%}</div> </li>
                    </ul>
                </li>
            </ol>
        </ol>
    </li>

</ol>
</div>

{% next_button %}

<p>
  <b>Haga click en las casillas de abajo si desea revisar las instrucciones Específicas para el Participante {% if player.id_in_group == 1 %}
                A
            {% elif player.id_in_group == 2 %}
                B
            {% else %}
                C
            {% endif %}</b>


</p>
{% include Constants.collapsed %}

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
{% endblock %}