{# Labeldrucker (09.11.2026): Bausteine für Bogen und Etikett – dieselben auf der Seite (Vorschau, Startfeld als Knopf) und in der
   Druckansicht (nur Inhalt). Alle Maße stehen in static/etiketten_bogen.css (--mm), Schriftgrößen als Klassen et-z…; kein style-Attribut.
   Inhalt nur aus Spans, damit er auch in <button> gültig ist. Layout: timbre_api/etiketten.py `etikett`. #}
{% macro etikett(lay) -%}
<span class="et-inhalt et-a-{{ lay.art }}{% if lay.qr %} et-hatqr{% endif %}">
{%- if lay.qr %}<span class="et-qrplatz">{{ lay.qr | safe }}</span>{% endif -%}
<span class="et-kopf">
{%- for z in lay.kopf %}<span class="et-z et-{{ z.art }} {{ z.z }}">{{ z.text }}</span>{% endfor -%}
{%- if lay.fach %}<span class="{{ 'et-z et-fachmini' if lay.art == 'mini' else 'et-fach' }} {{ lay.fach.z }}">{{ lay.fach.text }}</span>{% endif -%}
</span>
{%- if lay.tracks and lay.tracks.spalten %}<span class="et-tracks {{ lay.tracks.z }}">
{%- for sp in lay.tracks.spalten %}<span class="et-spalte">
{%- for r in sp %}<span class="et-tr"><b>{{ r.position }}</b><span class="et-tt">{{ r.titel }}</span><em>{{ r.werte }}</em></span>{% endfor -%}
{%- if loop.last and lay.tracks.mehr %}<span class="et-mehr">+{{ lay.tracks.mehr }}</span>{% endif -%}
</span>{% endfor -%}
</span>{% endif -%}
{%- if lay.seiten and lay.art == 'schmal' %}<span class="et-seiten {{ lay.seiten_z }}">
{%- for s in lay.seiten %}<span class="et-sz"><b>{{ s.seite }}</b><em class="{{ s.z }}">{{ s.text }}</em></span>{% endfor -%}
{%- if lay.seiten_mehr %}<span class="et-mehr">+{{ lay.seiten_mehr }}</span>{% endif -%}
</span>{% elif lay.seiten %}
{%- for z in lay.seiten %}<span class="et-z et-m {{ z.z }}">{{ z.text }}</span>{% endfor -%}
{%- endif -%}
</span>
{%- endmacro %}

{% macro bogen(b, fa, et, interaktiv=false, start=1, gesamt=1) -%}
{% set rund = ' et-rund' if fa.rund else '' -%}
<div class="et-bogen et-f-{{ fa.kennung }}{{ rund }}" role="group" aria-label="{{ et.bogen_aria | replace('{i}', b.nr | string) | replace('{kompat}', fa.kompat) }}">
{%- for f in b.felder -%}
{%- set cls = 'et-feld' ~ rund ~ (' et-benutzt' if interaktiv and f.zustand == 'benutzt' else '') ~ (' et-start' if interaktiv and b.nr == 1 and f.nr == start else '') -%}
{%- if interaktiv and b.nr == 1 -%}
<button type="submit" name="start" value="{{ f.nr }}" class="{{ cls }}" id="et-feld-{{ f.nr }}" data-start="{{ f.nr }}" aria-label="{{ et.feld_aria | replace('{nr}', f.nr | string) }}"{% if f.nr == start %} aria-pressed="true"{% else %} aria-pressed="false"{% endif %}>
{%- if f.zustand == 'etikett' %}{{ etikett(f.etikett) }}{% elif f.zustand == 'benutzt' %}<span class="et-benutzt-text">{{ et.benutzt }}</span>{% endif -%}
<span class="et-nr" aria-hidden="true">{{ f.nr }}</span></button>
{%- else -%}
<div class="{{ cls }}">{% if f.zustand == 'etikett' %}{{ etikett(f.etikett) }}{% endif %}{% if interaktiv %}<span class="et-nr" aria-hidden="true">{{ f.nr }}</span>{% endif %}</div>
{%- endif -%}
{%- endfor -%}
</div>
{%- endmacro %}