{% extends "base.html" %}
{% from "ui/card.html" import card %}
{% from "ui/button.html" import button %}
{% from "ui/form_field.html" import input_field %}
{% from "ui/page_header.html" import page_header %}
{% block title %}Zwei-Faktor-Anmeldung{% endblock %}
{% block content %}
  {{ page_header("Zwei-Faktor-Anmeldung", "Methode: " ~ mfa_method_label) }}
  {% call card('auth-card') %}
    <form action="/login/mfa" method="post" class="stack">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
      {{ input_field('6-stelliger Code', 'code', type='text', required=true, attrs='inputmode="numeric" pattern="[0-9]{6}" minlength="6" maxlength="6"') }}
      {{ button('Code prüfen', type='submit') }}
    </form>
    {% if mfa_is_email %}
      <form action="/login/mfa/resend"
            method="post"
            class="stack mfa-resend-form">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
        {{ button('Neuen Code senden', type='submit', variant='ghost') }}
      </form>
    {% endif %}
    <p>
      <a href="/login">Zurück zur Anmeldung</a>
    </p>
  {% endcall %}
{% endblock %}