{% extends "account/base.html" %}

{% load allauth %}
{% load i18n %}
{% load crispy_forms_tags %}

{% block head_title %}
    {% trans "Confirm Access" %}
{% endblock head_title %}
{% block content %}
  <div class="auth-challenge-page auth-journey-page">
    <section class="auth-challenge-card auth-journey-card" aria-labelledby="reauthenticate-heading">
      <div class="auth-challenge-heading">
        <span class="auth-challenge-icon auth-journey-icon" aria-hidden="true"><i class="fas fa-user-shield"></i></span>
        <div>
          <span class="auth-challenge-eyebrow">{% trans "Account security" %}</span>
          <h1 id="reauthenticate-heading">{% trans "Confirm access" %}</h1>
          <p>{% blocktranslate %}Reauthenticate to safeguard your account before continuing.{% endblocktranslate %}</p>
        </div>
      </div>
      {% block reauthenticate_content %}{% endblock %}
      {% if reauthentication_alternatives %}
        <div class="auth-challenge-divider"><span>{% translate "Alternative methods" %}</span></div>
        <div class="auth-journey-alternatives">
          {% for alt in reauthentication_alternatives %}
            <a href="{{ alt.url }}" class="btn btn-outline-secondary">{{ alt.description }}</a>
          {% endfor %}
        </div>
      {% endif %}
    </section>
  </div>
{% endblock content %}