{% 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-receipt"></i> {{ 'سجل المبيعات'|trans }}</h2>
    <a href="{{ path('vente_new') }}" class="btn btn-primary"><i class="bi bi-cart-plus"></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>{{ 'البائع'|trans }}</th><th>{{ 'المجموع'|trans }}</th><th>{{ 'المدفوع'|trans }}</th><th>{{ 'الدين'|trans }}</th><th>{{ 'التاريخ'|trans }}</th><th></th></tr></thead>
        <tbody>
        {% for vente in ventes %}
            <tr>
                <td><a href="{{ path('vente_show', {id: vente.id}) }}">{{ vente.numeroFacture }}</a></td>
                <td>{{ vente.client ? vente.client.nom : 'زبون عابر'|trans }}</td>
                <td>{{ vente.vendeur.nomComplet }}</td>
                <td>{{ vente.total|montant_fr }}</td>
                <td>{{ vente.montantPaye|montant_fr }}</td>
                <td class="fw-semibold {{ vente.creditRestant > 0 ? 'text-danger' : 'text-success' }}">{{ vente.creditRestant|montant_fr }}</td>
                <td>{{ vente.creeLe|date('Y-m-d H:i') }}</td>
                <td class="text-end text-nowrap">
                    <a href="{{ path('vente_edit', {id: vente.id}) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil"></i></a>
                    <form method="post" action="{{ path('vente_delete', {id: vente.id}) }}" class="d-inline" onsubmit="return confirm('{{ 'تأكيد الحذف؟'|trans|e('js') }}');">
                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ vente.id) }}">
                        <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                    </form>
                </td>
            </tr>
        {% else %}
            <tr><td colspan="8" class="text-center text-muted py-4">{{ 'لا توجد مبيعات مسجلة بعد.'|trans }}</td></tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% include '_partials/_pagination.html.twig' %}
{% endblock %}