{% extends "oahpa.html" %}
{% comment %}

   This is the main game template, which is used in mgame.html, and
   other templates belonging to specific games.

   Settings form is rendered here, and most of the form for the game.
   Morfa templates are a bit more complex, and there are sub-templates
   which inherit up two levels.

   Inheritance is something like this:

	oahpa_main.html
		oahpa.html
			drills/game.html
				drills/mgame.html
					drills/mgame_a.html
					drills/mgame_l.html
					drills/mgame_n.html
					drills/mgame_v.html
				drills/quizz.html
				drills/num.html

	* NB! oahpa_main.html is different from drills/oahpa_main.html
	but the latter is not in use at the moment.


   Game form is kind of messy now, but previously survived on many many
   tables. Currently working on cleaning this up, because it's much
   easier to extend. Should probably use something like the following:

   <dl>
		<dt>{{ lemma }}</dt>
   		<dd>
   			<input type="" />
   		</dd>
		<dt>{{ lemma }}</dt>
   		<dd>
   			<input type="" />
   		</dd>
		<dt>{{ lemma }}</dt>
   		<dd>
   			<input type="" />
   		</dd>
   </dl>

{% endcomment %}
{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}

{% block game_content %}

{% ifnotequal gametype "sahka" %}<hr/>{% endifnotequal %}

{# instructions #}
{% ifnotequal gametype "sahka" %}
	{% ifnotequal gametype "sahka_main" %}
		<div id="instructions">
	{% endifnotequal %}
{% endifnotequal %}

{% block gamename %}{% endblock %}<br />
{% block instructions %}{% endblock %}

{% ifnotequal gametype "sahka" %} 
	{% ifnotequal gametype "sahka_main" %}
		</div>
	{% endifnotequal %}
{% endifnotequal %}
{# end instructions #}
<table>
	<tr><td>
	<table>
		
		{% for form in forms %}
			{% ifequal settings.gametype 'context' %} 
			    {% ifnotequal forlop.counter 1 %}
			    <tr><td>&nbsp;</td></tr>
			    {% endifnotequal %}
			{% endifequal %}
			
			<tr>
				{% block question %}{% endblock %}
			</tr>
	
			<tr>
				{# Show correct answers if "show correct" is pressed #}
				{% if form.answer %}
					<td> 
						{% if form.answertext1 %}{{ form.answertext1 }}{% endif %}
						
						{% if form.pron %}&nbsp;&nbsp;{{ form.pron }}&nbsp;&nbsp;{% endif %}
						
						{% if show_correct %}
							{% ifequal form.error "correct" %}
								<font color="green">{{ form.userans }}</font> 
							{% else %}
								{% ifequal form.error "error" %}
									<font color="red">{{ form.userans }}</font>
								{% else %}
									___________________
								{% endifequal %}
							{% endifequal %}
						{% else %}
							{# If just test answers, mark correct answers as green #}
							{% ifnotequal form.userans "" %}
								{% ifequal form.error "correct" %}
									<font color="green">{{ form.userans }}</font>
								{% else %}
									{# Answer field #}
									{{ form.answer }}
								{% endifequal %}
							{% else %}
								{# Answer field #}
								{{ form.answer }}
							{% endifnotequal %}
						{% endif %}

						{% if form.pron_imp %}&nbsp;&nbsp;{{ form.pron_imp }}&nbsp;&nbsp;{% endif %}
						{% if form.answertext2 %}{{ form.answertext2 }}{% endif %}
					</td>
					
					<td align="left">
					    {% if show_correct %}
							{% ifnotequal form.error "correct" %}
								{{ form.correct_answers }} <!-- hier ist es:___gogo___ -->
						    {% else %}
								{% comment %} Spelling relaxing here. {% endcomment %}
								{% ifequal form.is_relaxed "relaxed" %}({{ form.correct_answers }}){% endifequal %}
								{{ form.relaxed }}
							{% endifnotequal %}
						{% else %}
							{% ifequal form.error "error" %}
								<!-- Feedback -->
								{% if form.feedback %}
									<div class='popupcontent' id='popup_{{ forloop.counter }}'>{{ form.feedback }}</div>
									<a href="#" class="feedback_link" onclick="showPopup(300,150,'popup_{{ forloop.counter }}');" >
									<img width="15" height="15" border="0" src="/oahpa/media/images/error.png"/>
									<font color="#093970"><small>{% trans "help" %}</small></font></a>
								{% else %}
									<img width="15" height="15" border="0" src="/oahpa/media/images/error.png"/>
								{% endif %}
							{% endifequal %}
						
							{% if forloop.last %} 
								{% ifequal gametype "sahka" %} 
									</td><td> 
									<table width="250px"> 
										<tr><td> 
										{% if messages %} 
											<div id="rightbarsahka"> 
												{% for m in messages %}{{ m }}<br/>{% endfor %} 
											</div> 
										{% endif %} 
									</td></tr></table> 
								{% endifequal %} 
							{% endif %} 
						{% endif %}
					</td>
				{% endif %}
			<td>
		
			{{ form.word_id }}
			{{ form.tag_id }}
			{{ form.question_id }}
			{{ form.answer_id }}       
			{{ form.utterance_id }}
			{{ form.qstring }}
			{{ form.astring }}
			{% block hidden %}{% endblock %}
			<input type="hidden" name="{{ forloop.counter }}-userans" value="{{ form.userans }}" />
			<input type="hidden" name="{{ forloop.counter }}-correct" value="{{ form.error }}" />
			{% for detail, value in form.qattrs.items %}
				<input type="hidden" name="{{ forloop.parentloop.counter }}-{{ detail }}" value="{{ value }}" />
			{% endfor %}
			
			{% for detail, value in form.aattrs.items %}
		       <input type="hidden" name="{{ forloop.parentloop.counter }}-{{ detail }}" value="{{ value }}" />
			{% endfor %}
		</td>
	
		</tr>
	
		{% endfor %}
	
		{% block submit %}{% endblock %}
	
	</table>
	</td></tr>

	<tr><td>

		{% if 1 %}
		&nbsp;<br/>
		{% if all_correct %}
		{% trans "Congratulations!" %}
		{% endif %}
		
		<br/>
		{% trans "Your score:" %} {{ score }}
		{% endif %}
		
		
		{% if comment %}
		<br/>
		{{ comment }}
		{% endif %}
		
	</td></tr>

</table>


{% endblock %}