{% extends "base.html" %}
{% block title %}Struktur — Tuxflotte{% endblock %}
{% block content %}
<h2>Struktur</h2>
<p>Organisationseinheiten (OEs) zum Verorten Ihrer Geräte — z.B. Gebäude oder Klassen. Ein Gerät gehört immer zu genau einer OE, neu aktivierte Geräte landen automatisch in "Neue Geräte".</p>

{% macro knoten(oe, oes) %}
<li>
    <strong>{{ oe.name }}</strong>{% if oe.ist_standard %} <small>(Standard)</small>{% endif %}
    <small>
        · <a href="/struktur/{{ oe.id }}/merkmale">Merkmale bearbeiten</a>
        {% if not oe.ist_standard %}
        · <a href="/struktur/{{ oe.id }}/umbenennen">Umbenennen</a>
        · <a href="/struktur/{{ oe.id }}/loeschen">Löschen</a>
        {% endif %}
    </small>
    <details>
        <summary role="button" class="secondary outline">Unter-OE anlegen</summary>
        <form method="post" action="/struktur">
            <input type="hidden" name="parent_id" value="{{ oe.id }}">
            <input type="text" name="name" placeholder="Name" required>
            <button type="submit">Anlegen</button>
        </form>
    </details>
    {% set kinder = oes | selectattr("parent_id", "equalto", oe.id) | list %}
    {% if kinder %}
    <ul>
        {% for kind in kinder %}
            {{ knoten(kind, oes) }}
        {% endfor %}
    </ul>
    {% endif %}
</li>
{% endmacro %}

{% set wurzeln = organisationseinheiten | selectattr("parent_id", "equalto", none) | list %}
{% if not wurzeln %}
<p>Keine OEs gefunden.</p>
{% else %}
<ul>
{% for wurzel in wurzeln %}
    {{ knoten(wurzel, organisationseinheiten) }}
{% endfor %}
</ul>
{% endif %}

<details>
<summary role="button" class="secondary outline">Neue OE auf oberster Ebene anlegen</summary>
<form method="post" action="/struktur">
    <input type="text" name="name" placeholder="Name" required>
    <button type="submit">Anlegen</button>
</form>
</details>
{% endblock %}