{% extends 'admin/base_admin.html.twig' %}
{% block title %}Catégories & tags{% endblock %}
{% block breadcrumb %}Catégories & tags{% endblock %}
{% block content %}
    <h1 class="page-title" style="font-size:26px">Catégories & tags</h1>
    <div class="grid-2">
        <div class="card card--pad">
            <h2 style="font-family:var(--title);font-size:18px;margin:0 0 14px">Catégories</h2>
            <table class="data" style="min-width:auto">
                <tbody>
                {% for c in categories %}
                    <tr>
                        <td><span style="display:inline-block;width:12px;height:12px;border-radius:3px;background:{{ c.color ?? '#7C3AED' }};margin-right:8px;vertical-align:middle"></span>{{ c.name }}</td>
                        <td style="text-align:right">
                            <form method="post" action="{{ path('admin_category_delete', {id: c.id}) }}" style="display:inline" onsubmit="return confirm('Supprimer ?')">
                                <input type="hidden" name="_token" value="{{ csrf_token('delcat' ~ c.id) }}">
                                <button class="pill-btn" style="color:var(--red)">Suppr.</button>
                            </form>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            <form method="post" action="{{ path('admin_category_save') }}" style="margin-top:16px;display:flex;gap:8px;flex-wrap:wrap">
                <input class="field" style="flex:1;min-width:120px;margin:0" type="text" name="name" placeholder="Nouvelle catégorie" required>
                <input type="color" name="color" value="#79B63B" style="width:44px;height:40px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface-2)">
                <button class="btn btn--primary" type="submit">Ajouter</button>
            </form>
        </div>

        <div class="card card--pad">
            <h2 style="font-family:var(--title);font-size:18px;margin:0 0 14px">Tags</h2>
            <div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px">
                {% for t in tags %}
                    <form method="post" action="{{ path('admin_tag_delete', {id: t.id}) }}" onsubmit="return confirm('Supprimer ?')">
                        <input type="hidden" name="_token" value="{{ csrf_token('deltag' ~ t.id) }}">
                        <button class="pill-btn" title="Supprimer">{{ t.name }} ✕</button>
                    </form>
                {% endfor %}
            </div>
            <form method="post" action="{{ path('admin_tag_save') }}" style="display:flex;gap:8px">
                <input class="field" style="flex:1;margin:0" type="text" name="name" placeholder="Nouveau tag" required>
                <button class="btn btn--primary" type="submit">Ajouter</button>
            </form>
        </div>
    </div>
{% endblock %}