{# Schritt 1 der Anmeldung: die Adresse.

   Ohne Marke — mit Absicht, und aus demselben Grund wie bei der neutralen
   Hinweisseite: Wer hier ankommt, hat sich noch nicht angemeldet. Eine Marke
   waere die Auskunft «zu dieser Verwaltung gehoert diese Adresse», bevor
   irgendjemand nachgewiesen hat, dass sie ihm gehoert.

   Seit Etappe 2 (Task 4) kommen Beschriftung und Knoepfe aus dem Bausatz;
   Farbband, Punktemuster und Kachel bleiben (Spec §5). Die Seite traegt
   dafuer die Koerperklasse `anmeldung`, an der die Knopfregeln des
   Bausystems haengen (siehe `_bewohner_anmeldeseite`). #}
{% import "bausteine/bausatz.html" as b %}

<h2>Anmelden</h2>
{{ kasten }}
<form method="post" action="/b/code">
  {% call b.feld("Ihre E-Mail-Adresse", "b-email") %}<input type="email" id="b-email" name="email" required
         autocomplete="email" inputmode="email" autocapitalize="off"
         spellcheck="false">{% endcall %}
  {{ b.knopf("Code anfordern", "haupt", klasse="breit") }}
</form>
<p class="hinweis">Sie erhalten einen sechsstelligen Code per E-Mail, ein
Kennwort brauchen Sie nicht. Wir schicken ihn nur an Adressen, die Ihre
Verwaltung hinterlegt hat; stimmt Ihre nicht mehr, melden Sie sich bitte
direkt bei der Verwaltung.</p>
{# **Der Knopf erscheint nur, wenn der Weg wirklich eingerichtet ist.** Ein
    Knopf, der in eine Fehlerseite fuehrt, ist schlimmer als keiner: Wer ihn
    drueckt, hat danach keinen Weg mehr und weiss nicht, ob er selbst etwas
    falsch gemacht hat. Auf Dev ist der Weg regelmaessig aus.

    Die Reihenfolge ist Absicht — der Code steht oben. Er ist der Weg, den
    ALLE haben; das Konto haben bisher wenige, und wer eines hat, sucht
    danach.

    **Der Hinweis sagt, was beim Klick PASSIERT.** Der Auftraggeber hat beim ersten
    Versuch nicht bemerkt, dass er den Dienst verlaesst (Rueckmeldung
    2026-08-27) — und wer eine fremde Anmeldemaske sieht, ohne damit zu
    rechnen, bricht ab. Der Name der Anmeldeinstanz steht bewusst NICHT da:
    Er sagt einer Eigentuemerin nichts, und was sie braucht, ist die
    Erwartung «ich komme zurueck». #}
{% if konto_moeglich %}

<p class="trenner"><span>oder</span></p>
{{ b.knopf("Mit Konto anmelden", "zweit", href="/b/anmelden/konto", klasse="breit") }}
<p class="hinweis">Wenn Ihre Verwaltung Ihnen ein Konto eingerichtet hat. Sie
werden zur Anmeldung weitergeleitet und kommen danach hierher zurück. Mit
Konto sehen Sie zusätzlich Ihre Dokumente.</p>{% endif +%}
{# Abschnitt «Demo» (U24h): für Interessenten ohne Zugang. Er erscheint nur,
   wenn das Portal eine Demo-Adresse hat und der Betreiber ihn in den
   Einstellungen eingeschaltet hat (`_demo_auf_anmeldung`); sonst fehlt er
   samt Trenner. Der Trenner sagt nicht «oder»: Die Demo ist kein dritter
   Weg zur Anmeldung. Wortlaut: Produktentscheid 21.10.2026, «Demo ansehen»
   wie der Knopf der Website (U24d); Hinweis nach der Laienprüfung
   (`quellen/pruefung/berichte/2026-10-21-unterhalt-u24h-demo-anmeldemaske.md`). #}
{% if demo_zeigen %}

<p class="trenner"><span>Portal ausprobieren</span></p>
{{ b.knopf("Demo ansehen", "zweit", href="/b/demo", klasse="breit") }}
<p class="hinweis">Sehen Sie sich das Portal ohne Anmeldung an. Alle Angaben
in der Demo sind erfunden, und Sie können nichts speichern oder abschicken.
Ihre eigenen Angaben sehen Sie nur nach der Anmeldung oben.</p>{% endif +%}