{% extends "global/Page.html" %}
{% load otree static %}
{%  block styles %}
<style>
    .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
</style>
{% endblock %}
{% block title %}
Mensaje. {%if mostrar%}(Ronda {{subsession.round_number}} de {{Constants.num_rounds}}) {%endif%}
{% endblock %}
{% block content %}
<p align="center"> Usted es el participante A</p>
<p align="center"> Su dotación inicial: {{Constants.endowmentA}}</p>
<p align="center">Número de puntos que dio al participante B: {{ group.sent_amount }} </p>
<p align="center">Número de puntos de deducción cobrados a usted por el participante C:{{ded_points}}</p>
<p align="center">¿Cuál de los siguientes mensajes desea enviarle al participante C?</p>
<table align="center" border="1">
    <tr>
        <th align="center"> <p align="center">
            1</p> </th>
        <th align="center"><p align="center">
            2 </p></th>
    </tr>
    <tr>
        <th align="center"><img style="max-width:80%;" class="center" src="{% static "third_party_two/Frog.PNG" %}"/>
        </th>
        <th align="center"><img style="max-width:80%;" class="center" src="{% static "third_party_two/Monkey.PNG" %}"/>
        </th>
    </tr>
</table>
</br>
<div class="d-flex justify-content-center">
{% formfield group.message %}
</div>
<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 %}