{% extends "main.html" %}

{% block app_content %}

<h4 align="center">Hola {{name}}</h4>
<br>
Translate the following verb to
{% if mode == 'esp2ing' %}
English:
{%- else %}
Spanish:
{%- endif %}
<br>
<h2 class="verb">{{verb}}</h2>

<form action="{{url_for('verbpractice')}}/{{verb}}" method="post">
{%- if mode == 'esp2ing' %}
English:
{%- else %}
Spanish:
{%- endif %}
<input type="hidden" name="mode" value="{{mode}}">
<input type="text" name="translation" autofocus autocomplete="off">
<input type="submit" name="next" value="Submit"><br><br><br>

I don't know:
<input type="submit" name="next" value="Show me">
</form>

<br>
<form action="{{url_for('mainmenu')}}" method="get">
<input type="submit" name="next" value="Return to main menu">
</form>

{% endblock %}