{% extends "base.html" %}

{% block content %}
  <div class="default-container">
    <div class="title">
      <h3>{% trans "Forgot PIN" %}</h3>
    </div>
    <div class="block">
      <form method="post" action="{% url 'molo.profiles:forgot_password' %}" novalidate>
      {% csrf_token %}
        {% if form.errors %}
          <p class="error errorlist">
          {% for key, errors in form.errors.items %}
            {% for error in errors %}
              {% trans error %}<br/>
            {% endfor %}
          {% endfor %}
          </p>
        {% endif %}

        {% for field in form %}
          <p><strong>{% trans field.label_tag %}</strong></p>
          {{ field }}
          {% if forloop.counter == 1 %}
            <p><strong>{% trans "Security question" %}</strong></p>
            <p>{% trans "Please answer the following security question." %}</p>
          {% endif %}
        {% endfor %}
        <input type="submit" value='{% trans "Forgot PIN" %}' />
      </form>
    </div>
  </div>
{% endblock %}
