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

{% block title %}
    Kurzer Fragebogen
{% endblock %}

{% block content %}

     <style>
    .otree-timer {
        display: none;
    }
</style>

<script>
    $(function () {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 120) {
                $('.otree-timer').show();
            }
        });
    });
</script>

    <p>
        Das Spiel ist jetzt zu Ende. Bitte beantworten Sie noch folgende Fragen.
        Falls Sie eine Chance auf eine tatsächliche Auszahlung haben wollen,
        werden Sie auf der nächsten (und letzten) Seite die Möglichkeit haben,
        Ihre E-Mailadresse anzugeben.
    </p>


    <table class="table">
        <tr>
            <th> </th>
            <th> 1 = trifft nicht zu</th>
            <th> </th>
            <th> </th>
            <th> </th>
            <th> </th>
            <th> </th>
            <th> </th>
            <th> </th>
            <th> </th>
            <th> </th>
            <th>5 = trifft zu</th>
        {% for q1 in form %}

        <tr>
            <th>{{ q1.label }}</th>
            {% for choice in q1 %}
                <th> </th>
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
    {% endfor %}
   
    </tr>

</table>


    {% next_button %}

    {% include Constants.instructions_template %}

{% endblock %}