{% load i18n %}
<div id="gameform">
	{# A formset is a set of forms which are all combined in one, so we only need one opening <form> tag #}
	<form action="" method="POST" accept-charset="utf-8">
		{{ formset.management_form }}
	     {% for form in formset.forms %}
	
		{# TODO: remove need to pass answers. #}
		{# Some hidden values that I'm passing for now, yes, even passing answers #}
		{# Will fix this soon so they always come from DB side, but it's just easiest for now. And, does save queries. #}

		{{ form.answers }}
		{{ form.lemma }} 
		{{ form.word_id }}
	
		{% if forloop.first %}<dl>{% endif %}
			<dt><label for="id_form-{{ forloop.counter0 }}-{{ form.userans.name }}">{{ form.lemma_value }}</label></dt>
			{# This is kind of a mess for now #}
			{% if form.pronoun %}
			{{ form.pronoun }}
			{% endif %}
			<dd class="{% if form.is_bound %}{% if form.is_valid %}{% if form.correct %}right{% endif %}{% endif %}{% if not form.is_valid %}wrong{% endif %}{% endif %}">{{ form.pronoun_string }}{{ form.userans }}		
				
			{# Bound form = form with data; unbound = form with no data #}
				
			{% if show_correct %}<span class="answers"><ul>{% for item in form.answer_list_as_list %}<li>{{ item }}</li>{% endfor %}</ul></span>{% endif %}
		
			{% if form.is_bound %}
				<span class="evaluation">{% if not form.is_valid %}<span class="red_text">{{ form.userans.errors }}</span>{% else %}{% if form.correct %}<span class="green_text">{% trans "Correct!"%}</span>{% endif %}{% endif %}</span>
			{% endif %}
		
			</dd>
		
			{% if forloop.last %}</dl>{% endif %}
		 {% endfor %}

		</td>
		</tr>
	
		{# TODO: hide show_correct until some words have been submitted. #}
		{% if not all_correct %}
			<input type="submit" name="test" value="{% trans "Test answers" %}"/>
			<input type="submit" name="show_correct" value="{% trans "Show the correct answers" %}" />
		{% else %}
			<input type="submit" name="new_set" value="{% trans "New set" %}" />
	
		{% endif %}
	</form>
</div>

{# Stats #}
{% if score %}
<p>{{ score }}/ {{ count }} {% trans "questions correct." %}</p>
{% endif %}

{% if all_correct %}
	<p>{% trans "All correct!" %}</p>
{% endif %}