{% extends 'admin/base_admin.html.twig' %}
{% block title %}Articles{% endblock %}
{% block breadcrumb %}Articles{% endblock %}
{% block content %}
    <div class="head-row">
        <div><h1 class="page-title" style="font-size:26px">Articles</h1><p class="page-sub">{{ articles|length }} article(s)</p></div>
        <a class="btn btn--primary" href="{{ path('admin_article_new') }}">+ Nouvel article</a>
    </div>
    <div class="card table-wrap"><div class="table-scroll">
        <table class="data">
            <thead><tr><th>TITRE</th><th>CATÉGORIE</th><th>STATUT</th><th>DATE</th><th style="text-align:right">ACTIONS</th></tr></thead>
            <tbody>
            {% for a in articles %}
                <tr>
                    <td style="font-weight:600">{{ a.title }}</td>
                    <td style="color:var(--muted)">{{ a.category ? a.category.name : '—' }}</td>
                    <td><span class="st-badge {{ a.published ? 'st-published' : 'st-draft' }}"><span></span>{{ a.status.label }}</span></td>
                    <td style="color:var(--muted);white-space:nowrap">{{ a.publishedAt ? a.publishedAt|date('d/m/Y') : '—' }}</td>
                    <td style="text-align:right;white-space:nowrap">
                        <a class="pill-btn" href="{{ path('admin_article_edit', {id: a.id}) }}">Éditer</a>
                        <form method="post" action="{{ path('admin_article_delete', {id: a.id}) }}" style="display:inline" onsubmit="return confirm('Supprimer cet article ?')">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ a.id) }}">
                            <button class="pill-btn" style="color:var(--red)">Suppr.</button>
                        </form>
                    </td>
                </tr>
            {% else %}
                <tr><td colspan="5" style="color:var(--muted)">Aucun article. Créez le premier.</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div></div>
{% endblock %}