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

{% block title %}
{% trans "Part 2 - Questionnaire" %}
{% endblock %}

{% block content %}

<div class="card bg-light mb-3">
    <div class="card-body">
        <p>
            {% blocktrans trimmed %}
            Please answer to the questions below.
            {% endblocktrans %}
        </p>
    </div>
</div>

{% for field in form %}
<div class="card mb-3">
    <div class="card-body">
        <label for="id_{{field.name}}">{{ field.label }}</label><br>
        {{ field }}
    </div>
</div>
{% endfor %}

    {% next_button %}

{% endblock %}

{% block scripts %}
<script src="{% static 'fill_auto.js' %}"></script>
<script>
    window.onload = function (){
        if (js_vars.fill_auto)
            fill_auto();
    }
</script>
{% endblock %}