{% extends "game.html" %}
{% load i18n %}

{% block helpaddress %}
{% ifequal LANGUAGE_CODE "no" %}
<a href="http://giellatekno.uit.no/oahpa/leksa.nno.html"
{% else %}
<a href="http://giellatekno.uit.no/oahpa/leksa.html"
{% endifequal %}
{% endblock %}

{% block gametitlename %}LEKSA{% endblock %}
{% block imgprefix %}leksa{% endblock %}

{% block navbar %}
<ul class="sidelist">
	<li class="selected"><a href="{% url 'leksa' %}">{% trans 'Words' %}</a></li>
</ul>
{% endblock %}

{% block veiledning %}{% endblock %}

{% block instructions %}
	{% ifequal score "" %}
			{% trans "Give translations for words. You can choose a semantic set or part of the textbook but not both." %}
	{% else %}
            {% trans "Colors:" %}
            </br> </br>
            <span style="color:green"> {% trans "correct answer" %}
            </span> </br></br>
            <span style="color:#9ACD32"> {% trans "almost correct answer" %}
            </span>
            </br></br>
            {% if show_correct %}
                <span style="color:red"> {% trans "incorrect answer" %}</span>
            {% else %}
                <span style="color:#900"> {% trans "incorrect answer" %}</span>     
            {% endif %}
    {% endifequal %}
{% endblock %}

{% block name %}{% trans "Quizz" %}{% endblock %}
{% block pagename %}/{{ URL_PREFIX }}/leksa/{% endblock %}

{% block settings %}
    <div class="grammarlinks">
        {% include 'grammar_links_menu.html' %}
    </div>

    <ul id="settingsform">
    	<li><label for="id_{{ settingsform.semtype.name }}">{% trans "Set" %}</label>
    		{{ settingsform.semtype }}</li>
    	<li><label for="id_{{ settingsform.transtype.name }}">{% trans "Select the language pair" %}</label>
    		{{ settingsform.transtype }}</li>
    	<li><label for="id_{{ settingsform.source.name }}">{% trans "Book" %}</label>
    		{{ settingsform.source }}</li>
    </ul>

    <ul id="submittable">
        <li><input type="submit" name="settings" value="{% trans "New set" %}" /></li>
    </ul>
{% endblock %}
<input type="submit" name="settings" value="{% trans "New set" %}" />

{% block question %}
<script>
function playSound(soundfile) {
    var audio=document.getElementById("pronounce{{ forloop.counter }}");
    audio.src=soundfile;
    audio.play();
}
</script>
{{ form.lemma }}
    <audio id="pronounce{{ forloop.counter }}"></audio>
   <!-- <a onclick=playSound("{{ MEDIA_URL }}/audio/{{ form.audio }}.wav") href="#"> -->
    <a onclick=playSound("{{ form.audio }}") href="#">
    {% if form.audio %}
        <img src="{{ MEDIA_URL }}/images/loudspeaker.jpg" heigth="15px" width="20px"/>
    {% endif %}
    </a>
{% endblock %}

{% 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 %}