{% extends 'base.html.twig' %}
{% block title %}{{ 'إدارة الفئات'|trans }}{% endblock %}
{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-tags"></i> {{ 'إدارة الفئات'|trans }}</h2>
    <a href="{{ path('categorie_new') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> {{ 'إضافة فئة'|trans }}</a>
</div>
{% include '_partials/_list_search.html.twig' %}
<div class="card border-0 shadow-sm">
    <table class="table table-hover align-middle mb-0">
        <thead class="table-light"><tr><th>{{ 'الفئة'|trans }}</th><th>{{ 'عدد المنتجات'|trans }}</th><th></th></tr></thead>
        <tbody>
        {% for categorie in categories %}
            <tr>
                <td>{{ categorie.nom }}</td>
                <td>{{ categorie.produits|length }}</td>
                <td class="text-end">
                    <a href="{{ path('categorie_edit', {id: categorie.id}) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil"></i></a>
                    <form method="post" action="{{ path('categorie_delete', {id: categorie.id}) }}" class="d-inline" onsubmit="return confirm('{{ 'تأكيد الحذف؟'|trans }}');">
                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ categorie.id) }}">
                        <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                    </form>
                </td>
            </tr>
        {% else %}
            <tr><td colspan="3" class="text-center text-muted py-4">{{ 'لا توجد فئات مسجلة بعد.'|trans }}</td></tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% include '_partials/_pagination.html.twig' %}
{% endblock %}