{% extends "basis.html" %}{% block titel %}{{ t.tspeicher.bereit.titel }} – Timbre{% endblock %}
{# Begrüßungs-Schritt „Dein Timbre-Speicher ist bereit“ (Vorgabe Maintainer 25.10.2026): nach der Anmeldung und aus der Mail, solange der
   Speicher bereit und der Hinweis nicht bestätigt ist. Weg in drei Schritten (links → rechts, Image-Schema Quelle–Weg–Ziel), Platz,
   Pflicht-Hinweis als DJ-Schalter, „Bestätigen und Musik hochladen“ → Ablage-Fläche unter Quellen. „Später“ → Banner auf allen Seiten.
   Ohne Skript (Formulare). #}
{% from "schalter.html" import schalter %}
{% block inhalt %}{% set b = t.tspeicher %}{% set x = b.bereit %}
<div class="raster schmal sb">
  <div class="sb-kopf"><p class="eyebrow">{{ x.eyebrow }}</p><h1>{{ x.titel }}</h1>
    <p class="sb-lead">{{ x.lead.replace("{g}", kontingent | gb(sprache)) }}</p></div>
  <ol class="sb-weg" aria-label="{{ x.weg_name }}">{% for sym, titel, text in x.weg %}
    <li><span class="sb-nr mono" aria-hidden="true">{{ loop.index }}</span><span class="sb-sym" aria-hidden="true">{{ sym }}</span>
      <b>{{ titel }}</b><span>{{ text }}</span></li>{% endfor %}</ol>
  <form method="post" action="/quellen/beta-speicher/zustimmung" class="karte raster sb-hinweis" aria-labelledby="sb-hinweis-h">
    <input type="hidden" name="ziel" value="ablage">
    <h2 id="sb-hinweis-h">{{ x.hinweis_titel }}</h2>
    <ul class="btk-liste">{% for satz in b.hinweis %}<li>{{ satz }}</li>{% endfor %}</ul>
    {{ schalter(b.hinweis_taste, b.hinweis_schalter, name="ok", id="sb-ok", klasse="btk-legal", hilfe_id="sb-ok-hilfe") }}
    {% if fehlt %}<p class="hinweis" role="alert" id="sb-ok-hilfe">{{ x.fehlt }}</p>{% else %}<p class="klein" id="sb-ok-hilfe">{{ x.fehlt }}</p>{% endif %}
    <div class="zeile"><button type="submit" class="voll" id="sb-bestaetigen">{{ x.bestaetigen }}</button></div>
  </form>
  <form method="post" action="/speicher-bereit/spaeter" class="sb-spaeter">
    <button type="submit" class="textknopf" id="sb-spaeter" aria-describedby="sb-spaeter-klein">{{ x.spaeter }}</button>
    <p class="klein" id="sb-spaeter-klein">{{ x.spaeter_klein }}</p>
  </form>
  <p class="klein">{{ b.verwaltet }}</p>
</div>
{% endblock %}