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


{% block name %}{% trans "Morphology" %}{% endblock %}
{% block pagename %}/oahpa/morfa/{% endblock %}

{% block menu %}
{% ifequal settings.gametype "bare" %}
<font size="+2" color="#D2B48C" ><b>{% trans 'Morfa' %}</b></font>&nbsp;&nbsp;
<a href="/oahpa/cmorfa/">{% trans 'Contextual Morfa' %}</a>&nbsp;&nbsp;
<!--	  <a href="/oahpa/vasta/">{% trans 'Vasta' %}</a><br/>-->
	  <a href="/oahpa/leksa/">{% trans 'Leksa' %}</a>&nbsp;&nbsp;
	  <a href="/oahpa/logut/">{% trans 'Logut' %}</a>&nbsp;&nbsp;
{% else %}
<a href="/oahpa/morfa/">{% trans 'Morfa' %}</a>&nbsp;&nbsp;
<font size="+2" color="#D2B48C" ><b>{% trans 'Contextual Morfa' %}</b></font>&nbsp;&nbsp;
<!--	  <a href="/oahpa/vasta/">{% trans 'Vasta' %}</a><br/>-->
	  <a href="/oahpa/leksa/">{% trans 'Leksa' %}</a>&nbsp;&nbsp;
	  <a href="/oahpa/logut/">{% trans 'Logut' %}</a>&nbsp;&nbsp;
{% endifequal %}
{% endblock %}


{% block tabmenu %}
<ul id="tabmenu">
  <li><a class="active" href="/oahpa/morfa/">{% trans 'Morfa' %}</a></li>
  <li><a  href="/oahpa/leksa/">{% trans 'Leksa' %}</a></li>
  <li><a  href="/oahpa/numra/">{% trans 'Numra' %}</a></li>
</ul>
{% endblock %}

{% block settings %}
<table width="700">
<tr>
{% block selectionname %}{% endblock %}

{% ifequal settings.gametype "bare" %}
<td>{% trans "Stem" %}</td>
{% endifequal %}
<td>{% trans "Book" %}</td>

</tr>
<tr>
{% block selection %}{% endblock %}

{% ifequal settings.gametype "bare" %}
<td>
{{ settingsform.bisyllabic }}{% trans "bisyllabic" %}<br/>
{{ settingsform.trisyllabic }}{% trans "trisyllabic" %}<br/>
{{ settingsform.contracted }}{% trans "contracted" %}<br/>
</td>
{% endifequal %}
<td>{{ settingsform.book }}</td>
</tr>
</table>
<input type="submit" name="settings" value="{% trans "New set" %}" />

{% endblock %}

{% block question %}

{% ifequal settings.gametype "bare" %} 
  <td>
  {% if forloop.first %}
    <div id='lemma'>
  {% else %}
    <div id='lemma_{{ forloop.counter0 }}'>
  {% endif %}
{{ form.lemma }}
  </div>

  {% if forloop.first %}
    <div id='tooltip' style="display:none; margin:10px; padding:20px; background-color:white;">
    {{ form.translations }}
    </div>
    <script type="text/javascript"> 
	var lemma_tooltip = new Tooltip('lemma','tooltip')
    </script>
  {% else %}
    <div id='tooltip_{{ forloop.counter0 }}' style="display:none; background-color:white;">
    {{ form.translations }} 
    </div>
    <script type="text/javascript">
      var lemma_{{ forloop.counter0 }}_tooltip = new Tooltip('lemma_{{ forloop.counter0 }}','tooltip_{{ forloop.counter0 }}')
    </script>
  {% endif %}
  </td>

{% else %}                                                                                                       
<td>{{ form.question }} ({{ form.lemma }})</td>                                                                  
{% endifequal %}                      

{% endblock %}

{% block submit %}
<tr>
<td>
</td>
<td>
{% 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 correct answers" %}" />
   {% endifequal %}
{% endif %}
</td>
</tr>
{% endblock %}