{{ extends "global/Page.html" }}
{{ block title }}Questionnaire{{ endblock }}

{{ block content }}


<!-- Includes the background style from the UW Teton Lab experiments -->
{{ include_sibling 'uw_teton_survey.html' }} <!-- for survey pages -->
{{ include_sibling 'checkbox_list.html' }}

<div class="other-questions">
    {% for field in form %}
        <div class="question">
            <label>{{ field.label }}</label>
            {{ field }}
        </div> <br>
    {% endfor %}
</div>

{{ next_button }}

{{ endblock }}

{{ block scripts }}
<script>
// This script is included to ensure that if tags are included in form fields they are observed
$(document).ready(function (e) {
    labels = document.getElementsByTagName("label");

    for (var i = 0; i < labels.length; i++) {
        labels[i].innerHTML = labels[i].innerHTML.replaceAll("&lt;", "<").
                              replaceAll("&gt;", ">");
    }
});
</script>
{{ endblock }}