{# Ringdiagramme für die Dashboards (GUI-Runde 09.10.2026, Punkt 6).
   Farben nach den Dataviz-Regeln: Kategorien in fester Reihenfolge (validiert
   gegen Pico hell/dunkel), "Weitere" grau; Gerätezustand mit den reservierten
   Statusfarben plus Symbol. Legende mit Zahl und Prozent - Farbe trägt nie
   allein. Eine einzige Kategorie wird als Satz statt als Ring gezeigt. #}

{% macro ring(titel, teile, art="kategorie", einheit="Geräte") %}
{% set segmente = ring_segmente(teile) %}
{% set gesamt = segmente | sum(attribute="anzahl") %}
<article class="diagramm-karte">
    <h4>{{ titel }}</h4>
    {% if not segmente %}
        <p><small>Noch keine Geräte.</small></p>
    {% elif segmente | length == 1 and art == "kategorie" %}
        <p class="diagramm-einzeln">Alle {{ gesamt }} {{ einheit }}:<br><strong>{{ segmente[0].name }}</strong></p>
    {% else %}
    <div class="diagramm-inhalt">
        <svg viewBox="-60 -60 120 120" class="ring" role="img" aria-label="{{ titel }}: {% for s in segmente %}{{ s.name }} {{ s.anzahl }}{{ ', ' if not loop.last }}{% endfor %}">
            {% for s in segmente %}
            <path d="{{ s.pfad }}" class="{{ farbklasse(art, s.name, loop.index0) }}" fill-rule="evenodd">
                <title>{{ s.name }}: {{ s.anzahl }} ({{ s.prozent }} %)</title>
            </path>
            {% endfor %}
            <text x="0" y="4" class="ring-zahl">{{ gesamt }}</text>
            <text x="0" y="18" class="ring-einheit">{{ einheit }}</text>
        </svg>
        <ul class="legende">
            {% for s in segmente %}
            <li>
                <span class="legende-marke" aria-hidden="true"><span class="swatch {{ farbklasse(art, s.name, loop.index0) }}"></span>{% if art == "zustand" %}<span class="status-symbol">{{ status_symbol(s.name) }}</span>{% endif %}</span>
                <span class="legende-name">{{ s.name }}</span>
                <span class="legende-wert">{{ s.anzahl }} <small>({{ s.prozent }} %)</small></span>
            </li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}
</article>
{% endmacro %}

{% macro farbklasse(art, name, index) -%}
{%- if art == "zustand" -%}
    {{ {"in Ordnung": "f-gut", "Ressourcen knapp": "f-ernst", "noch nie gemeldet": "f-neutral"}.get(name, "f-warnung") }}
{%- elif name == "Weitere" -%}f-neutral
{%- elif name in ["ohne Installation", "ohne Workspace", "unbekannt"] -%}f-neutral-2
{%- else -%}f-{{ index + 1 }}{%- endif -%}
{%- endmacro %}

{% macro status_symbol(name) -%}
{{ {"in Ordnung": "✓", "Ressourcen knapp": "▲", "noch nie gemeldet": "–"}.get(name, "◷") }}
{%- endmacro %}

{% macro uebersicht(v, mit_organisationen=false) %}
<section class="diagramm-raster">
    {{ ring("Gerätezustand", v.zustand, "zustand") }}
    {{ ring("Distributionen", v.distros) }}
    {{ ring("Workspaces", v.workspaces) }}
    {% if mit_organisationen %}{{ ring("Geräte je Organisation", v.organisationen) }}{% endif %}
</section>
{% endmacro %}