{% extends 'base.html.twig' %}
{% block title %}Etablissements{% endblock %}
{% block body %}

<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center">
        <h1>Etablissements</h1>
        <a class="btn" href="{{ path('admin_perimetre_new') }}">Créer un Etablissement</a>
    </div>
</div>

<div class="card">
    <table>
        <thead>
            <tr>
                <th>Libellé</th>
                <th style="text-align:right">Effectif</th>
                <th>DSCO</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
        {% for perimetre in perimetres %}
            {% set isChild = perimetre.parent is not null %}
            <tr>
                <td style="{{ isChild ? 'padding-left:28px' : '' }}">
                    {% if isChild %}<span style="color:var(--muted)">▸</span> {% endif %}
                    <strong>{{ perimetre.label }}</strong>
                    {% if not isChild and perimetre.hasChildren %}
                        <span style="font-size:.75rem;color:var(--muted)">({{ perimetre.children|length }} sous-étab.)</span>
                    {% endif %}
                </td>
                <td style="text-align:right">
                    {{ perimetre.effectifTotal }}
                    {% if not isChild and perimetre.hasChildren %}<span style="font-size:.72rem;color:var(--muted)"> (somme)</span>{% endif %}
                </td>
                {% set dscoId = isChild ? perimetre.parent.id : perimetre.id %}
                <td>
                    {{ dscos[dscoId] is defined ? dscos[dscoId]|join(', ') : '—' }}
                    {% if isChild and dscos[dscoId] is defined %}<span style="color:var(--muted);font-size:.72rem">(hérité)</span>{% endif %}
                </td>
                <td class="actions">
                    <a class="btn btn-outline" href="{{ path('admin_perimetre_show', {'id': perimetre.id}) }}">Voir</a>
                    <a class="btn btn-outline" href="{{ path('admin_perimetre_edit', {'id': perimetre.id}) }}">Modifier</a>
                    <form method="post" action="{{ path('admin_perimetre_delete', {'id': perimetre.id}) }}" onsubmit="return confirm('Supprimer ?')">
                        <input type="hidden" name="_token" value="{{ csrf_token('delete_perimetre_' ~ perimetre.id) }}">
                        <button class="btn btn-outline">Supprimer</button>
                    </form>
                </td>
            </tr>
        {% else %}
            <tr><td colspan="4">Aucun Etablissement.</td></tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}