{% extends "global/Page.html" %}
{% load otree static %}
{% block title %}
Normas Sociales.
{% endblock %}
{% block styles %}
    <style>
        .form-group {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important;
        }

        .wrap {
            justify-content: center;
            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="justify">Etapa uno. ¿Si un participante A decide darle al participante B menos de 50 puntos, usted cree que esta decisión es?</p>
<div class="d-flex align-items-start wrap">
    <p class="inner" align="center"></p><div class="inner">{%formfield group.expectation_social_norm_s1_C label=""%}</div>
</div>
<p align="justify">Etapa dos. ¿Si un participante C decide cobrarle puntos de deducción al participante A, si este da menos de 50 puntos al participante B, usted cree que esta decisión es?</p>
<div class="d-flex align-items-start wrap">
    <p class="inner" align="center"></p><div class="inner">{%formfield group.expectation_social_norm_s2_C label=""%}</div>
</div>
<p align="jutify">Etapa tres. ¿Si un participante A, al cual el participante C le cobró puntos de deducción, decide enviarle el mensaje<img style="max-width:8%;" src="{% static "third_party_tree/NOTEMETAS1.png" %}"/> a dicho participante C, Usted cree que esta decisión es?</p>
<div class="d-flex align-items-start wrap">
    <p class="inner" align="center"></p><div class="inner">{%formfield group.expectation_social_norm_s3_C label=""%}</div>
</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 %}