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

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

{% block content %}

<p>
On a scale from 1 to 7, where 1 means very low and 7 means very high, how would you assess your overall financial knowledge?
</p>

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

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

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

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

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

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

</div>

{% next_button %}

{% endblock %}