{% set page_title = "LISTE DES BONS D'ÉCHANGE" %}
{% extends '@admin/document/list_documents_clients_shared.html.twig' %}

{% block document_status_kpis %}
    <div class="kpi alert-en-attente kpi-inline kpi-md">
        <div class="kpi-left"><i class="fa fa-clock me-1"></i><span class="kpi-label">En attente</span></div>
        <div class="kpi-value amount nbreStatutAttente">0</div>
    </div>
    <div class="kpi alert-accepte kpi-inline kpi-md">
        <div class="kpi-left"><i class="fa fa-check-circle me-1"></i><span class="kpi-label">Accepté</span></div>
        <div class="kpi-value amount nbreStatutAccepte">0</div>
    </div>
    <div class="kpi alert-a-expedier kpi-inline kpi-md">
        <div class="kpi-left"><i class="fa fa-truck-loading me-1"></i><span class="kpi-label">À expédier</span></div>
        <div class="kpi-value amount nbreStatutAExpedier">0</div>
    </div>
    <div class="kpi alert-expedie kpi-inline kpi-md">
        <div class="kpi-left"><i class="fa fa-truck me-1"></i><span class="kpi-label">Expédié</span></div>
        <div class="kpi-value amount nbreStatutExpediee">0</div>
    </div>
    <div class="kpi alert-livre kpi-inline kpi-md">
        <div class="kpi-left"><i class="fa fa-check-circle me-1"></i><span class="kpi-label">Livré</span></div>
        <div class="kpi-value amount nbreStatutLivre">0</div>
    </div>
    <div class="kpi alert-annule kpi-inline kpi-md">
        <div class="kpi-left"><i class="fa fa-times-circle me-1"></i><span class="kpi-label">Annulé</span></div>
        <div class="kpi-value amount nbreStatutAnnule">0</div>
    </div>
    <div class="kpi alert-retour-en-cours kpi-inline kpi-md">
        <div class="kpi-left" title="Retour En Cours"><i class="fa fa-reply me-1"></i><span class="kpi-label">Rt en cours</span></div>
        <div class="kpi-value amount nbreStatutRetourEnCours">0</div>
    </div>
    <div class="kpi alert-retourne kpi-inline kpi-md">
        <div class="kpi-left"><i class="fa fa-undo me-1"></i><span class="kpi-label">Retourné</span></div>
        <div class="kpi-value amount nbreStatutRetourne">0</div>
    </div>
    <div class="kpi alert-echange-recu kpi-inline kpi-md">
        <div class="kpi-left"><i class="fa fa-inbox me-1"></i><span class="kpi-label">Échange reçu</span></div>
        <div class="kpi-value amount nbreStatutEchange">0</div>
    </div>
{% endblock %}