{% extends 'base.html' %}

{% block main %}
        {%- set id = namespace(value=0) %}
        {%- for question in content %}
        {%- set id.value = id.value + 1 %}
        <div class="ab">
            <input type="radio" id="a{{ id.value }}" class="a" name="group-{{ id.value }}">
            <label for="a{{ id.value }}" class="a" title="{{ question['A'] }}"> A)&nbsp;{{ question['A'] }}</label>
            <div class="separator">{{ separator }}</div>
            <input type="radio" id="b{{ id.value }}" class="b" name="group-{{ id.value }}">
            <label for="b{{ id.value }}" class="b" title="{{ question['B'] }}">B)&nbsp;{{ question['B'] }}</label>
        </div>
        <hr>
        {%- endfor %}
        <div id="footer">
            <div id="questions">
                {{ questions_prefix }} {{ num_lines }} {{ questions_suffix }}
                <br>
                <a href="mailto:{{ mailto }}">Einreichen!</a>
            </div>
{% include 'toggle.html' %}            
            <form action="/" method="get">
                <input type="hidden" name="t" value="{{ epoch }}">
                <button id="next" type="submit">{{ more }}</button>
            </form>
        </div>
{% endblock %}