{% extends "global/Page.html" %}
{% load otree static %}
{% block title %}
Normas Sociales.
{% 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 %}
{% 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>

<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 %}