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

<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap">
        <div>
            <h1>Campagnes</h1>
            <p>Tableau filtrable des campagnes par site, type d'opération et état.</p>
        </div>
        <a class="btn" href="/campaign/new">Nouvelle campagne</a>
    </div>
</div>

<div class="card">
    <form method="get">
        <div class="row">
            <div>
                <label>Site</label>
                <select name="site">
                    <option value="">Tous</option>
                    {% for site in sites %}
                        <option value="{{ site.id }}" data-dept="{{ site.department }}"
                                {% if filters.site == site.id|striptags %}selected{% endif %}>
                            {{ site.name }} - {{ site.city }}
                        </option>
                    {% endfor %}
                </select>
            </div>
            <div>
                <label>Département</label>
                <select name="dept">
                    <option value="">Tous</option>
                    {% for dept in departments %}
                        <option value="{{ dept }}" {% if filters.dept == dept %}selected{% endif %}>{{ dept }}</option>
                    {% endfor %}
                </select>
            </div>
            <div>
                <label>Type d'opération</label>
                <select name="type">
                    <option value="">Tous</option>
                    {% for type in operationTypes %}
                        <option value="{{ type.id }}" {% if filters.type == type.id|striptags %}selected{% endif %}>
                            {{ type.label }}
                        </option>
                    {% endfor %}
                </select>
            </div>
            <div>
                <label>État</label>
                <select name="status">
                    <option value="">Tous</option>
                    {% for label, value in statusChoices %}
                        <option value="{{ value }}" {% if filters.status == value %}selected{% endif %}>{{ label }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="actions" style="margin-top:16px">
            <button class="btn" type="submit">Filtrer</button>
            <a class="btn btn-outline" href="/campaign">Réinitialiser</a>
        </div>
    </form>
</div>

<div class="card">
    <table>
        <thead>
            <tr>
                <th>Type</th>
                <th>Site</th>
                <th>Département</th>
                <th style="text-align:right">Effectif</th>
                <th>Date campagne</th>
                <th>Créée le</th>
                <th>Créée par</th>
                <th>Etablissement</th>
                <th>État</th>
                <th>Remarque</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
        {% for campaign in campaigns %}
            <tr>
                <td>{{ campaign.operationTypes is not empty ? campaign.operationTypes|map(t => t.label)|join(', ') : '—' }}</td>
                <td>{{ campaign.site ? campaign.site.name ~ ' - ' ~ campaign.site.city : '—' }}</td>
                <td>{{ campaign.site and campaign.site.department ? campaign.site.department : '—' }}</td>
                <td style="text-align:right;white-space:nowrap">{{ campaign.site ? effectifBySite[campaign.site.id]|default('—') : '—' }}</td>
                <td>{{ campaign.scheduledAt ? campaign.scheduledAt|date('d/m/Y H:i') : '—' }}</td>
                <td>{{ campaign.createdAt ? campaign.createdAt|date('d/m/Y') : '—' }}</td>
                <td>{{ creators[campaign.id]|default('—') }}</td>
                <td>
                    {% if campaign.perimetreType %}
                        <span class="badge" style="font-size:.7rem">{{ campaign.perimetreTypeLabel }}</span>
                        {% if campaign.perimetres is not empty %}
                            <br><small style="color:var(--muted)">{{ campaign.perimetres|map(p => p.label)|join(', ') }}</small>
                        {% endif %}
                    {% else %}—{% endif %}
                </td>
                <td><span class="badge">{{ campaign.statusLabel }}</span></td>
                <td>{{ campaign.remarks ?: '—' }}</td>
                <td class="actions">
                    <a class="btn btn-outline" href="/campaign/{{ campaign.id }}/edit">Modifier</a>
                    <a class="btn btn-outline" href="/campaign/{{ campaign.id }}">Voir</a>
                </td>
            </tr>
        {% else %}
            <tr><td colspan="11" style="text-align:center;padding:24px;color:#6b7280">Aucune campagne trouvée.</td></tr>
        {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}