{% extends "global/Page.html" %}
{% load otree %}

{% block title %}
    First Stage: Question 16
{% endblock %}

{% block content %}

<p> Please indicate how much you agree with the following statement (1 = Strongly Disagree, 7 = Strongly Agree): </p>

<p>'I care about the well-being of others, even if I do not benefit personally.' </p>

<div style="max-width: 600px;">

    <div style="display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 8px;">
        <span>Strongly Disagree</span>
        <span>Strongly Agree</span>
    </div>

    <div style="display: flex; justify-content: space-between;">
        {% for choice in form.care_others %}
            <label style="text-align: center;">

                <div style="margin-bottom: 4px;">
                    {{ forloop.counter }}
                </div>

                <div>
                    {{ choice }}
                </div>

            </label>
        {% endfor %}
    </div>

</div>

{% next_button %}

{% endblock %}