{% extends 'base.html.twig' %}
{% block title %}Historique des demandes d'entraide{% endblock %}
{% block body %}

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

{% if requests is not empty %}
<div class="card" style="overflow-x:auto">
    <table>
        <thead>
            <tr>
                <th>Campagne</th>
                <th>Site</th>
                <th>Date prévue</th>
                <th>représentant sollicité</th>
                <th>Demandé par</th>
                <th>Envoyée le</th>
                <th>Statut</th>
                <th>Répondu le</th>
            </tr>
        </thead>
        <tbody>
        {% for req in requests %}
            {% set colors = {
                'accepted': {bg: '#e8f5e9', color: '#2e7d32'},
                'refused':  {bg: '#fce4e4', color: '#c0392b'},
                'pending':  {bg: '#fff8e1', color: '#b45309'}
            } %}
            {% set c = colors[req.status] ?? colors.pending %}
            <tr>
                <td>
                    <a href="{{ path('campaign_show', {'id': req.campaign.id}) }}" style="color:var(--blue)">
                        {{ req.campaign.displayName }}
                    </a>
                </td>
                <td>{{ req.campaign.site ? req.campaign.site.name ~ ' — ' ~ req.campaign.site.city : '—' }}</td>
                <td>{{ req.campaign.scheduledAt ? req.campaign.scheduledAt|date('d/m/Y') : '—' }}</td>
                <td>
                    {{ req.porteur.fullName }}
                    {% if req.porteur.email %}
                        <br><span style="font-size:.78rem;color:var(--muted)">{{ req.porteur.email }}</span>
                    {% endif %}
                </td>
                <td>
                    {% if req.campaign.createdBy %}
                        {{ req.campaign.createdBy.displayName }}
                        <br><span style="font-size:.78rem;color:var(--muted)">{{ req.campaign.createdBy.email }}</span>
                    {% else %}
                        —
                    {% endif %}
                </td>
                <td>{{ req.createdAt|date('d/m/Y') }}</td>
                <td>
                    <span class="badge" style="background:{{ c.bg }};color:{{ c.color }};border:1px solid {{ c.color }}40">
                        {{ req.statusLabel }}
                    </span>
                </td>
                <td>{{ req.respondedAt ? req.respondedAt|date('d/m/Y') : '—' }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>

<p style="margin-top:12px;font-size:.85rem;color:var(--muted)">{{ requests|length }} demande(s) au total</p>

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

{% endblock %}