{% extends "admin/layout.html" %}
{% block title %}Gruppe {{ gruppe.name }} — Tuxflotte Admin{% endblock %}
{% block admin_content %}
<p><a href="/admin/kunden/{{ organization_id }}">← Organisation</a></p>
<h2>Gruppe: {{ gruppe.name }}</h2>

<section>
    <h3>Merkmale</h3>
    <p><small>"Nicht festgelegt" überlässt die Entscheidung der OE-Kette bzw. dem Workspace-Standard des Geräts.</small></p>
    {% if not kategorien %}
        <p>Keine katalogfähigen Merkmale vorhanden.</p>
    {% else %}
        {% for kategorie_name, eintraege in kategorien.items() %}
        <h4>{{ kategorie_name }}</h4>
        <figure>
        <table>
            <tbody>
            {% for eintrag in eintraege %}
                <tr>
                    <td>{{ eintrag.name }}</td>
                    <td>
                        {% if eintrag.aktiv is none %}
                            <span class="state-absent">nicht festgelegt</span>
                        {% elif eintrag.aktiv %}
                            <span class="state-present">aktiv</span>
                        {% else %}
                            <span class="state-absent">inaktiv</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if eintrag.aktiv != true %}
                        <form method="post" action="/admin/kunden/{{ organization_id }}/gruppen/{{ gruppe.id }}/merkmale/{{ eintrag.merkmal }}/select" style="display:inline">
                            <button type="submit">Aktiv</button>
                        </form>
                        {% endif %}
                        {% if eintrag.aktiv != false %}
                        <form method="post" action="/admin/kunden/{{ organization_id }}/gruppen/{{ gruppe.id }}/merkmale/{{ eintrag.merkmal }}/deselect" style="display:inline">
                            <button type="submit" class="secondary">Inaktiv</button>
                        </form>
                        {% endif %}
                        {% if eintrag.aktiv is not none %}
                        <form method="post" action="/admin/kunden/{{ organization_id }}/gruppen/{{ gruppe.id }}/merkmale/{{ eintrag.merkmal }}/unset" style="display:inline">
                            <button type="submit" class="outline">Zurücksetzen</button>
                        </form>
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        </figure>
        {% endfor %}
    {% endif %}
</section>

<section>
    <h3>Geräte in dieser Gruppe</h3>
    {% if not devices %}
        <p>Keine Geräte in dieser Organisation.</p>
    {% else %}
    <figure>
    <table>
        <thead><tr><th>Hostname</th><th>Kennung</th><th>Mitglied</th><th></th></tr></thead>
        <tbody>
        {% for device in devices %}
            <tr>
                <td>{{ device.hostname or "—" }}</td>
                <td><code>{{ device.device_fingerprint }}</code></td>
                <td>{{ "ja" if device.id in mitglied_ids else "nein" }}</td>
                <td>
                    {% if device.id in mitglied_ids %}
                    <form method="post" action="/admin/kunden/{{ organization_id }}/gruppen/{{ gruppe.id }}/geraete/{{ device.id }}/entfernen">
                        <button type="submit" class="outline secondary">Entfernen</button>
                    </form>
                    {% else %}
                    <form method="post" action="/admin/kunden/{{ organization_id }}/gruppen/{{ gruppe.id }}/geraete/{{ device.id }}/hinzufuegen">
                        <button type="submit" class="outline">Hinzufügen</button>
                    </form>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </figure>
    {% endif %}
</section>
{% endblock %}