{% extends "admin/layout.html" %}
{% block title %}OE-Merkmale — Tuxflotte Admin{% endblock %}
{% block admin_content %}
<p><a href="/admin/kunden/{{ organization_id }}">← Organisation</a></p>
<h2>Merkmale dieser OE</h2>
<p><small>"Nicht festgelegt" überlässt die Entscheidung einer übergeordneten OE bzw. dem Workspace-Standard des Geräts. Die OE-Struktur selbst wird im Kundenportal verwaltet (Self-Service), diese Seite dient nur der Merkmal-Konfiguration.</small></p>

{% if not kategorien %}
    <p>Keine katalogfähigen Merkmale vorhanden.</p>
{% else %}
    <input type="search" data-merkmal-suche placeholder="Merkmal suchen …" aria-label="Merkmal suchen">
    {% for kategorie_name, eintraege in kategorien.items() %}
    <details class="merkmal-kategorie">
    <summary>{{ kategorie_name }} <small>(aktiv: {{ eintraege | selectattr("aktiv", "equalto", true) | list | length }} von {{ eintraege | length }})</small></summary>
    <figure>
    <table>
        <tbody>
        {% for eintrag in eintraege %}
            <tr>
                <td>
                    <strong>{{ eintrag.name }}</strong>
                    {% if eintrag.description %}<br><small>{{ eintrag.description }}</small>{% endif %}
                </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 }}/organisationseinheiten/{{ oe_id }}/merkmale/{{ eintrag.merkmal }}/select">
                        {% if optionen_felder.get(eintrag.merkmal) %}
                        <div class="optionen">
                            {% for feld in optionen_felder[eintrag.merkmal] %}
                            <label>
                                {% if feld.type == "checkbox" %}
                                <input type="checkbox" name="optionen.{{ feld.key }}">
                                {{ feld.label }}
                                {% else %}
                                {{ feld.label }}
                                <input type="{{ feld.type }}" name="optionen.{{ feld.key }}" autocomplete="off"
                                    {% if eintrag.optionen and eintrag.optionen.get(feld.key) %}placeholder="(bereits gesetzt - leer lassen zum Beibehalten)"{% endif %}>
                                {% endif %}
                            </label>
                            {% endfor %}
                        </div>
                        {% endif %}
                        <button type="submit">Aktiv</button>
                    </form>
                    {% endif %}
                    {% if eintrag.aktiv != false %}
                    <form method="post" action="/admin/kunden/{{ organization_id }}/organisationseinheiten/{{ oe_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 }}/organisationseinheiten/{{ oe_id }}/merkmale/{{ eintrag.merkmal }}/unset" style="display:inline">
                        <button type="submit" class="outline">Zurücksetzen</button>
                    </form>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </figure>
    </details>
    {% endfor %}
{% endif %}
{% endblock %}