{% extends "univ_oahpa.html" %}

{% load i18n %}
{% load trans_to %}
{% load staticfiles %}

{% get_current_language as LANGUAGE_CODE %}

{% block extrajs %}
        <script src="{% static "js/jquery-1.11.0.min.js" %}" type="text/javascript"></script>
        <script src="{% static "js/tooltip.js" %}" type="text/javascript"></script>
        <script src="{% static "js/popover.js" %}" type="text/javascript"></script>
<!--	    <script src="{{ MEDIA_URL }}/js/main.js" type="text/javascript"></script> --> 

            <link rel="stylesheet" type="text/css" href="{% static "css/errorapi.css" %}"/>

            <link rel="stylesheet" type="text/css" href="{% static "css/bootstrap-theme.css" %}" />
            <link rel="stylesheet" type="text/css" href="{% static "css/bootstrap_namespaced.css" %}" />
            <link rel="stylesheet" type="text/css" href="{% static "css/loading-bar.css" %}"/>

		<script src="{% static "js/autoexpand.js" %}" type="text/javascript"></script>
		<script type="text/javascript">
		    $(document).ready( function(){
		    	    $('input:text').autoGrowInput();
		    });
		</script>

        <link rel="stylesheet" type="text/css" href="{% static "css/courses.css" %}" />
        {% if courses_user %}
		    <script src="{% static "js/angular.min.js" %}" type="text/javascript"></script>
            <script src="{% static "js/loading-bar.min.js" %}" type="text/javascript"></script>
		    <script src="{% static "js/angular-cookies.js" %}" type="text/javascript"></script>
		    <script src="{% static "js/courses.js" %}" type="text/javascript"></script> 
	    {% endif %}

{% endblock %}

{% block content %}
<div ng-app="Courses">
{% ifnotequal gametype "sahka" %}
{% ifnotequal gametype "sahka_main" %}
<hr/>
<div id="game_right_float">
    
        <div id="instructions">
            <p>{% block gamename %}{% endblock %}</p>
            <p>{% block instructions %}{% endblock %}</p>
        </div>
        {% if courses_user %}
            {% include "courses_goal_progress.html" %}
        {% endif %}
	
	{% 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>
{% endifnotequal %}
{% endifnotequal %}

<div id="game_left" ng-controller="ErrorRequester" data-lookup-url="/{{ URL_PREFIX }}/errorapi/lookup/">
	<dl id="question_set" class="{% block questionsetclass %}{% endblock %}">
	{% for form in forms %}
	
	<dt>{% block question %}{% endblock %}</dt>
	{# TODO: Switch rendering of tooltip to a different loop in a different block? #}
        {% if gametype == "sahka" and not form.utterance %}  {{ form.utterance_id }} {% endif %}
    
        <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 %}
	
    {% if gametype != "sahka" or form.utterance and form.utterance_type == "question" %}    
        {% if form.answer %}
            <dd>
	
            {#	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 %}
                    {% if form.error == "error" and gametype != "sahka" %}
                        <span class="incorrect">{{ form.userans }}</span>
                    {% else %}
                        <span class="blankentry">________________</span>{# Blank answer, this gets hidden via CSS in leksa and morfa, but not morfac #}
                    {% endif %}
                {% 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 %}
                    {{ form.answer }}
                    {% if form.pron_imp %}<span class="pronoun">{{ form.pron_imp }}</span>{% endif %}
	
                {% endifnotequal %}

                {% if form.answertext2 %}<span class="answertext">{{ form.answertext2 }}</span>{% endif %}

            {% endif %}  {# if show_correct #}
		
		
            <span class="bootstrap-styles">
            {% ifequal form.error "error" %}
			<!-- Feedback -->
                {% if form.feedback %} 
                    <a data-error-fst 
                        data-lemma="{{ form.lemma }}" 
                        data-input-form="{{ form.userans }}" 
                        data-task="{{ form.user_task }}" 
                        href="#" 
                        class="feedback_link" 
                        id="link_feedback-{{ forloop.counter }}">
					<img width="15" height="15" border="0" src="{{ MEDIA_URL }}/images/error.png"/>
					{% ifnotequal gametype "leksa" %}
    				    <t class="interface">{% trans_to "help" "sme"%}<span class="invisible">{% trans "help" %}</span></t>
                    {% endifnotequal %}
                    </span>
                    </a>
                    <a>
				    
                {% else %}
                    {# constraining this to a specific flag, just for testing. #}
                    {% comment %}
                        {% if form.errorapi_feedback %}
				        {% else %}
                            <img width="15" height="15" border="0" src="{{ MEDIA_URL }}/images/error.png"/>
				        {% endif %}
                    {% endcomment %}

                    <a data-error-fst href="#" data-lemma="{{ form.lemma }}" data-input-form="{{ form.userans }}" data-task="{{ form.user_task }}">
            			<img width="15" height="15" border="0" src="{{ MEDIA_URL }}/images/error.png"/>
    					{% ifnotequal gametype "leksa" %} {% trans_to "help" "sme"%} {% endifnotequal %}
				    </a> 
				    
                    {% if form.tcomm %}
                        <t class="interface">{% trans_to "This is almost correct!" "sme" %}<span class="invisible">{% trans "This is almost correct!" %}</span></t>
                    {% endif %}
                {% endif %}
		
            {% endifequal %}
            </span>
	
            </span>
        {% endif %}  {# if form.answer #}
    {% else %}
        {% if form.utterance_type == "opening" or form.utterance_type == "closing" %}  {# the opening/closing of sahka dialogue #}
            <dl>
        {% endif %}
    {% endif %} {# game not sahka or (non-empty sahka form and utterance type question) #}
    {% ifnotequal gametype "sahka" %}
	<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 %}
	
	{% endif %}
	</span>
    {% endifnotequal %}
    
	{{ form.word_id }}
	{{ form.conneg }}
	{{ 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 %}  {# form in forms #}
	</dl>
	{% block submit %}
	{% if not all_correct %}
	   {% if not show_correct %}
	   <t class="interface"><input type="submit" name="test" value="{% trans_to "Test answers" "sme" %}"/><span class="invisible">{% trans "Test answers" %}</span></t>
	   {% endif %}
	   {% ifequal count 1 %}
	   <t class="interface"><input type="submit" name="show_correct" value="{% trans_to "Show the correct answers" "sme" %}" /><span class="invisible">{% trans "Show the correct answers" %}</span></t>
	   {% endifequal %}
	{% endif %}
	{% endblock %}
	
    <div id="score">
        {% if 1 %}
            {% if all_correct %}
                <t class="interface">{% trans_to "Congratulations!" "sme" %}<span class="invisible">{% trans "Congratulations!" %}</span></t><br />
			{% endif %}
            {% if score %}
                <t class="interface">{% trans_to "Your score:" "sme" %}<span class="invisible">{% trans "Your score:" %}</span></t> <span class="points">{{ score }}</span>
            {% endif %}
		{% endif %}
	</div>
	
	{% if comment %}
        <br/>
		{{ comment }}
	{% endif %}

</div>

</div>
{% endblock %}