{# Eine Mangelkarte (Epic 11, Block 11.9, U10b), seit U30 der Inhalt der
   eigenen Seite des Mangels (`baumangel_seite.html`).

   **Die Liste ist seit U30 eine Tabelle** (Produktentscheid 21.10.2026);
   was nicht in eine Zeile passt (Beschreibung, Fotos, Verlauf), steht hier.
   Darum ist der Titel die Überschrift der Seite (`h1`) und der Verlauf ein
   Abschnitt darunter (`h2`).

   **Was hier stehen darf, entscheidet die API** (Positivliste,
   Schnittstelle `portal-baumaengel.md`). Die Karte filtert nichts nach und
   erfindet nichts dazu: Was fehlt, fehlt — leere Zeilen verschwinden, und
   ausdrücklich steht dort kein «unbekannt» (dieselbe Regel wie beim
   Kontrollbuch). `zustand_text` kommt fertig aus der API («Behoben, nicht
   abgenommen») und wird wörtlich gezeigt; nur die Farbe wählt das Portal
   (`BAUMAENGEL_TON`).

   **Der Satz «wer am Zug ist» kommt aus `BAUMAENGEL_ZUG`** (U10c,
   Produktentscheide 15.10.2026, Punkt 1): Die Tabelle steht neben
   `BAUMAENGEL_TON` in `main.py`, die Karte zeigt `zug` wörtlich. Nur drei
   Zustände tragen einen; fehlt er, steht hier nichts.

   **Der Verlauf steht in der Reihenfolge der Erfassung und wird NICHT
   umsortiert.** Eine nachgetragene Abnahme kann ein früheres Datum tragen
   als «behoben» davor (eingegebenes Datum, Schnittstelle) — das ist der
   Bestand, nicht ein Fehler, und Umsortieren wäre eine zweite Wahrheit.

   **HEIC-Fotos zeigt der Browser nicht.** Sie sind trotzdem Beweisfotos
   und gehen als Verweis zum Herunterladen hinaus; ein `<img>` darauf wäre
   eine leere Fläche. Die Kennung geht durch `|pfadteil`: Autoescape hält
   den Wert im Attribut, ist aber keine URL-Kodierung (siehe `pfadteil` in
   `vorlage.py`). #}
{% import "bausteine/bausatz.html" as b %}
<section class="kasten mangel">
  <h1>{{ m.get('titel', '') }}</h1>
  <p class="mangel-meta">{{ b.kapsel(m.get('zustand_text', ''), m.get('ton', 'neutral')) }}{% if m.get('nummer') %} <span class="nr">{{ m.get('nummer') }}</span>{% endif %}</p>
  <p class="mangel-ort">{{ m.get('liegenschaft', '') }}{% if m.get('anlage') %} · {{ m.get('anlage') }}{% endif %}</p>
  {#- Der Satz, wer am Zug ist, direkt unter dem Kopf der Karte. Er ist die
      Antwort auf die Frage, die der Zustand aufwirft, und steht darum in
      normaler Schrift vor der Beschreibung — nicht als leise Kopfzeile. -#}
  {%- if m.get('zug') %}<p class="mangel-zug">{{ m.get('zug') }}</p>{% endif %}
  {%- if m.get('beschreibung') %}<p class="mangel-text">{{ m.get('beschreibung') }}</p>{% endif %}
  {#- Die drei Daten als Eckwerte, jeder nur wenn er da ist. «Gerügt» und
      «Behoben» fehlen bei jungen Mängeln; eine Zeile mit leerem Wert wäre
      ein Versprechen ohne Inhalt. -#}
  {%- if m.get('entdeckt_am') or m.get('geruegt_am') or m.get('behoben_am') %}
  <dl class="eckwerte mangel-daten">
    {%- if m.get('entdeckt_am') %}<div class="paar"><dt>Entdeckt</dt><dd>{{ datum_kurz(m.get('entdeckt_am', '')) }}</dd></div>{% endif %}
    {%- if m.get('geruegt_am') %}<div class="paar"><dt>Gerügt</dt><dd>{{ datum_kurz(m.get('geruegt_am', '')) }}</dd></div>{% endif %}
    {%- if m.get('behoben_am') %}<div class="paar"><dt>Behoben</dt><dd>{{ datum_kurz(m.get('behoben_am', '')) }}</dd></div>{% endif %}
  </dl>
  {%- endif %}
  {%- if m.get('fotos') %}
  <div class="mangel-fotos">
    {%- for f in m.get('fotos') %}
    {%- set fid = f.get('id', '') %}
    {%- if fid %}
    {%- if f.get('inhaltstyp') in ('image/jpeg', 'image/png', 'image/webp') %}
    <a href="/b/baumaengel/foto/{{ fid|pfadteil }}"><img src="/b/baumaengel/foto/{{ fid|pfadteil }}" alt="{{ f.get('dateiname', '') }}" loading="lazy"></a>
    {%- else %}
    <a href="/b/baumaengel/foto/{{ fid|pfadteil }}">{{ f.get('dateiname', '') or 'Foto' }} herunterladen</a>
    {%- endif %}
    {%- endif %}
    {%- endfor %}
  </div>
  {%- endif %}
  {%- if m.get('verlauf') %}
  <h2 class="mangel-abschnitt">Verlauf</h2>
  <ol class="mangel-verlauf">
    {%- for s in m.get('verlauf') %}
    <li><span class="text">{{ s.get('text', '') }}</span>{% if s.get('datum') %}<span class="wann">{{ datum_kurz(s.get('datum', '')) }}</span>{% endif %}</li>
    {%- endfor %}
  </ol>
  {%- endif %}
</section>