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

{% 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 {
            display: flex;
        }

        .inner {
            align-self: center;
        }

        p {
            margin-top: 1rem !important;
        }
    </style>
{% endblock %}

{% block content %}
<p align="center"> Usted es el participante C.</p>
<p align="center"><b>Por favor determine el número de puntos de deducción, si alguno, que quiere cobrarle al participante A</b></p>
<center>
    <table border="1">
        <tr>
            <td align="center">Número de puntos que el participante A le da al &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;participante B</td>
            <td align="center">Número de puntos de deducción que usted le cobra al participante A</td>
        </tr>
        <tr>
            <td align="center">0</td>
            <td align="center">{%formfield group.deduction_0%}</td>
        </tr>
        <tr>
            <td align="center">10</td>
            <td align="center">{%formfield group.deduction_10%}</td>
        </tr>
        <tr>
            <td align="center">20</td>
            <td align="center">{%formfield group.deduction_20%}</td>
        </tr>
        <tr>
            <td align="center">30</td>
            <td align="center">{%formfield group.deduction_30%}</td>
        </tr>
        <tr>
            <td align="center">40</td>
            <td align="center">{%formfield group.deduction_40%}</td>
        </tr>
        <tr>
            <td align="center">50</td>
            <td align="center">{%formfield group.deduction_50%}</td>
        </tr>
    </table>
<br/>
</center>
<div class="d-flex justify-content-center">

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