{% extends 'base.html.twig' %}
{% block title %}{{ vente.numeroFacture }}{% endblock %}
{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-receipt"></i> {{ 'فاتورة'|trans }} {{ vente.numeroFacture }}</h2>
    <div>
        <a href="{{ path('vente_edit', {id: vente.id}) }}" class="btn btn-outline-secondary"><i class="bi bi-pencil"></i> Modifier</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-outline-danger"><i class="bi bi-trash"></i> Supprimer</button>
        </form>
    </div>
</div>
<div class="card border-0 shadow-sm p-4" style="max-width: 700px;">
    <div class="d-flex justify-content-between mb-3">
        <div>
            <div><strong>{{ 'الزبون'|trans }}:</strong> {{ vente.client ? vente.client.nom : 'زبون عابر'|trans }}</div>
            <div><strong>{{ 'البائع'|trans }}:</strong> {{ vente.vendeur.nomComplet }}</div>
        </div>
        <div class="text-end">
            <div><strong>{{ 'التاريخ'|trans }}:</strong> {{ vente.creeLe|date('Y-m-d H:i') }}</div>
            <div><strong>{{ 'طريقة الدفع'|trans }}:</strong> {{ vente.modePaiement }}</div>
        </div>
    </div>
    <table class="table">
        <thead><tr><th>{{ 'المنتج'|trans }}</th><th>{{ 'الكمية'|trans }}</th><th>{{ 'سعر الوحدة'|trans }}</th><th>{{ 'المجموع'|trans }}</th></tr></thead>
        <tbody>
        {% for ligne in vente.lignes %}
            <tr>
                <td>{{ ligne.produit.nom }}</td>
                <td>{{ ligne.quantite }}</td>
                <td>{{ ligne.prixUnitaire|montant_fr }}</td>
                <td>{{ ligne.sousTotal|montant_fr }}</td>
            </tr>
        {% endfor %}
        </tbody>
        <tfoot>
            <tr><th colspan="3" class="text-end">{{ 'المجموع الكلي'|trans }}</th><th>{{ vente.total|montant_fr }}</th></tr>
            <tr><th colspan="3" class="text-end">{{ 'المبلغ المدفوع'|trans }}</th><th>{{ vente.montantPaye|montant_fr }}</th></tr>
            <tr><th colspan="3" class="text-end">{{ 'الدين المتبقي'|trans }}</th><th class="{{ vente.creditRestant > 0 ? 'text-danger' : 'text-success' }}">{{ vente.creditRestant|montant_fr }}</th></tr>
        </tfoot>
    </table>
    <button onclick="window.print()" class="btn btn-outline-secondary"><i class="bi bi-printer"></i> {{ 'طباعة'|trans }}</button>
</div>
{% endblock %}