{% if tree_nodes %}
<div class="entity-overview">
    <div class="entity-overview-header">
        <div class="entity-overview-title">
            <h2>{{ current_dataset or 'Entities' }}</h2>
            <span class="entity-overview-meta">{{ current_profile }} {{ version }} - {{ tree_nodes|length }} root entities</span>
        </div>
        <div class="entity-overview-actions">
            <a href="{{ base_url }}/export" class="btn btn-secondary btn-sm" download>
                Export Excel
            </a>
            <label class="btn btn-secondary btn-sm btn-file">
                Import JSON
                <input type="file"
                       accept=".json"
                       hx-post="{{ base_url }}/import"
                       hx-trigger="change"
                       hx-target="#notification-container"
                       hx-swap="beforeend"
                       hx-encoding="multipart/form-data"
                       name="file"
                       hidden>
            </label>
            <a href="{{ base_url }}/" class="btn btn-secondary btn-sm">
                Back to Datasets
            </a>
        </div>
    </div>
    <div class="entity-list">
        {% for node in tree_nodes recursive %}
        <div class="entity-item {% if loop.depth > 1 %}child{% endif %}">
            <button class="btn btn-entity {% if loop.depth > 1 %}btn-nested{% endif %}"
                    hx-get="{{ base_url }}/form/{{ node.entity_type }}/{{ node.id }}"
                    hx-target="#main"
                    hx-swap="innerHTML">
                <span class="entity-type">{{ node.entity_type }}</span>
                <span class="entity-label">{{ node.label }}</span>
            </button>
            {% if loop.depth == 1 %}
            <button class="btn btn-delete"
                    hx-delete="{{ base_url }}/entity/{{ node.id }}"
                    hx-target="#main"
                    hx-swap="innerHTML"
                    hx-confirm="Delete '{{ node.label }}'?">
                &times;
            </button>
            {% endif %}
        </div>
        {% if node.children %}
        <div class="entity-children">
            {{ loop(node.children) }}
        </div>
        {% endif %}
        {% endfor %}
    </div>
</div>
{% else %}
<div class="welcome">
    <h2>{{ current_dataset or 'Empty Dataset' }}</h2>
    <p class="welcome-meta">{{ current_profile }} {{ version }}</p>
    <p>This dataset has no entities yet. Create your first entity to get started.</p>
    <div class="welcome-actions">
        {% for root_type in root_types %}
        <button class="btn btn-primary"
                hx-get="{{ base_url }}/form/{{ root_type }}"
                hx-target="#main"
                hx-swap="innerHTML">
            New {{ root_type }}
        </button>
        {% endfor %}
        <a href="{{ base_url }}/" class="btn btn-secondary">Back to Datasets</a>
    </div>
</div>
{% endif %}