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

<div class="card">
    <div class="page-header" style="margin-bottom:24px">
        <h1>{{ title }}</h1>
        <a href="{{ path('admin_perimetre_index') }}" class="btn btn-outline">Retour</a>
    </div>

    {{ form_start(form) }}
        <div style="margin-bottom:16px">{{ form_row(form.label) }}</div>
        <div class="row">
            <div style="margin-bottom:16px">{{ form_row(form.parent) }}</div>
            <div style="margin-bottom:16px">{{ form_row(form.effectif) }}</div>
        </div>
        <div style="margin-bottom:16px">{{ form_row(form.dscos) }}</div>
        <div class="actions">
            <button type="submit" class="btn">Enregistrer</button>
        </div>
    {{ form_end(form) }}
</div>

{% set perim = form.vars.data %}
{% if perim.id and perim.hasChildren %}
<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px">
        <h2 style="font-size:1rem;margin:0">Sous-établissements ({{ perim.children|length }})</h2>
        <span style="color:var(--muted);font-size:.85rem">Effectif total (somme) : <strong>{{ perim.effectifTotal }}</strong></span>
    </div>
    <table>
        <thead><tr><th>Libellé</th><th style="text-align:right">Effectif</th><th>Actions</th></tr></thead>
        <tbody>
        {% for c in perim.children %}
            <tr>
                <td><span style="color:var(--muted)">▸</span> <strong>{{ c.label }}</strong></td>
                <td style="text-align:right">{{ c.effectif ?? 0 }}</td>
                <td class="actions"><a class="btn btn-outline" href="{{ path('admin_perimetre_edit', {'id': c.id}) }}">Modifier</a></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% elseif perim.id and perim.parent %}
<div class="card">
    <p style="margin:0;color:var(--muted);font-size:.9rem">
        Établissement secondaire de <strong>{{ perim.parent.label }}</strong>.
    </p>
</div>
{% endif %}
{% endblock %}