{% extends "base.html" %}
{% block content %}
<div class="profiles">

  {# include template "patterns/basics/headings/sp_variations/heading.html" #}
    {% trans "Reset PIN" as headingtext %}
    {% with type="component" htmltag="h1" title=headingtext %}
      <div class="heading heading__{{type}} {{extraclass}}">
        <{{htmltag}}>{{title}}</{{htmltag}}>
      </div>
    {% endwith %}
  {# end include template #}

  <form method="post" class="profiles__form" novalidate>
  {% csrf_token %}
  {% if form.errors %}
    <ul class="error-list">
    {% for key, errors in form.errors.items %}
      {% for error in errors %}
      <li class="error-list__item">
        {% trans error %}
      </li>
      {% endfor %}
    {% endfor %}
    </ul>
  {% endif %}
  <fieldset>
    <div class="input-group">
      <label>{{ form.username|capfirst }}</label>
        {{ form.token }}
    </div>
  <fieldset>
    <div class="input-group">
      <label>{% trans "PIN" %}</label>
        {{ form.password }}
    </div>
  <fieldset>
    <div class="input-group">
      <label>{% trans "Confirm PIN" %}</label>
        {{ form.confirm_password }}
    </div>
  <fieldset>
  <button type="submit" class="call-to-action__button call-to-action__button--primary">{% trans "Reset PIN" %}</button>
  </form>
</div>
{% endblock %}