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

{% block content %}

<hr/>

<table width="90%">
<tr>
<td>

<table>
<tr><td>
<table>
     {% for form in forms %}

{% ifnotequal settings.gametype 'bare' %} 
    {% ifnotequal forloop.counter 1 %}
    <tr>
    <td>&nbsp;</td>
    </tr>
    {% endifnotequal %}
{% endifnotequal %}
<tr>
{% block question %}{% endblock %}
</tr>

<tr>
  <!-- Show correct answers if "show correct" is pressed -->
{% if show_correct %}
  <td> 
    {% if form.answertext1 %}{{ form.answertext1 }}{% endif %}
    {% if form.pron %}
    &nbsp;&nbsp;{{ form.pron }}&nbsp;&nbsp;
    {% endif %}    
    {% ifequal form.error "correct" %}
    <font color="green">{{ form.userans }}</font>
    {% else %}
      {% ifequal form.error "error" %}
       <font color="red">{{ form.userans }}</font>
       {% else %}
       ___________________
      {% endifequal %}
    {% endifequal %}
    {% if form.pron_imp %}
    &nbsp;&nbsp;{{ form.pron_imp }}&nbsp;&nbsp;
    {% endif %}    

    {% if form.answertext2 %}{{ form.answertext2 }}{% endif %}
  </td>

  {% else %}

   <!-- If just test answers, mark correct answers as green -->
  <td>
    {% if form.answertext1 %}{{ form.answertext1 }}{% endif %}
      {% ifnotequal form.userans "" %}
          {% if form.pron %}
	  &nbsp;&nbsp;{{ form.pron }}&nbsp;&nbsp;
	  {% endif %}

        {% ifequal form.error "correct" %}
          <font color="green">{{ form.userans }}</font>
        {% else %}
	  <!-- Answer field -->
	  {{ form.answer }} 
	{% endifequal %}
          {% if form.pron_imp %}
	  &nbsp;&nbsp;{{ form.pron_imp }}&nbsp;&nbsp;
	  {% endif %}

      {% else %}
      <!-- Answer field -->
      {% if form.pron %}
      &nbsp;&nbsp;{{ form.pron }}&nbsp;&nbsp;
      {% endif %}
      {{ form.answer}}
      {% if form.pron_imp %}
      &nbsp;&nbsp;{{ form.pron_imp }}&nbsp;&nbsp;
      {% endif %}
      {% endifnotequal %}
    {% if form.answertext2 %}{{ form.answertext2 }}{% endif %}

     </td>
  {% endif %}
    <td>
  {% if show_correct %}
    {% ifnotequal form.error "correct" %}
       {{ form.correct_answers }}
    {% endifnotequal %}
  {% else %}
      {% ifequal form.error "error" %}
      <img width="15" height="15" border="0" src="/oahpa/media/error.jpg"/>
      <!-- Feedback -->
          {% if form.feedback %}
	   <div class='popupcontent' id='popup_{{ forloop.counter }}'>{{ form.feedback }}</div>
	   <a href="#" onclick="showPopup(300,150,'popup_{{ forloop.counter }}');" ><font color="#093970"><small>{% trans "help" %}</small></font></a>
	  {% endif %}
      {% endifequal %}
  {% endif %}
      </td>
<td>
       {{ form.word_id }}       {{ form.tag_id }}
{{ form.question_id }} {{ form.answer_id }} 
{{ form.questiondetails }}
{{ form.qstring }} {{ form.astring }}
<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 %}
</table>

</td>
</tr>

<tr><td>


{% if score %}
&nbsp;<br/>
{% if all_correct %}
{% trans "Congratulations!" %}
{% endif %}

<br/>
{% trans "Your score:" %} {{ score }}
{% endif %}

{% ifequal LANGUAGE_CODE "no" %}
{% if comment %}
<br/>
{{ comment }}
{% endif %}
{% endifequal %}

</td>
</tr>

{% block submit %}{% endblock %}

</table>
</td>
<td width="30%" valign="top"><table border="1" cellpadding="10"><tr><td>
<p>{% block gamename %}{% endblock %}</p>
{% block instructions %}{% endblock %}</td></tr></table></td>
</tr>
</table>

{% endblock %}