{% extends "main.html" %}

{% block app_content %}

<h4 align="center">Hola {{name}}! — Quiz time ...</h4>

<form method="post" action="{{url_for('quiz')}}">
    {{ form.csrf_token }} 
<p>
{% for q in quiz %}
    {% if q.get('header') %}
    <h4 align="center">{{ q.header }}</h4>
    {% endif %}
    {{ q.question }}
    {{ q.formentry }}
    {% if q.get('answer') %}
    &nbsp;&nbsp;Answer: {{ q.answer }}
    {% endif %}
    {% if q.get('correct') %}
    &nbsp;&nbsp;<span class="correct">Correct! "{{ q.correct }}"</span>
    {% endif %}
    {% if q.get('errmsg') %}
    &nbsp;&nbsp;<span class="errmsg">{{ q.errmsg }}</span>
    {% endif %}
    <br><br>
{% endfor %}

{#
&nbsp;&nbsp;{{ form.answer(autocomplete="off", autofocus=true) }} 
#}

{% if not finished %}
<p>
&nbsp;&nbsp;{{ form.submit() }}
<p>
<p>
I don't know: {{ form.showme() }}
{% endif %}
</form>

<br><br><br>
<form action="{{url_for('quiz')}}" method="get">
<button {% if finished %}autofocus=true{% endif %}>New quiz</button>
</form>
<br>
<a class="button" href="{{url_for('mainmenu')}}">Return to main menu</a>

{% endblock %}