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

{% block content %}

    <p>
        Before you do the activity, we are going to ask you a few questions to make sure you understand how it works.
    </p>
    <hr>

    {% for field in form %}
        {% formfield field %}
    {% endfor %}
    {% next_button %}

{% endblock %}

{% block scripts %}
    <script>
        {% if form.errors %}

            setTimeout(function () {
                $('.otree-btn-next').show();
            }, 5 * 1000);
        {% endif %}

    </script>
{% endblock %}


{% block styles %}
    <style>
        {% if form.errors %}
            .otree-btn-next {
                display: none;
            }
        {% endif %}
    </style>
{% endblock %}