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

<div class="page-header">
    <h1>Restitution des demandes d'entraide</h1>
</div>

{# KPIs globaux #}
<div class="card">
    <div style="display:flex;flex-wrap:wrap;gap:16px;text-align:center">
        <div style="flex:1;min-width:120px">
            <div style="font-size:1.8rem;font-weight:600;color:var(--blue)">{{ totals.total }}</div>
            <div style="font-size:.85rem;color:var(--muted)">Demandes envoyées</div>
        </div>
        <div style="flex:1;min-width:120px">
            <div style="font-size:1.8rem;font-weight:600;color:#2e7d32">{{ totals.accepted }}</div>
            <div style="font-size:.85rem;color:var(--muted)">Acceptées</div>
        </div>
        <div style="flex:1;min-width:120px">
            <div style="font-size:1.8rem;font-weight:600;color:#c0392b">{{ totals.refused }}</div>
            <div style="font-size:.85rem;color:var(--muted)">Refusées</div>
        </div>
        <div style="flex:1;min-width:120px">
            <div style="font-size:1.8rem;font-weight:600;color:#b45309">{{ totals.pending }}</div>
            <div style="font-size:.85rem;color:var(--muted)">En attente</div>
        </div>
        <div style="flex:1;min-width:120px">
            <div style="font-size:1.8rem;font-weight:600;color:var(--blue)">{{ totals.rate }}</div>
            <div style="font-size:.85rem;color:var(--muted)">Taux d'acceptation</div>
        </div>
    </div>
</div>

{% if totals.total == 0 %}
<div class="card">
    <p style="color:var(--muted);text-align:center;padding:24px 0">Aucune demande d'entraide enregistrée pour le moment.</p>
</div>
{% else %}

{% macro statsTable(title, firstCol, rows) %}
<div class="card" style="overflow-x:auto">
    <h2 style="font-size:1rem;margin-bottom:12px;color:var(--blue)">{{ title }}</h2>
    <table>
        <thead>
            <tr>
                <th>{{ firstCol }}</th>
                <th style="text-align:center">Demandes</th>
                <th style="text-align:center">Acceptées</th>
                <th style="text-align:center">Refusées</th>
                <th style="text-align:center">En attente</th>
                <th style="text-align:center">Taux d'acceptation</th>
            </tr>
        </thead>
        <tbody>
        {% for row in rows %}
            <tr>
                <td><strong>{{ row.label }}</strong></td>
                <td style="text-align:center">{{ row.total }}</td>
                <td style="text-align:center;color:#2e7d32">{{ row.accepted }}</td>
                <td style="text-align:center;color:#c0392b">{{ row.refused }}</td>
                <td style="text-align:center;color:#b45309">{{ row.pending }}</td>
                <td style="text-align:center">{{ row.rate }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endmacro %}

{% import _self as stats %}

{{ stats.statsTable("Qui demande de l'entraide", "Demandeur", byDemandeur) }}
{{ stats.statsTable("Par site", "Site", bySite) }}
{{ stats.statsTable("Qui accepte et qui refuse", "représentant", byPorteur) }}

{% endif %}

{% endblock %}