{% extends "base.html" %}
{% block title %}Merkmale {{ oe.name }} — Tuxflotte{% endblock %}
{% block content %}
<p><a href="/struktur">← Struktur</a></p>
<h2>Merkmale: {{ oe.name }}</h2>
<p>Legt fest, was Geräte in dieser OE (und ihren Unter-OEs, sofern dort nichts Spezifischeres gilt) standardmäßig bekommen. "Nicht festgelegt" überlässt die Entscheidung der nächsten Schicht (Gruppen, dann Workspace-Standard).</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="/struktur/{{ 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.get(feld.key) %}placeholder="(bereits gesetzt - leer lassen zum Beibehalten)"{% endif %}>
                                    {% endif %}
                                </label>
                                {% endfor %}
                            </div>
                            {% endif %}
                            <button type="submit">Aktiv setzen</button>
                        </form>
                        {% endif %}
                        {% if eintrag.aktiv != false %}
                        <form method="post" action="/struktur/{{ oe.id }}/merkmale/{{ eintrag.merkmal }}/deselect">
                            <button type="submit" class="secondary">Inaktiv setzen</button>
                        </form>
                        {% endif %}
                        {% if eintrag.aktiv is not none %}
                        <form method="post" action="/struktur/{{ oe.id }}/merkmale/{{ eintrag.merkmal }}/unset">
                            <button type="submit" class="outline">Zurücksetzen</button>
                        </form>
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        </figure>
    </details>
    {% endfor %}
{% endif %}
{% endblock %}