{% 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-box-seam"></i> {{ 'إدارة المخزون'|trans }}</h2>
    {% if is_granted('ROLE_ADMIN') %}
        <a href="{{ path('produit_new') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> {{ 'إضافة منتج'|trans }}</a>
    {% endif %}
</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>{{ 'الكمية'|trans }}</th>
                <th>{{ 'سعر البيع'|trans }}</th>
                <th>{{ 'الحالة'|trans }}</th>
                {% if is_granted('ROLE_ADMIN') %}<th></th>{% endif %}
            </tr>
        </thead>
        <tbody>
        {% for produit in produits %}
            <tr>
                <td>
                    {{ produit.nom }}
                    {% if produit.codeBarre %}<div class="text-muted small">{{ produit.codeBarre }}</div>{% endif %}
                </td>
                <td>{{ produit.categorie ? produit.categorie.nom : '-' }}</td>
                <td>{{ produit.quantiteStock }}</td>
                <td>{{ produit.prixVente|montant_fr }}</td>
                <td>
                    {% if produit.stockFaible %}
                        <span class="badge badge-stock-faible text-white">{{ 'مخزون منخفض'|trans }}</span>
                    {% else %}
                        <span class="badge bg-success">{{ 'متوفر'|trans }}</span>
                    {% endif %}
                </td>
                {% if is_granted('ROLE_ADMIN') %}
                    <td class="text-end">
                        <a href="{{ path('produit_edit', {id: produit.id}) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil"></i></a>
                        <form method="post" action="{{ path('produit_delete', {id: produit.id}) }}" class="d-inline" onsubmit="return confirm('{{ 'تأكيد الحذف؟'|trans|e('js') }}');">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ produit.id) }}">
                            <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                        </form>
                    </td>
                {% endif %}
            </tr>
        {% else %}
            <tr><td colspan="{{ is_granted('ROLE_ADMIN') ? 6 : 5 }}" class="text-center text-muted py-4">{{ 'لا توجد منتجات مسجلة بعد.'|trans }}</td></tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% include '_partials/_pagination.html.twig' %}
{% endblock %}