{% extends '@Communication/communication/layout.html.twig' %}
{% block communication_title %}Catégories et tags · Communication{% endblock %}
{% block communication_heading %}Catégories et tags{% endblock %}
{% block communication_content %}
<div class="row g-4">
    <div class="col-lg-7"><section class="communication-panel communication-panel--padded h-100"><h2 class="capsule-card-heading mb-3">Catégories</h2><form method="post" action="{{ path('communication_category_new') }}" class="row g-2 mb-4 align-items-center"><input type="hidden" name="_token" value="{{ csrf_token('communication_taxonomy_category') }}"><div class="col-md-5"><input required maxlength="120" class="form-control" name="category[name]" placeholder="Nom"></div><div class="col-md-3"><input type="color" class="form-control form-control-color" name="category[color]" value="#6558f5"></div><div class="col-md-2 form-check"><input id="category-active" class="form-check-input" type="checkbox" name="category[active]" value="1" checked><label class="form-check-label" for="category-active">Active</label></div><div class="col-md-2"><button class="capsule-button capsule-button--primary w-100">Ajouter</button></div></form><div class="list-group list-group-flush">{% for category in categories %}<div class="list-group-item d-flex justify-content-between align-items-center"><span><i class="d-inline-block rounded-circle me-2" style="width:12px;height:12px;background:{{ category.color|default('#adb5bd') }}"></i>{{ category.name }}</span><div class="d-flex gap-2"><span class="badge {{ category.active ? 'text-bg-success' : 'text-bg-light' }}">{{ category.active ? 'Active' : 'Inactive' }}</span>{% if not category.archivedAt %}<form method="post" action="{{ path('communication_taxonomy_archive',{type:'category',idtoken:category.idtoken}) }}" data-action="submit->communication-ui#confirm" data-confirm="Archiver cette catégorie ?"><input type="hidden" name="_token" value="{{ csrf_token('communication_taxonomy_archive_'~category.idtoken) }}"><button class="capsule-button capsule-button--secondary capsule-button--small">Archiver</button></form>{% endif %}</div></div>{% else %}<div class="text-muted">Aucune catégorie.</div>{% endfor %}</div></section></div>
    <div class="col-lg-5"><section class="communication-panel communication-panel--padded h-100"><h2 class="capsule-card-heading mb-3">Tags</h2><form method="post" action="{{ path('communication_tag_new') }}" class="input-group mb-4"><input type="hidden" name="_token" value="{{ csrf_token('communication_taxonomy_tag') }}"><input required maxlength="80" class="form-control" name="tag[name]" placeholder="Nouveau tag"><button class="capsule-button capsule-button--primary">Ajouter</button></form><div class="d-flex flex-wrap gap-2">{% for tag in tags %}<form method="post" action="{{ path('communication_taxonomy_archive',{type:'tag',idtoken:tag.idtoken}) }}" data-action="submit->communication-ui#confirm" data-confirm="Archiver ce tag ?"><input type="hidden" name="_token" value="{{ csrf_token('communication_taxonomy_archive_'~tag.idtoken) }}"><button class="capsule-button capsule-button--secondary capsule-button--small" {{ tag.archivedAt ? 'disabled' }}>#{{ tag.name }}{% if not tag.archivedAt %} ×{% endif %}</button></form>{% else %}<span class="text-muted">Aucun tag.</span>{% endfor %}</div></section></div>
</div>
{% endblock %}