{% extends "admin/layout.html" %}
{% block title %}Geräte — Tuxflotte Admin{% endblock %}
{% block admin_content %}
<h2>Alle Geräte</h2>
{% if not devices %}
    <p>Keine Geräte gefunden.</p>
{% else %}
<input type="search" placeholder="Suche nach Organisation, Hostname, Kennung …" data-table-search="#geraete-tabelle" style="max-width: 24rem">

<figure>
<table id="geraete-tabelle">
    <thead>
        <tr>
            <th data-sort data-filter>Organisation</th>
            <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>Letzter Check-in</th>
            <th></th><th></th>
        </tr>
    </thead>
    <tbody>
    {% for device in devices %}
        <tr>
            <td>{{ device.organization_name }}</td>
            <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.agent_last_checkin or "noch nie" }}{% if device.debug_mode_until %}<br><small>🐞 Debug-Modus aktiv</small>{% endif %}</td>
            <td>
                <a href="/admin/geraete/{{ device.id }}" role="button" class="outline">Auftragskatalog →</a>
                <a href="/admin/geraete/{{ device.id }}/log" role="button" class="outline">Log →</a>
            </td>
            <td>
                <form method="post" action="/admin/geraete/{{ device.id }}/oe">
                    <select name="oe_id" aria-label="OE auswählen">
                        {% for oe in oe_by_org.get(device.organization_id, []) %}
                        <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>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</figure>
{% endif %}
{% endblock %}