{# ─────────────────────────────────────────────────────────────────────
  v3/screens/antrag_detail.html — Bürgerinnen-Modus, Schritt 0

  Initial extendet diese Datei das v2-Antrag-Detail unverändert und
  fügt nur den v3-Beta-Indikator + Modus-Toggle in die Topbar ein.
  Folgende Iterationen ersetzen Profi-Blöcke durch Bürgerinnen-
  Varianten (siehe #185):
    - Score-Hero: Wort-Etikett statt 0–10-Zahl
    - Matrix 5×5 → 5 Werte (Berührungsgruppen kollabiert)
    - Heuchelei/Opportunismus-Marker mit Klartext-Tooltip
    - Verbesserungsvorschläge default kollabiert
    - Glossar-Tooltips auf Schlüsselbegriffen
───────────────────────────────────────────────────────────────────── #}
{% extends "v2/screens/antrag_detail.html" %}

{# v3-Indikator + Toggle: erscheint im topbar-Slot, der in v2/base.html
   aktuell nicht als Block exponiert ist. Wir nutzen daher head_extra
   als Eingangstor und injizieren via JS einen kleinen Topbar-Pill.
   Das vermeidet ein Refactor von v2/base.html, der v2 beruehren wuerde. #}
{% block head_extra %}
{{ super() }}
<link rel="stylesheet" href="/static/v3/v3.css?v={{ app_version|default('1') }}">
{% endblock %}

{% block body_scripts %}
{{ super() }}
<script>
/* v3-Topbar-Pill + Toggle zurueck zu Profi-Modus injizieren */
(function () {
  var bar = document.querySelector('.v2-topbar');
  if (!bar) return;
  var pill = document.createElement('span');
  pill.className = 'v3-beta-badge';
  pill.textContent = 'Bürger:innen-Modus · Beta';
  pill.title = 'Vereinfachte Ansicht für Erst-Leser:innen. v3 ist eine frühe Vorschau.';

  var toggle = document.createElement('a');
  toggle.className = 'v3-modus-toggle';
  toggle.href = '/antrag/' + encodeURIComponent({{ antrag.drucksache | tojson }});
  toggle.textContent = '→ Profi-Modus';
  toggle.title = 'Volle GWÖ-Detailansicht (v2) öffnen';

  bar.appendChild(pill);
  bar.appendChild(toggle);
})();
</script>
{% endblock %}