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

{% block title %}
   Sus expectativas. {%if mostrar %}
    (Ronda {{subsession.round_number}} de {{Constants.num_rounds}})
{%endif%}
{% endblock %}

{% block styles %}
    <style>
         table,td,th{
            border: 1px solid black;
        }
        .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"> Usted es el participante B</p>
<div class="d-flex align-items-start wrap">
<p class="inner" align="justify">¿Qué cree que va a decidir hacer la mayoría de participantes A? ¿Cuántos puntos le darán al participante B?</p>&nbsp;<div class="inner">{%formfield group.expectation_sent label=""%}</div>
</div>
<p align="center"><b>¿Cómo cree que va a decidir el participante C?</b></p>
<center>
    <table border="1">
        <tr>
            <td align="center">Número de puntos que el participante A le da al participante B</td>
            <td align="center">Número de puntos de deducción que el participante C le cobra al participante A</td>
        </tr>
        <tr>
            <td align="center">0</td>
            <td align="center">{%formfield group.expectation_return_0 %}</td>
        </tr>
        <tr>
            <td align="center">10</td>
            <td align="center">{%formfield group.expectation_return_10 %}</td>
        </tr>
        <tr>
            <td align="center">20</td>
            <td align="center">{%formfield group.expectation_return_20 %}</td>
        </tr>
        <tr>
            <td align="center">30</td>
            <td align="center">{%formfield group.expectation_return_30 %}</td>
        </tr>
        <tr>
            <td align="center">40</td>
            <td align="center">{%formfield group.expectation_return_40  %}</td>
        </tr>
        <tr>
            <td align="center">50</td>
            <td align="center">{%formfield group.expectation_return_50  %}</td>
        </tr>
    </table>
<br/>
</center>
<div class="d-flex justify-content-center">

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