{% extends "main.html" %}

{% block app_content %}

<h4 align="center">Hola {{name}}! Here is the verb you are conjugating 
and its English tranlsation:</h4>
<h2 class="verb">{{verb}}</h2>
<h3 class="translation">{{trans}}</h3>

<h4>{{tense}} tense:</h4>

<form method="post" action="{{url_for('conjpractice')}}/{{verb}}">
    {{ form.csrf_token }} 
    {{ form.pronoun(value=pronoun) }}
    {{ form.tense(value=tense) }}
<p>
Answer with the properly conjugated form:
<p style="margin-left: 3em">
<b style="color: green; font-size:20px">{{ pronoun }}</b>
&nbsp;&nbsp;{{ form.answer(autocomplete="off", autofocus=true) }} 
&nbsp;&nbsp;{{ form.submit() }}
<p>
<p>
I don't know: {{ form.showme() }}
</form>

<br><br><br>
<form action="{{url_for('verbpractice')}}" method="get">
<input type="hidden" name="mode" value="esp2ing">
<button>New verb</button>
</form>
<br>
<form action="{{url_for('mainmenu')}}" method="get">
<input type="submit" name="next" value="Return to main menu">
</form>

{% endblock %}