{% extends "admin/layout.html" %}
{% block title %}Organisationen — Tuxflotte Admin{% endblock %}
{% block admin_content %}
<h2>Organisationen</h2>
{% if request.query_params.get("hinweis") %}<p><ins>{{ request.query_params.get("hinweis") }}</ins></p>{% endif %}

<figure>
<table>
    <thead><tr><th>Name</th><th>Kundengruppe</th><th>Angelegt</th><th></th></tr></thead>
    <tbody>
    {% for org in organizations %}
        <tr>
            <td>{{ org.name }}</td>
            <td>{{ org.kundengruppe_name or "– keine –" }}</td>
            <td data-sort-wert="{{ org.created_at or '' }}">{{ org.created_at | datum(False) }}</td>
            <td><a href="/admin/kunden/{{ org.id }}" role="button" class="outline">Verwalten</a></td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</figure>

<details>
<summary role="button" class="secondary outline">Neue Organisation anlegen</summary>
<form method="post" action="/admin/kunden">
    <label for="name">Name</label>
    <input type="text" id="name" name="name" required>
    <label for="kundengruppe_id">Art der Organisation <small>(bringt den Standard-Workspace mit: „Schule“ richtet „Schulcomputer (Mint)“ für „Neue Geräte“ ein, der Kunde kann sofort ein Medium bauen)</small></label>
    <select id="kundengruppe_id" name="kundengruppe_id">
        {% for kg in kundengruppen %}
        <option value="{{ kg.id }}" {% if kg.key == "schule" %}selected{% endif %}>{{ kg.name }}</option>
        {% endfor %}
        <option value="">– keine – (nur globale Vorlagen)</option>
    </select>
    <button type="submit">Anlegen</button>
</form>
</details>
{% endblock %}