{% 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">
    <thead>
        <tr>
            <th data-sort data-filter>Hostname</th>
            <th data-sort data-filter>Kennung</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>Letzter Check-in</th>
            <th data-sort data-filter>Status</th><th></th><th></th>
        </tr>
    </thead>
    <tbody>
    {% for device in devices %}
        <tr>
            <td>{{ device.hostname or "—" }}</td>
            <td>
                <details>
                    <summary>{{ device.device_fingerprint[:10] }}…</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>{{ device.agent_last_checkin or "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><a href="/geraete/{{ device.id }}" role="button" class="outline">Auftragskatalog →</a></td>
            <td>
                <details class="dropdown">
                    <summary role="button" class="secondary outline">Aktionen</summary>
                    <ul>
                        <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 %}