{% 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 %}
Etapa Tres: 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">
    <col width="200"> <col width="200">
    <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_a/Frog.PNG" %}"/>
        </th>
        <th align="center">
        </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>

<p>
  <b>Instrucciones Específicas 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 %}