{% extends 'base.html.twig' %}

{% block title %}Liste des tracts{% endblock %}

{% block body %}
<div class="container">
    <div class="page-header" style="margin-bottom:20px">
        <h1>Gestion des tracts</h1>
        <a href="{{ path('admin_tract_new') }}" class="btn">+ Nouveau tract</a>
    </div>

    <div class="card" style="padding:0;overflow:hidden">
        <table>
            <thead>
                <tr>
                    <th>Libellé</th>
                    <th>Statut</th>
                    <th>Fichier</th>
                    <th>Mis à jour le</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
            {% for tract in tracts %}
                <tr>
                    <td><strong>{{ tract.label }}</strong></td>
                    <td>
                        {% set statusColors = {'a_tracter': '#16a34a', 'en_attente': '#d97706', 'perime': '#dc2626'} %}
                        <span class="badge" style="background:{{ statusColors[tract.status] ?? '#6b7280' }}20;color:{{ statusColors[tract.status] ?? '#6b7280' }};border:1px solid {{ statusColors[tract.status] ?? '#6b7280' }}40">
                            {{ tract.statusLabel }}
                        </span>
                    </td>
                    <td style="color:#6b7280;font-size:13px">{{ tract.filename }}</td>
                    <td style="font-size:13px">{{ tract.updatedAt ? tract.updatedAt|date('d/m/Y H:i') : '—' }}</td>
                    <td>
                        <div class="actions">
                            <a class="btn" href="{{ path('admin_tract_view', {'id': tract.id}) }}" target="_blank" title="Ouvrir dans le navigateur">Consulter</a>
                            <a class="btn btn-outline" href="{{ path('admin_tract_download', {'id': tract.id}) }}" title="Télécharger le fichier">Télécharger</a>
                            <a class="btn btn-outline" href="{{ path('admin_tract_edit', {'id': tract.id}) }}">Modifier</a>
                            <form method="post" action="{{ path('admin_tract_delete', {'id': tract.id}) }}" onsubmit="return confirm('Supprimer ce tract ?')" style="display:inline-block">
                                <input type="hidden" name="_token" value="{{ csrf_token('delete_tract_' ~ tract.id) }}">
                                <button class="btn" style="background:#dc2626">Supprimer</button>
                            </form>
                        </div>
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="5" style="text-align:center;padding:24px;color:#6b7280">Aucun tract enregistré pour le moment.</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}