{% extends "tesm_core/standalone.html" %}
{% block heading %}Zweiter Faktor{% endblock %}
{% block subheading %}Code aus Ihrer Authenticator-App{% endblock %}

{% block content %}
<form method="post" class="stack" data-no-guard>
  <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
  <label class="field">
    <span class="field__label">6-stelliger Code</span>
    <input class="input input--mono" type="text" name="code" required autofocus
           inputmode="numeric" autocomplete="one-time-code" maxlength="14"
           placeholder="123456" style="letter-spacing:.22em;text-align:center;font-size:1.15rem">
    <span class="field__hint">
      Alternativ koennen Sie einen Ihrer Wiederherstellungscodes eingeben.
    </span>
  </label>
  <button class="btn btn--primary btn--lg btn--block" type="submit">Bestaetigen</button>
</form>
<p class="center fs-sm"><a href="{{ url_for('auth.logout_get') }}">Abbrechen und zurueck zur Anmeldung</a></p>
{% endblock %}
