{% extends "account/base_reauthenticate.html" %}
{% load i18n %}
{% load allauth %}
{% load crispy_forms_tags %}

{% block reauthenticate_content %}

    <p class="auth-journey-intro">{% blocktranslate %}Enter an authenticator code to continue.{% endblocktranslate %}</p>

    <!-- Form Error Section -->
    {% if form.errors %}
    <script>
    {% for field in form %}
      {% for error in field.errors %}
        displayToastTop({type: 'error', string: '{{ error|escapejs }}', context: 'form'});
      {% endfor %}
    {% endfor %}
    {% for error in form.non_field_errors %}
      displayToastTop({type: 'error', string: '{{ error|escapejs }}', context: 'form'});
    {% endfor %}
    </script>
    {% endif %}
    {% url 'mfa_reauthenticate' as action_url %}
    <form class="validate auth-journey-form auth-mfa-reauthentication-form" method="POST" action="{{ action_url }}" novalidate>
      {% csrf_token %}
      <div class="auth-challenge-field auth-mfa-code-challenge-field">
        {{ form.code|as_crispy_field }}
      </div>
      {{ redirect_field }}
      <div class="auth-journey-actions">
        <button class="btn btn-primary auth-challenge-submit" type="submit"><i class="fas fa-shield-alt" aria-hidden="true"></i> {% trans "Confirm access" %}</button>
      </div>
    </form>
{% endblock %}