{% extends "basis.html" %}{% from "schalter.html" import schalter %}
{# Ory-Anmeldung (Bau 16.10.2026, Mockups Runde 2): eine Vorlage für Registrieren, Anmelden, Code, Bist du’s?, zweiter
   Faktor, Zugang vergessen, Adresse bestätigen und Konto & Anmeldewege. Alle Formulare posten an Timbres Vorschalter
   (v.action), nie direkt an Kratos. Fehler nach Neuladen (B2): Titel „Fehler: …“, Zusammenfassung oben (fokussiert von
   anmeldung.js), Felder mit aria-invalid + aria-describedby. Ohne Skript gehen Code, Passwort und Dienste. #}
{% set ta = ta %}
{% block titel %}{% if v.fehler %}{{ ta.fehler_praefix }}{% endif %}{{ ta.titel[v.seite] }} – Timbre{% endblock %}
{% block kopf %}<script src="/static/anmeldung.js" defer></script>{% endblock %}
{% block hauptklasse %} class="an-haupt"{% endblock %}
{% block inhalt %}{% set ansicht = v.seite %}
{% macro fehlerliste() %}{% if v.fehler %}<div class="an-fehlerliste" id="fehlerliste" tabindex="-1" role="group" aria-labelledby="fehlerliste-h">
  <h2 id="fehlerliste-h">{{ ta.fehler_ueberschrift }}</h2>
  <ul>{% for f in v.fehler %}<li>{% if f.feld %}<a href="#{{ f.feld }}">{{ f.text }}</a>{% else %}{{ f.text }}{% endif %}</li>{% endfor %}</ul>
</div>{% endif %}{% endmacro %}
{% macro hinweise() %}{% for h in v.hinweise %}<p class="an-meldung {{ h.typ }}" role="status">{{ h.text }}</p>{% endfor %}{% endmacro %}
{% macro feldfehler(id) %}{% for f in v.fehler %}{% if f.feld == id %}<span class="an-feldfehler" id="{{ id }}-fehler">{{ f.text }}</span>{% endif %}{% endfor %}{% endmacro %}
{% macro invalid(id) %}{% for f in v.fehler if f.feld == id %}{% if loop.first %} aria-invalid="true" aria-describedby="{{ id }}-fehler"{% endif %}{% endfor %}{% endmacro %}
{% macro csrf() %}<input type="hidden" name="csrf_token" value="{{ v.csrf }}">{% endmacro %}
{% macro dienste_knoepfe(name="provider") %}{% if v.dienste %}<p class="an-trenner" aria-hidden="true"><span>{{ ta.oder }}</span></p>
  <div class="an-dienste">{% for d in v.dienste %}<button class="an-dienst" type="submit" name="{{ name }}" value="{{ d }}" formnovalidate><span class="an-dienstzeichen an-z-{{ d }}" aria-hidden="true"></span>{{ ta.dienst[d] }}</button>{% endfor %}</div>{% endif %}{% endmacro %}
{% macro fuenf(ist) %}<ol class="an-fuenf" aria-label="{{ ta.schritte_name }}">{% for s in ta.schritte %}<li class="{{ 'ok' if loop.index < ist else ('ist' if loop.index == ist else '') }}"{% if loop.index == ist %} aria-current="step"{% endif %}><span class="an-nr" aria-hidden="true">{{ '✓' if loop.index < ist else loop.index }}</span>{{ s }}{% if loop.index < ist %}<span class="unsichtbar"> – {{ ta.erledigt }}</span>{% endif %}</li>{% endfor %}</ol>{% endmacro %}
<div class="an-lava" aria-hidden="true"></div>
{% if ansicht == "registrieren" %}
<div class="an-gold an-buehne">
  <section class="an-versprechen-spalte">
    <p class="an-marke">{{ t.store.los if neutral else ta.reg_marke }}</p>
    <p class="an-riesig">{{ ta.reg_zeile }} <em>{{ ta.reg_akzent }}</em></p>
    {# Early Bird / Store-Fassungen (11.11.2026): ohne die Sätze der Warteliste (texte_earlybird.py) #}
    {% set E = t.earlybird %}<p class="an-lead">{{ E.reg_text if neutral else ta.reg_text }}</p>
    {# M7: Dienste nur versprechen, wenn sie eingerichtet sind #}
    <ul class="an-drei">{% set vsp = (ta.versprechen if v.dienste else ta.versprechen[:2] + [ta.versprechen_ohne_dienste]) %}{% if neutral %}{% set vsp = [E.versprechen] + vsp[1:] %}{% endif %}{% for titel, text in vsp %}<li><b>{{ titel }}</b><span>{{ text }}</span></li>{% endfor %}</ul>
    {{ fuenf(1) }}
  </section>
  <section class="an-karte" aria-labelledby="an-h1">
    <h1 id="an-h1" class="an-titel">{{ ta.titel.registrieren }}</h1>
    {{ fehlerliste() }}{{ hinweise() }}
    <form method="post" action="{{ v.action }}" class="an-formular" id="form-registrieren" novalidate data-haekchen="f-zustimmung">
      {{ csrf() }}
      <label class="an-check{% if v.feldfehler['f-zustimmung'] or (v.fehler | selectattr('feld', 'equalto', 'f-zustimmung') | list) %} fehlt{% endif %}" for="f-zustimmung">
        <input type="checkbox" id="f-zustimmung" name="transient_payload.zustimmung" value="true"{{ invalid('f-zustimmung') }}>
        <span>{{ ta.zustimmung | safe }}</span></label>
      {{ feldfehler('f-zustimmung') }}
      <span class="an-feldfehler an-vorpruefung" id="f-zustimmung-js" role="alert" hidden>{{ ta.haekchen_fehlt }}</span>
      <div class="an-feld"><label for="f-adresse">{{ ta.adresse }}</label>
        <input id="f-adresse" name="traits.email" type="email" autocomplete="email" spellcheck="false" value="{{ v.adresse }}" placeholder="{{ ta.adresse_platzhalter }}"{{ invalid('f-adresse') }}>
        {{ feldfehler('f-adresse') }}</div>
      <button class="knopf voll an-breit" type="submit" name="absicht" value="passkey"><span class="an-pk" aria-hidden="true"></span>{{ ta.weiter_passkey }}</button>
      <button class="knopf an-breit" type="submit" name="absicht" value="code">{{ ta.nur_code }}</button>
      <p class="klein">{{ ta.reg_hinweis }}</p>
      <details class="an-auf"><summary>{{ ta.lieber_passwort }}</summary>
        <p class="klein">{{ ta.passwort_erklaerung }}</p>
        <button class="knopf an-breit" type="submit" name="absicht" value="passwort">{{ ta.weiter_passwort }}</button></details>
      {{ dienste_knoepfe() }}
    </form>
    <p class="klein">{{ ta.reg_fuss }} <a href="/anmelden">{{ ta.anmelden_link }}</a></p>
  </section>
</div>
{% elif ansicht == "code" %}
<section class="an-karte an-schmal an-buehne" aria-labelledby="an-h1">
  <h1 id="an-h1" class="an-titel">{{ ta.code_titel }}</h1>
  {{ fehlerliste() }}{{ hinweise() }}
  {% set vielleicht = v.art == "recovery" or (v.art == "login" and v.einheitlich) %}
  {% set teile = (ta.code_text_vielleicht if vielleicht else ta.code_text).split("{adresse}") %}
  <p>{{ teile[0] }}<b class="an-adresse">{{ v.adresse }}</b>{{ teile[1] }}</p>
  <form method="post" action="{{ v.action }}" class="an-formular" novalidate>
    {{ csrf() }}<input type="hidden" name="method" value="code">
    {% if v.art == "registration" %}<input type="hidden" name="traits.email" value="{{ v.adresse }}"><input type="hidden" name="transient_payload.zustimmung" value="true">
    {% elif v.art == "login" %}<input type="hidden" name="identifier" value="{{ v.adresse }}">
    {% endif %}{# Zugang/Bestätigen: keine Adresse mitschicken – Kratos würde sonst einen neuen Code senden statt zu prüfen #}
    <div class="an-feld"><label for="f-code">{{ ta.code_label }}</label>
      <input id="f-code" class="an-codefeld" name="code" inputmode="numeric" autocomplete="one-time-code" maxlength="12" spellcheck="false" aria-describedby="f-code-hilfe{% for f in v.fehler if f.feld == 'f-code' %}{% if loop.first %} f-code-fehler{% endif %}{% endfor %}"{% for f in v.fehler if f.feld == 'f-code' %}{% if loop.first %} aria-invalid="true"{% endif %}{% endfor %}>
      <span class="klein" id="f-code-hilfe">{{ ta.code_hilfe }}</span>{{ feldfehler('f-code') }}</div>
    <button class="knopf voll an-breit" type="submit">{{ ta.code_bestaetigen }}</button>
    {% if v.art in ("registration", "login") %}<button class="knopf an-breit" type="submit" name="resend" value="code" formnovalidate>{{ ta.code_neu }}</button>{% endif %}
  </form>
  <p class="klein an-zeilelinks"><a href="{{ '/registrieren' if v.art == 'registration' else ('/zugang' if v.art == 'recovery' else '/anmelden') }}">{{ ta.andere_adresse }}</a>
  {% if v.art == "login" %}<span>{{ ta.kein_konto }} <a href="/registrieren">{{ ta.registrieren_link }}</a></span>{% endif %}</p>
</section>
{% elif ansicht in ("anmelden", "bistdus") %}
<section class="an-karte an-schmal an-buehne" aria-labelledby="an-h1">
  <h1 id="an-h1" class="an-titel">{{ ta.anm_titel if ansicht == "anmelden" else ta.bistdus_titel }}</h1>
  {% if ansicht == "bistdus" %}<p>{{ ta.bistdus_text }}</p>{% endif %}
  {% if anm_hinweis %}<p class="an-meldung info" role="status">{{ ta['hinweis_' ~ anm_hinweis] }}</p>{% endif %}
  {{ fehlerliste() }}{{ hinweise() }}
  {% if v.passkey_challenge %}
  <form method="post" action="{{ v.action }}" class="an-formular an-nurjs" id="form-passkey">
    {{ csrf() }}<input type="hidden" name="method" value="passkey">
    <input type="hidden" name="passkey_challenge" value="{{ v.passkey_challenge }}"><input type="hidden" name="passkey_login" value="">
    <button class="knopf voll an-breit" type="button" data-passkey="login" data-laeuft="{{ ta.passkey_laeuft }}" data-abgebrochen="{{ ta.passkey_abgebrochen }}"><span class="an-pk" aria-hidden="true"></span>{{ ta.mit_passkey }}</button>
    <p class="klein">{{ ta.passkey_hilfe }}</p>
    <p class="klein an-passkey-stand" role="status" aria-live="polite"></p>
  </form>
  <noscript><p class="klein">{{ ta.passkey_ohne_js }}</p></noscript>
  <p class="an-trenner" aria-hidden="true"><span>{{ ta.oder_code }}</span></p>
  {% endif %}
  {% if "code" in v.gruppen %}
  <form method="post" action="{{ v.action }}" class="an-formular" novalidate>
    {{ csrf() }}
    <div class="an-feld"><label for="f-adresse">{{ ta.adresse }}</label>
      <input id="f-adresse" name="identifier" type="email" autocomplete="username webauthn" spellcheck="false" value="{{ v.adresse }}" placeholder="{{ ta.adresse_platzhalter }}"{% if ansicht == "bistdus" and v.adresse %} readonly{% endif %}{{ invalid('f-adresse') }}>
      {{ feldfehler('f-adresse') }}</div>
    <button class="knopf an-breit{% if not v.passkey_challenge %} voll{% endif %}" type="submit" name="method" value="code">{{ ta.code_schicken }}</button>
    {% if ansicht == "anmelden" %}{{ dienste_knoepfe() }}{% endif %}
  </form>
  {% endif %}
  {% if "password" in v.gruppen %}
  <details class="an-auf"{% if v.feldfehler['f-passwort'] %} open{% endif %}><summary>{{ ta.mit_passwort }}</summary>
    <form method="post" action="{{ v.action }}" class="an-formular" novalidate>
      {{ csrf() }}
      <div class="an-feld"><label for="f-adresse-pw">{{ ta.adresse }}</label>
        <input id="f-adresse-pw" name="identifier" type="email" autocomplete="username" spellcheck="false" value="{{ v.adresse }}"></div>
      <div class="an-feld"><label for="f-passwort">{{ ta.passwort }}</label>
        <input id="f-passwort" name="password" type="password" autocomplete="current-password"{{ invalid('f-passwort') }}>{{ feldfehler('f-passwort') }}
        {{ schalter(tasten.passwort_zeigen, ta.passwort_anzeigen, klasse="klein an-nurjs", daten={"zeigen": "f-passwort"}) }}</div>
      <button class="knopf an-breit" type="submit" name="method" value="password">{{ ta.anmelden_knopf }}</button>
    </form>
  </details>
  {% endif %}
  {% if ansicht == "anmelden" %}
  <p class="klein an-zeilelinks"><a href="/zugang">{{ ta.zugang_vergessen }}</a>
    <span>{{ ta.neu_hier }} <a href="{{ '/registrieren?login_challenge=' ~ (v.login_challenge | urlencode) if v.login_challenge else '/registrieren' }}">{{ ta.konto_anlegen }}</a></span></p>
  {% endif %}
</section>
{% elif ansicht == "zweiter" %}
{# Meldung 24.10.2026: alle vorhandenen zweiten Faktoren anbieten – Passkey (ein Klick) → App-Code → Wiederherstellungscode
   (dezent, nur offen, wenn er der einzige Weg ist). Passkey läuft über einen eigenen refresh-Flow (passkey_schritt). #}
<section class="an-karte an-schmal an-buehne" aria-labelledby="an-h1">
  <h1 id="an-h1" class="an-titel">{{ ta.zweiter_titel }}</h1>
  <p>{{ ta.zweiter_text_passkey if passkey_schritt else ta.zweiter_text }}</p>
  {{ fehlerliste() }}{{ hinweise() }}
  {% if passkey_schritt %}
  <form method="post" action="{{ v.action }}" class="an-formular an-nurjs" id="form-passkey">
    {{ csrf() }}<input type="hidden" name="method" value="passkey">
    <input type="hidden" name="passkey_challenge" value="{{ v.passkey_challenge }}"><input type="hidden" name="passkey_login" value="">
    <button class="knopf voll an-breit" type="button" data-passkey="login" data-laeuft="{{ ta.passkey_laeuft }}" data-abgebrochen="{{ ta.passkey_abgebrochen }}"><span class="an-pk" aria-hidden="true"></span>{{ ta.passkey_bestaetigen }}</button>
    <p class="klein">{{ ta.passkey_hilfe }}</p>
    <p class="klein an-passkey-stand" role="status" aria-live="polite"></p>
  </form>
  <noscript><p class="klein">{{ ta.passkey_ohne_js_zweiter if anderer_weg else ta.passkey_nur_js }}</p></noscript>
  {% if anderer_weg %}<p class="klein"><a href="{{ anderer_weg }}">{{ ta.anderer_faktor }}</a></p>{% endif %}
  {% else %}
  {% set hat_totp = "totp" in v.gruppen %}{% set hat_lookup = "lookup_secret" in v.gruppen %}
  {% if passkey_weg %}<a class="knopf voll an-breit" href="{{ passkey_weg }}"><span class="an-pk" aria-hidden="true"></span>{{ ta.passkey_bestaetigen }}</a>
  {% if hat_totp %}<p class="an-trenner" aria-hidden="true"><span>{{ ta.oder }}</span></p>{% endif %}{% endif %}
  {% if hat_totp %}
  <form method="post" action="{{ v.action }}" class="an-formular" novalidate>
    {{ csrf() }}
    <div class="an-feld"><label for="f-totp">{{ ta.app_code }}</label>
      <input id="f-totp" class="an-codefeld" name="totp_code" inputmode="numeric" autocomplete="one-time-code" maxlength="12" aria-describedby="f-totp-hilfe"{{ invalid('f-totp') }}>
      <span class="klein" id="f-totp-hilfe">{{ ta.totp_hilfe }}</span>{{ feldfehler('f-totp') }}</div>
    <button class="knopf{% if not passkey_weg %} voll{% endif %} an-breit" type="submit" name="method" value="totp">{{ ta.bestaetigen }}</button>
  </form>{% endif %}
  {% if hat_lookup %}
  {% set lookup_form %}<form method="post" action="{{ v.action }}" class="an-formular" novalidate>
      {{ csrf() }}
      <div class="an-feld"><label for="f-lookup">{{ ta.lookup_label }}</label>
        <input id="f-lookup" name="lookup_secret" autocomplete="one-time-code" spellcheck="false"{{ invalid('f-lookup') }}>{{ feldfehler('f-lookup') }}</div>
      <button class="knopf{% if not (passkey_weg or hat_totp) %} voll{% endif %} an-breit" type="submit" name="method" value="lookup_secret">{{ ta.bestaetigen }}</button>
    </form>{% endset %}
  {% if passkey_weg or hat_totp %}
  <details class="an-auf"{% if v.feldfehler['f-lookup'] %} open{% endif %}><summary>{{ ta.kein_zugriff_passkey_app if (passkey_weg and hat_totp) else (ta.kein_zugriff_passkey if passkey_weg else ta.handy_nicht_da) }}</summary>
    {{ lookup_form }}</details>
  {% else %}{{ lookup_form }}{% endif %}
  {% endif %}
  {% endif %}
  <form method="post" action="/abmelden"><button class="an-textknopf" type="submit">{{ ta.abbrechen_abmelden }}</button></form>
  <p class="klein">{{ ta.ohne_faktor }}</p>
</section>
{% elif ansicht in ("zugang", "bestaetigen") %}
<section class="an-karte an-schmal an-buehne" aria-labelledby="an-h1">
  <h1 id="an-h1" class="an-titel">{{ ta.zugang_titel if ansicht == "zugang" else ta.bestaetigen_titel }}</h1>
  <p>{{ ta.zugang_text if ansicht == "zugang" else ta.bestaetigen_text }}</p>
  {{ fehlerliste() }}{{ hinweise() }}
  <form method="post" action="{{ v.action }}" class="an-formular" novalidate>
    {{ csrf() }}
    <div class="an-feld"><label for="f-adresse">{{ ta.adresse }}</label>
      <input id="f-adresse" name="email" type="email" autocomplete="email" spellcheck="false" value="{{ v.adresse }}" placeholder="{{ ta.adresse_platzhalter }}"{{ invalid('f-adresse') }}>{{ feldfehler('f-adresse') }}</div>
    <button class="knopf voll an-breit" type="submit" name="method" value="code">{{ ta.code_schicken_kurz }}</button>
  </form>
  {% if ansicht == "zugang" %}
  {% if dienste_an %}<p class="klein">{{ ta.zugang_dienste }}</p>{% endif %}
  <details class="an-auf"><summary>{{ ta.postfach_frage }}</summary><p class="klein">{{ ta.postfach_text }}</p></details>
  {% endif %}
</section>
{% else %}{# Konto & Anmeldewege (Settings-Flow) #}
<div class="an-konto an-buehne">
  <h1 class="an-titel" id="an-h1">{{ ta.konto_titel }}</h1>
  <p class="an-lead">{{ ta.konto_intro }}</p>
  {{ fehlerliste() }}{{ hinweise() }}
  {% if wiederhergestellt %}<p class="an-meldung gut" role="status">{{ ta.wiederhergestellt }}</p>{% endif %}
  {% if absicht in ("passkey", "passwort") %}<p class="an-meldung gut" role="status">{{ ta['absicht_' ~ absicht] }}</p>{% endif %}
  <section class="an-karte an-schutz" aria-labelledby="schutz-h">
    <h2 id="schutz-h">{{ ta.schutz_titel | replace("{n}", schutz_stufe | string) }}</h2>
    <ol class="an-schutzliste">{% for titel, unter in ta.schutz_stufen %}<li class="{{ 'ok' if loop.index <= schutz_stufe else '' }}"><b>{{ titel }}</b><small>{{ unter }}</small>{% if loop.index <= schutz_stufe %}<span class="unsichtbar"> – {{ ta.erledigt }}</span>{% endif %}</li>{% endfor %}</ol>
    {% if nutzer.schutz_an %}<p class="klein">{{ ta.schutz_an_text }}</p>{% else %}<p class="klein">{{ ta.postfach_schluessel }}</p>
    <p><a class="knopf voll" href="/konto/schuetzen">{{ ta.schutz_knopf }}</a></p>{% endif %}
  </section>
  <div class="an-dreier">
    <section class="an-karte{% if absicht == 'passkey' %} an-fokus{% endif %}" aria-labelledby="pk-h" id="passkeys">
      <h2 id="pk-h">{{ ta.passkeys_titel }}</h2>
      {% if v.passkeys %}<ul class="an-wegliste">{% for p in v.passkeys %}<li><span><b>{{ p.name }}</b>{% if p.angelegt %}<small>{{ ta.angelegt | replace("{datum}", p.angelegt) }}</small>{% endif %}</span>
        <form method="post" action="{{ v.action }}">{{ csrf() }}<input type="hidden" name="method" value="passkey"><button class="knopf klein" type="submit" name="passkey_remove" value="{{ p.id }}" aria-label="{{ ta.passkey_entfernen_name | replace('{name}', p.name) }}">{{ ta.passkey_entfernen }}</button></form></li>{% endfor %}</ul>
      {% else %}<p class="klein">{{ ta.passkeys_leer }}</p>{% endif %}
      {% if v.passkey_create %}<form method="post" action="{{ v.action }}" class="an-nurjs">{{ csrf() }}<input type="hidden" name="method" value="passkey">
        <input type="hidden" name="passkey_create_data" value="{{ v.passkey_create }}"><input type="hidden" name="passkey_settings_register" value="">
        <button class="knopf{% if absicht == 'passkey' or not v.passkeys %} voll{% endif %}" type="button" data-passkey="anlegen" data-laeuft="{{ ta.passkey_laeuft }}" data-abgebrochen="{{ ta.passkey_abgebrochen }}"{% if absicht == 'passkey' %} autofocus{% endif %}><span class="an-pk" aria-hidden="true"></span>{{ ta.passkey_anlegen }}</button>
        <p class="klein an-passkey-stand" role="status" aria-live="polite"></p></form>
      <noscript><p class="klein">{{ ta.passkey_ohne_js }}</p></noscript>{% endif %}
      <p class="klein">{{ ta.passkey_geraet }}</p>
    </section>
    <section class="an-karte" aria-labelledby="app-h">
      <h2 id="app-h">{{ ta.app_titel }}</h2>
      {% if v.totp_da %}<p>{{ ta.app_verbunden }}</p>
        <form method="post" action="{{ v.action }}">{{ csrf() }}<input type="hidden" name="method" value="totp"><button class="knopf klein" type="submit" name="totp_unlink" value="true">{{ ta.app_trennen }}</button></form>
      {% else %}<p class="klein">{{ ta.app_fehlt }}</p><p><a class="knopf" href="/konto/schuetzen?schritt=app">{{ ta.einrichten }}</a></p>{% endif %}
    </section>
    {% if v.verbunden or v.verbindbar or dienste_an %}<section class="an-karte" aria-labelledby="dienste-h">
      <h2 id="dienste-h">{{ ta.dienste_titel }}</h2>
      {% if v.verbunden or v.verbindbar %}<ul class="an-wegliste">
        {% for d in v.verbunden %}<li><span><b>{{ ta.dienst_name[d] or d }}</b><small>{{ ta.verbunden }}</small></span>
          <form method="post" action="{{ v.action }}">{{ csrf() }}<input type="hidden" name="method" value="oidc"><button class="knopf klein" type="submit" name="unlink" value="{{ d }}">{{ ta.trennen_name | replace("{dienst}", ta.dienst_name[d] or d) }}</button></form></li>{% endfor %}
        {% for d in v.verbindbar %}<li><span><b>{{ ta.dienst_name[d] or d }}</b></span>
          <form method="post" action="{{ v.action }}">{{ csrf() }}<input type="hidden" name="method" value="oidc"><button class="knopf klein" type="submit" name="link" value="{{ d }}">{{ ta.verbinden_name | replace("{dienst}", ta.dienst_name[d] or d) }}</button></form></li>{% endfor %}
      </ul>{% else %}<p class="klein">{{ ta.dienste_leer }}</p>{% endif %}
    </section>{% endif %}
  </div>
  {# Wiederherstellungscodes (Meldung 25.10.2026): vorhandene Codes nur bewusst ersetzen – Rückfrage per Häkchen, Timbre prüft
     sie auch serverseitig (neu_bestaetigt). „Codes anzeigen“ = lookup_secret_reveal (Kratos zeigt dieselben Codes). #}
  {% set w = wege or {} %}
  <section class="an-karte" aria-labelledby="codes-h" id="codes-karte">
    <h2 id="codes-h">{{ ta.s_codes_titel }}</h2>
    {% if v.codes %}
      {% if v.codes_offen %}<p class="an-meldung info">{{ ta.codes_neu_offen if w.lookup_secret else ta.s_codes_text }}</p>{% else %}<p class="klein">{{ ta.s_codes_text }}</p>{% endif %}
      <ul class="an-codeliste an-mono" id="codes" data-dateiname="timbre-wiederherstellungscodes.txt">{% for c in v.codes %}<li>{{ c }}</li>{% endfor %}</ul>
      {% if v.codes_benutzt %}<p class="klein">{{ ta.codes_benutzt | replace("{n}", v.codes_benutzt | string) }}</p>{% endif %}
      <div class="knopfreihe an-nurjs"><button class="knopf klein" type="button" data-codes="datei">{{ ta.s_datei }}</button><button class="knopf klein" type="button" data-codes="kopieren" data-kopiert="{{ ta.kopiert }}" data-fehler="{{ ta.kopieren_fehler }}" data-status="kopier-stand-codes">{{ ta.kopieren }}</button></div>
      <p class="klein" role="status" id="kopier-stand-codes"></p>
    {% elif w.lookup_secret %}<p>{{ ta.codes_vorhanden }}</p>
    {% else %}<p class="klein">{{ ta.codes_fehlen }}</p>{% endif %}
    {% if v.codes and v.codes_offen %}
      <form method="post" action="{{ v.action }}" class="an-formular" novalidate>{{ csrf() }}<input type="hidden" name="method" value="lookup_secret"><input type="hidden" name="hier" value="/konto/anmeldewege">
        <label class="an-check" for="f-gesichert"><input type="checkbox" id="f-gesichert" name="schutz_bestaetigt" value="1"{{ invalid('f-gesichert') }}> <span>{{ ta.s_gesichert }}</span></label>{{ feldfehler('f-gesichert') }}
        <button class="knopf voll" type="submit" name="lookup_secret_confirm" value="true">{{ ta.codes_speichern }}</button></form>
    {% elif w.lookup_secret %}
      {% if v.codes_zeigen and not v.codes %}<form method="post" action="{{ v.action }}">{{ csrf() }}<input type="hidden" name="method" value="lookup_secret"><input type="hidden" name="weiter" value="/konto/anmeldewege">
        <button class="knopf klein" type="submit" name="lookup_secret_reveal" value="true">{{ ta.codes_zeigen }}</button></form>{% endif %}
      <details class="an-auf"{% if v.feldfehler['f-codes-neu'] %} open{% endif %}><summary>{{ ta.codes_neu }}</summary>
        <form method="post" action="{{ v.action }}" class="an-formular" novalidate>{{ csrf() }}<input type="hidden" name="method" value="lookup_secret">
          <input type="hidden" name="weiter" value="/konto/anmeldewege"><input type="hidden" name="hier" value="/konto/anmeldewege">
          <p class="klein">{{ ta.codes_neu_warnung }}</p>
          <label class="an-check" for="f-codes-neu"><input type="checkbox" id="f-codes-neu" name="neu_bestaetigt" value="1"{{ invalid('f-codes-neu') }}> <span>{{ ta.codes_neu_haekchen }}</span></label>{{ feldfehler('f-codes-neu') }}
          <button class="knopf" type="submit" name="lookup_secret_regenerate" value="true">{{ ta.codes_neu_ja }}</button></form></details>
    {% else %}
      <form method="post" action="{{ v.action }}">{{ csrf() }}<input type="hidden" name="method" value="lookup_secret"><input type="hidden" name="weiter" value="/konto/anmeldewege">
        <button class="knopf" type="submit" name="lookup_secret_regenerate" value="true">{{ ta.s_codes_erzeugen }}</button></form>
    {% endif %}
  </section>
  {% if letzter_weg %}<p class="an-meldung info">{{ ta.letzter_weg_hinweis }}</p>{% endif %}
  <section class="an-karte{% if absicht == 'passwort' %} an-fokus{% endif %}" aria-labelledby="mail-h" id="passwort">
    <h2 id="mail-h">{{ ta.mail_titel }}</h2>
    <p><b class="an-adresse">{{ nutzer.email }}</b><br><span class="klein">{{ ta.code_immer }}</span></p>
    {% if "password" in v.gruppen %}<form method="post" action="{{ v.action }}" class="an-formular an-eng" novalidate>{{ csrf() }}
      <div class="an-feld"><label for="f-passwort">{{ ta.passwort_neu }}</label>
        <input id="f-passwort" name="password" type="password" autocomplete="new-password" minlength="12" aria-describedby="f-passwort-regel{% for f in v.fehler if f.feld == 'f-passwort' %}{% if loop.first %} f-passwort-fehler{% endif %}{% endfor %}"{% for f in v.fehler if f.feld == 'f-passwort' %}{% if loop.first %} aria-invalid="true"{% endif %}{% endfor %}{% if absicht == 'passwort' %} autofocus{% endif %}>
        <span class="klein" id="f-passwort-regel">{{ ta.passwort_regel }}</span>{{ feldfehler('f-passwort') }}
        {{ schalter(tasten.passwort_zeigen, ta.passwort_anzeigen, klasse="klein an-nurjs", daten={"zeigen": "f-passwort"}) }}</div>
      <button class="knopf" type="submit" name="method" value="password">{{ ta.passwort_speichern }}</button></form>{% endif %}
  </section>
  <div class="an-zweier">
    <section class="an-karte" aria-labelledby="geraete-h"><h2 id="geraete-h">{{ ta.geraete_titel }}</h2><p class="klein">{{ ta.geraete_text }}</p>
      <form method="post" action="/konto/anmeldewege/sitzungen"><button class="knopf" type="submit">{{ ta.ueberall_abmelden }}</button></form></section>
    <section class="an-karte an-gefahr" aria-labelledby="loeschen-h"><h2 id="loeschen-h">{{ ta.loeschen_titel }}</h2><p class="klein">{{ ta.loeschen_text }}</p>
      <p><a href="/konto#loeschen">{{ ta.loeschen_link }}</a></p></section>
  </div>
</div>
{% endif %}
{% endblock %}