{% extends "base.html" %}
{% block title %}Gruppen — Tuxflotte{% endblock %}
{% block content %}
<h2>Gruppen</h2>
<p>Querschnitts-Gruppen (z.B. Lehrer/Schulleitung) — ein Gerät kann in mehreren gleichzeitig sein. Anders als bei Standorten/Zwecken sind Gruppen nicht verschachtelt.</p>
<p><small>
    Wofür: Gruppen eignen sich für Zuordnungen, die quer zu deiner
    Raum-/Organisationsstruktur liegen — z.B. "Schulleitung" bekommt ein
    zusätzliches Merkmal, egal in welchem Raum das Gerät gerade steht.
    Anders als bei Standorten/Zwecken kann ein Gerät in mehreren Gruppen gleichzeitig
    sein; bei widersprüchlichen Einstellungen – auch gegenüber dem Standort/Zweck –
    gewinnt "aktiv". Eine
    Gruppe kann außerdem einen eigenen Workspace tragen — praktisch für
    eine einzelne, gezielte Ausnahme (z.B. ein einzelnes Gerät testweise
    auf einen anderen Workspace umstellen, ohne neu zu installieren).
</small></p>

{% if not gruppen %}
    <p>Keine Gruppen angelegt.</p>
{% else %}
<figure>
<table>
    <thead><tr><th>Name</th><th></th></tr></thead>
    <tbody>
    {% for gruppe in gruppen %}
        <tr>
            <td>{{ gruppe.name }}</td>
            <td>
                <a href="/gruppen/{{ gruppe.id }}" role="button" class="outline">Verwalten</a>
                <a href="/gruppen/{{ gruppe.id }}/umbenennen" role="button" class="secondary outline">Umbenennen</a>
                <a href="/gruppen/{{ gruppe.id }}/loeschen" role="button" class="secondary outline">Löschen</a>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</figure>
{% endif %}

<details>
<summary role="button" class="secondary outline">Neue Gruppe anlegen</summary>
<form method="post" action="/gruppen">
    <label for="name">Name</label>
    <input type="text" id="name" name="name" required>
    <button type="submit">Anlegen</button>
</form>
</details>
{% endblock %}