{% extends "base.html" %}
{% block title %}Geräte — Tuxflotte{% endblock %}
{% block content %}
{% if request.query_params.get("fehler") %}<p><mark>{{ request.query_params.get("fehler") }}</mark></p>{% endif %}
<h2>Ihre Geräte</h2>
{% if not devices %}
    <p>Keine Geräte gefunden.</p>
{% else %}
<input type="search" placeholder="Suche nach Hostname, Kennung, OE, Gruppe …" data-table-search="#geraete-tabelle" style="max-width: 24rem">

<figure>
<table id="geraete-tabelle" class="kompakt">
    <thead>
        <tr>
            <th data-sort data-filter>Hostname</th>
            <th data-sort data-filter>Workspace</th>
            <th data-sort data-filter>OE</th>
            <th data-sort data-filter>Gruppen</th>
            <th data-sort data-filter>Personalisiert</th>
            <th data-sort data-filter>Letzter Check-in</th>
            <th data-sort data-filter>Status</th><th></th>
        </tr>
    </thead>
    <tbody>
    {% for device in devices %}
        <tr>
            <td>
                {# Hostname führt direkt zum Auftragskatalog (09.10.2026) #}
                <a href="/geraete/{{ device.id }}">{{ device.hostname or "(ohne Namen)" }}</a>
                <details class="kennung">
                    <summary title="Gerätekennung"><small>{{ device.device_fingerprint[:8] }}…</small></summary>
                    <code>{{ device.device_fingerprint }}</code>
                </details>
            </td>
            <td>{{ device.workspace_name or "—" }}</td>
            <td>{{ device.oe_name or "—" }}</td>
            <td>{{ device.gruppen_namen | join(", ") if device.gruppen_namen else "—" }}</td>
            <td>
                {% for k in device.personalisierung_konten %}{{ k.anmeldename }}{% if k.email %} <small>({{ k.email }})</small>{% endif %}{% if k.gesperrt %} <small>(gesperrt)</small>{% endif %}{% if not loop.last %}<br>{% endif %}{% endfor %}
                {% if device.personalisierung_laufend %}{% if device.personalisierung_konten %}<br>{% endif %}<small>{{ device.personalisierung_laufend }}</small>{% endif %}
                {% if not device.personalisierung_konten and not device.personalisierung_laufend %}—{% endif %}
            </td>
            <td data-sort-wert="{{ device.agent_last_checkin or '' }}">{{ device.agent_last_checkin | datum if device.agent_last_checkin else "noch nie" }}</td>
            <td>
                {% if device.deprovisioned_at %}
                <span class="state-absent">deprovisioniert</span>
                {% else %}
                <span class="state-present">aktiv</span>
                {% endif %}
                {% if device.debug_mode_until %}<br><small>🐞 Debug-Modus aktiv</small>{% endif %}
            </td>
            <td>
                <details class="dropdown">
                    <summary role="button" class="secondary outline klein">Aktionen</summary>
                    <ul>
                        <li><a href="/geraete/{{ device.id }}"><strong>Auftragskatalog</strong></a></li>
                        <li><a href="/geraete/{{ device.id }}/hardware">Hardware-Informationen</a></li>
                        <li><a href="/geraete/{{ device.id }}/log">Installations-/Aktions-Log</a></li>
                        <li>
                            {% if device.deprovisioned_at %}
                            <form method="post" action="/geraete/{{ device.id }}/reprovisionieren">
                                <button type="submit" class="outline">Erneut provisionieren</button>
                            </form>
                            {% else %}
                            <form method="post" action="/geraete/{{ device.id }}/deprovisionieren">
                                <button type="submit" class="outline secondary">De-Provisionieren</button>
                            </form>
                            {% endif %}
                        </li>
                        <li>
                            <form method="post" action="/geraete/{{ device.id }}/oe">
                                <select name="oe_id" aria-label="OE auswählen">
                                    {% for oe in organisationseinheiten %}
                                    <option value="{{ oe.id }}" {% if oe.id == device.oe_id %}selected{% endif %}>{{ oe.name }}</option>
                                    {% endfor %}
                                </select>
                                <button type="submit" class="outline">In OE verschieben</button>
                            </form>
                        </li>
                        <li>
                            {% if gruppen %}
                            <form method="post" action="/geraete/{{ device.id }}/gruppen">
                                <fieldset>
                                    <legend>Gruppen</legend>
                                    {% for gruppe in gruppen %}
                                    <label>
                                        <input type="checkbox" name="gruppen_ids" value="{{ gruppe.id }}" {% if gruppe.id in device.gruppen_ids %}checked{% endif %}>
                                        {{ gruppe.name }}
                                    </label>
                                    {% endfor %}
                                </fieldset>
                                <button type="submit" class="outline">Gruppen aktualisieren</button>
                            </form>
                            {% else %}
                            <small>Keine Gruppen vorhanden. <a href="/gruppen">Gruppe anlegen</a></small>
                            {% endif %}
                        </li>
                        <li><a href="/geraete/{{ device.id }}/loeschen">Gerät löschen</a></li>
                    </ul>
                </details>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</figure>
{% endif %}
{% endblock %}