{# Geräte-Ampel (GUI-Runde 22.10.2026) für Kunden- und Admin-Dashboard.
   Erwartet ampel = {zaehler, geraete} vom Server (_geraete_ampel),
   log_basis ("/admin/geraete" oder "/geraete"), optional
   zeige_organisation. Rot = jetzt handeln, gelb = beobachten. #}
{% set stufen = [
    ("kritisch", "f-kritisch", "✕", "Handeln"),
    ("warnung", "f-warnung", "▲", "Beobachten"),
    ("gut", "f-gut", "✓", "In Ordnung"),
] %}
{% set stufe_info = {"kritisch": ("f-kritisch", "✕", "Handeln"), "warnung": ("f-warnung", "▲", "Beobachten"), "gut": ("f-gut", "✓", "In Ordnung")} %}
{% if ampel and ampel.geraete %}
<div class="ampel-zahlen">
    {% for key, klasse, symbol, text in stufen %}
    <article class="ampel-zahl {{ klasse }}">
        <strong>{{ ampel.zaehler[key] }}</strong>
        <span>{{ symbol }} {{ text }}</span>
    </article>
    {% endfor %}
</div>

<div class="ampel-wand">
    {% for org, geraete in (ampel.geraete | groupby("organisation") if zeige_organisation else [("", ampel.geraete)]) %}
    {% if zeige_organisation %}<span class="ampel-org">{{ org }}</span>{% endif %}
    <div class="ampel-kacheln" {% if not zeige_organisation %}style="grid-column: 1 / -1"{% endif %}>
        {% for g in geraete | sort(attribute="name") %}
        {% set info = stufe_info[g.stufe] %}
        <a class="ampel-kachel {{ info[0] }}" href="{{ log_basis }}/{{ g.id }}/log"
           title="{{ g.name }}: {{ info[2] }}{% if g.gruende %} – {{ g.gruende | join('; ') }}{% endif %}">{% if g.stufe != "gut" %}{{ info[1] }}{% endif %}<span class="visually-hidden">{{ g.name }}: {{ info[2] }}</span></a>
        {% endfor %}
    </div>
    {% endfor %}
</div>

{% set auffaellig = ampel.geraete | rejectattr("stufe", "equalto", "gut") | list %}
{% if auffaellig %}
<figure>
<table class="kompakt ampel-liste">
    <thead><tr><th>Stufe</th><th>Gerät</th>{% if zeige_organisation %}<th>Organisation</th>{% endif %}<th>Grund</th></tr></thead>
    <tbody>
    {% for g in auffaellig %}
        {% set info = stufe_info[g.stufe] %}
        <tr>
            <td><span class="swatch {{ info[0] }}" aria-hidden="true"></span>{{ info[1] }} {{ info[2] }}</td>
            <td class="nowrap"><a href="{{ log_basis }}/{{ g.id }}/log">{{ g.name }}</a></td>
            {% if zeige_organisation %}<td>{{ g.organisation }}</td>{% endif %}
            <td>{{ g.gruende | join("; ") }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</figure>
{% else %}
<p>✓ Keine Auffälligkeiten.</p>
{% endif %}
<p><small>Rot: Fehler im letzten Agent-Lauf oder Platte ab 95 % voll. Gelb: Platte oder RAM ab 85 %, länger als 7 Tage oder noch nie gemeldet (in den Ferien normal). Jedes Kästchen ist ein Gerät; Klick öffnet sein Protokoll.</small></p>
{% else %}
<p><small>Noch keine Geräte aktiv.</small></p>
{% endif %}