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

{% block title %}
    Questionnaire
{% endblock %}

{% block content %}

    <p>
        Please answer the following questions to complete the experiment.
    </p>
    {% for field in form %}
        <div class="card my-3">
            <div class="card-header">
                {{ field.label | safe }}
            </div>
            <div class="card-body">
                {{ field }}
            </div>
        </div>
    {% endfor %}

    <p>
        <button class="otree-btn-next btn btn-primary my-3">Submit Answers</button>
    </p>

{% endblock %}