{% extends "base.html" %}
{% block title %}Dashboard — Tuxflotte{% endblock %}
{% block content %}
<h2>Dashboard</h2>
{% import "_diagramme.html" as diagramme %}

{% if erste_schritte %}
{# Einstieg vereinfachen, Schritt 4: bis das erste Gerät online ist. #}
<article id="erste-schritte">
    <h3>Erste Schritte</h3>
    <p>In drei Schritten zum ersten fertig eingerichteten Gerät.{% if erste_schritte.workspace %} Es bekommt den Tuxflotte-Standard <strong>„{{ erste_schritte.workspace.name }}“</strong>, einstellen musst du dafür nichts.{% endif %}</p>
    <ol class="dashboard-checkliste">
        <li class="{{ 'erledigt' if naechste_schritte.hat_installationsmedium }}">
            {{ "✅" if naechste_schritte.hat_installationsmedium else "⬜" }}
            <a href="/installationsmedium/erstellen">Installationsmedium erstellen</a>
            <br><small>{% if erste_schritte.org_wlan %}Die Geräte installieren über das WLAN der Organisation „{{ erste_schritte.org_wlan.ssid }}“.{% else %}Tipp vorher: Unter <a href="/organisation#wlan">Organisation</a> das WLAN der Organisation eintragen, dann bekommen es alle Geräte dauerhaft.{% endif %}</small>
        </li>
        <li class="{{ 'erledigt' if naechste_schritte.hat_geraet }}">
            {{ "✅" if naechste_schritte.hat_geraet else "⬜" }}
            <a href="/installationsmedium">Herunterladen, auf einen USB-Stick schreiben und ein Gerät davon starten</a>
            <br><small>Die Installation läuft von selbst. Alle Daten auf dem Gerät werden dabei gelöscht.</small>
        </li>
        <li class="{{ 'erledigt' if naechste_schritte.hat_aktives_geraet }}">
            {{ "✅" if naechste_schritte.hat_aktives_geraet else "⬜" }}
            <a href="/geraete">Das Gerät meldet sich in der Flotte</a>
            <br><small>Nach dem ersten Start richtet es sich in einigen Minuten fertig ein.</small>
        </li>
    </ol>
</article>
{% elif naechste_schritte.nur_standard_standort %}
<article id="anpassen">
    <h3>Geräte anpassen</h3>
    <p><small>
        Alle Geräte bekommen bisher dasselbe. Sollen etwa der Informatikraum,
        Dienstgeräte oder Schülerleihgeräte etwas anderes bekommen, lege unter
        <a href="/struktur">Organisation › Standorte/Zwecke</a> dafür je einen
        an und verschiebe die Geräte dorthin.{% if workspace_creator_frei(user.organization_id) %}
        Mit einem eigenen <a href="/workspace">Workspace</a> bestimmst du, welche Programme sie bekommen.{% endif %}
    </small></p>
</article>
{% endif %}

<section>
    <h3>Flotten-Gesundheit</h3>
    {% set log_basis = "/geraete" %}
    {% set zeige_organisation = false %}
    {% include "_ampel.html" %}
</section>

{% if verteilungen %}{{ diagramme.uebersicht(verteilungen, false) }}{% endif %}

<section>
    <h3>Letzte Aktivitäten</h3>
    {# GUI-Runde 23.10.2026: Fehler und Installationen einzeln, Läufe ohne
       Fehler je Gerät zusammengefasst und aufklappbar. #}
    {% set akt = aktivitaeten %}
    {% if akt.einzeln or akt.ohne_fehler %}
    {% if akt.ohne_fehler %}
    <details>
        <summary>✅ {{ akt.laeufe_ohne_fehler }} Agent-Läufe ohne Fehler auf {{ akt.ohne_fehler | length }} Gerät(en) <small>seit {{ akt.seit | datum }}</small></summary>
        <figure>
        <table class="kompakt">
            <thead><tr><th>Gerät</th><th>Läufe</th><th>Letzter Lauf</th></tr></thead>
            <tbody>
            {% for g in akt.ohne_fehler %}
                <tr>
                    <td><a href="/geraete/{{ g.device_id }}/log">{{ g.hostname }}</a></td>
                    <td>{{ g.laeufe }}</td>
                    <td class="nowrap" data-sort-wert="{{ g.zeit }}">{{ g.zeit | datum }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        </figure>
    </details>
    {% endif %}
    {% if akt.einzeln %}
    {% set aktivitaeten = akt.einzeln %}
    {% set log_basis = "/geraete" %}
    {% include "_aktivitaeten.html" %}
    {% else %}
    <p><small>Keine Fehler und keine Installationen in diesem Zeitraum.</small></p>
    {% endif %}
    {% else %}
    <p><small>Noch keine Aktivitäten protokolliert.</small></p>
    {% endif %}
</section>
{% endblock %}