{% extends "smaoahpa.html" %}
{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}

{% block extrajs %}
		<script src="{{ MEDIA_URL }}/js/jquery-1.6.4.min.js" type="text/javascript"></script>
		<script src="{{ MEDIA_URL }}/js/main.js" type="text/javascript"></script> 
		{% if request.session.is_mobile %}
			<script src="{{ MEDIA_URL }}/js/mobile.js" type="text/javascript"></script> 
		{% else %}
			<script src="{{ MEDIA_URL }}/js/main.js" type="text/javascript"></script> 
		{% endif %}
{% endblock %}

{% block content %}

<hr/>

<div id="game_right_float">
	<div id="instructions">
		<p>{% block gamename %}{% endblock %}</p>
		<p>{% block instructions %}{% endblock %}</p>
	</div>
	
	{% block tooltips %}
	<div id="tooltips">
		{% for form in forms %}
			{% block tooltip %}
			{% endblock %}
		{% endfor %}

		{# Feedback messages #}
		{% for form in forms %}
			{% ifequal form.error "error" %}
				{% if form.feedback %}
					{% include 'feedback_tooltip.html' %}
				{% endif %}
			{% endifequal %}
		{% endfor %}
		

	</div>
	{% endblock %}
</div>

<div id="game_left">
	<dl id="question_set" class="{% block questionsetclass %}{% endblock %}">
	{% for form in forms %}
	
	<dt>{% block question %}{% endblock %}</dt>
	
	<dd>
	{% if form.answer %}
	
	{#	Show which answers are correct if "show correct" is pressed, else show a form#}
	<span class="leftpart">
	{% if show_correct %}
	
		{% if form.answertext1 %}{{ form.answertext1 }}{% endif %}
		
		{% if form.pron %}<span class="pronoun">{{ form.pron }}</span>{% endif %}    
		{% ifequal form.error "correct" %}
			<span class="correct">{{ form.userans }}</span> 
		{% else %}
			{% ifequal form.error "error" %}
				<span class="incorrect">{{ form.userans }}</span>
			{% else %}
			<span class="blankentry">{% if not request.session.is_mobile %}________________{% else %}{{ form.correct_answers }}{% endif %}</span>{# Blank answer, this gets hidden via CSS in leksa and morfa, but not morfac #}
			{% endifequal %}
		{% endifequal %}
		
		{% if form.pron_imp %}
			<span class="pronoun">{{ form.pron_imp }}</span>
		{% endif %}
		
		{% if form.answertext2 %}<span class="answertext">{{ form.answertext2 }}</span>{% endif %}
	
	{% else %} 
		{# If just test answers, mark correct answers as green #}
	
		{% if form.answertext1 %}<span class="answertext">{{ form.answertext1 }}</span>{% endif %}
		
		{% ifnotequal form.userans "" %}
		
			{% if form.pron %}<span class="pronoun">{{ form.pron }}</span>{% endif %}
	
			{% ifequal form.error "correct" %}
				<span class="correct">{{ form.userans }}</span>
			{% else %}
				<!-- Answer field -->
				<span class="incorrect">{{ form.answer }}</span>
			{% endifequal %}
	
			{% if form.pron_imp %}<span class="pronoun">{{ form.pron_imp }}</span>{% endif %}
	
		{% else %}
			<!-- Answer field -->
			{% if form.pron %}<span class="pronoun">{{ form.pron }}</span>{% endif %}

			{# Display of form needs to be different only for morfa-c #}
			{% if request.session.is_mobile %}
				{% ifequal settings.gametype "context" %}
					{# special behavior for morfa-c #}
					{{ form.answer }}
				{% else %}
					<div class="keys_align">
						{{ form.answer }}
						{% include 'special_chars.html' %}
					</div>
				{% endifequal %}
			{% else %}
				{{ form.answer }}
			{% endif %}
			
			{% if form.pron_imp %}<span class="pronoun">{{ form.pron_imp }}</span>{% endif %}
	
		{% endifnotequal %}
		
		{% if form.answertext2 %}<span class="answertext">{{ form.answertext2 }}</span>{% endif %}

		{# Special chars inserted here for morfac #}
		{% if request.session.is_mobile %}
			{% ifequal settings.gametype "context" %}
				{% include 'special_chars.html' %}
			{% endifequal %}
		{% endif %}
		
		{% ifequal form.error "error" %}
			<!-- Feedback -->
			{% if form.feedback %}
				<a href="#" class="feedback_link" id="link_feedback-{{ forloop.counter }}">
					<img width="15" height="15" border="0" src="{{ MEDIA_URL }}/images/error.png"/>
					{% trans "help" %}</span>
				</a>
			{% else %}
				<img width="15" height="15" border="0" src="{{ MEDIA_URL }}/images/error.png"/>
				{% if form.tcomm %}{% trans "This is almost correct!" %}{% endif %}
			{% endif %}
		
		{% endifequal %}
	
	{% endif %}
	</span>
	
	<span class="rightpart">
	{% if show_correct %}
		{% ifnotequal form.error "correct" %}
			<span class="correctanswertext">{{ form.correct_answers }}</span>
		{% else %}
			{# Parens around correct, non-relaxed form. #}
			{% ifequal form.is_relaxed "relaxed" %}
				<span class="correctanswertext">({{ form.correct_answers }})</span>
				<span class="relaxed">{{ form.relaxed }}</span>
			{% endifequal %}
		{% endifnotequal %}
	{% else %}
	
		{% if forloop.last %} 
			{% ifequal gametype "sahka" %} 
				{% if messages %} 
					<div id="rightbarsahka"> 
						{% for m in messages %}{{ m }}<br/>{% endfor %} 
					</div> 
				{% endif %} 
			{% endifequal %} 
		{% endif %} 
	
	{% endif %}
	{% endif %}
	</span>
	
	{{ 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 %}
	
	</dd>
	{% endfor %}
	</dl>
	
	{% block submit %}
	{% if not all_correct %}
	   {% if not show_correct %}
	   <input type="submit" name="test" value="{% trans "Test answers" %}"/>
	   {% endif %}
	   {% ifequal count 1 %}
	   <input type="submit" name="show_correct" value="{% trans "Show the correct answers" %}" />
	   {% endifequal %}
	{% endif %}
	{% endblock %}
	
	<div id="score">
		{% if 1 %}
			{% if all_correct %}
				{% trans "Congratulations!" %}<br />
			{% endif %}
			{% trans "Your score:" %} <span class="points">{{ score }}</span>
		{% endif %}
	</div>
	
	{% if comment %}
		{{ comment }}
	{% endif %}
	
	{% ifnotequal gametype "sahka" %}
	{% ifnotequal gametype "sahka_main" %}
		
	{% endifnotequal %}
	{% endifnotequal %}
	
	
	{% ifnotequal gametype "sahka" %}
	{% ifnotequal gametype "sahka_main" %}
	{% endifnotequal %}
	{% endifnotequal %}

</div>

{% endblock %}