<!DOCTYPE html>
<html lang="{{ lang }}">
    <head>
        <title>{{ title }}</title>
        <link rel="stylesheet" type="text/css" href="/css/ab.css?t={{ epoch }}">
        <link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='apple-touch-icon.png') }}">
        <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='favicon-32x32.png') }}">
        <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='favicon-16x16.png') }}">
        <link rel="manifest" href="{{ url_for('static', filename='site.webmanifest') }}">
        <link rel="mask-icon" href="{{ url_for('static', filename='safari-pinned-tab.svg') }}" color="#5bbad5">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="theme-color" content="#ffffff">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta name="robots" content="noindex, nofollow">
        <meta property="og:title" content="{{ title }}">
        <meta property="og:site_name" content="{{ title }}">
        <meta property="og:url" content="{{ url }}">
        <meta property="og:description" content="{{ desc }}">
        <meta property="og:type" content="website">
        <meta property="og:image" content="{{ url_for('static', filename='ab.jpg') }}">
    </head>
    <body>
        <div id="content">
            <div id="header">{{ title }}</div>
                <hr>
            {%- 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"> 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">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>
                <div class="separator">&nbsp;</div>
                <form action="/" method="get">
                    <input type="hidden" name="t" value="{{ epoch }}">
                    <button id="next" type="submit">{{ more }}</button>
                </form>
            </div>
        </div>
    </body>
</html>