{% extends "global/Page.html" %}
{% load otree %}
{% block title %}
Su Decisión.
{%if mostrar %}
    (Ronda {{subsession.round_number}} de {{Constants.num_rounds}})
{%endif%}
{% endblock %}
{% 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;
        }
    </style>
{% endblock %}
{% block content %}
<p align="center"><b>Usted es el Participante A</b> .</p>

<p align="center">Usted puede dar 0, 10, 20, 30, 40 o 50 puntos al Jugador B. </p>
<div class="d-flex align-items-start wrap">
    <p class="inner" align="center">¿Cuántos puntos quiere darle al participante B?</p>&nbsp;<div class="inner">{%formfield group.sent_amount label=""%}</div>
</div>

<p align="center">Recuerde que su dotación inicial es de {{Constants.endowmentA}}.</p>
<div class="text-center py-2">
{% next_button %}
</div>
<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>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

{% endblock %}