{% 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 B</p>
<p align="center">¿Cuál de los siguientes mensajes cree que la mayoría de participantes A, a quienes les cobraron puntos de deducción, le enviarán 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.expectation_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 %}