{% set page_title = 'LISTE DES BONS DE COMMANDE' %}
{% extends '@admin/document/list_documents_clients_shared.html.twig' %}

{% block document_super_admin_kpis %}
    <div class="kpi bg-color kpi-inline kpi-wide">
        <div class="kpi-left">
            <i class="fa fa-chart-line me-1 text-muted"></i>
            <span class="kpi-label">Moyenne Cde <sup>(TND)</sup></span>
        </div>
        <div class="kpi-value amount moyenne kpi-wide"
             data-bs-toggle="tooltip"
             title="Moyenne sans frais de livraison">
            0.000
        </div>
    </div>

    <div class="kpi bg-color kpi-inline kpi-wide kpi-profit">
        <div class="kpi-left">
            <i class="fa fa-dollar-sign me-1 text-muted"></i>
            <span class="kpi-label"
                  data-bs-toggle="tooltip"
                  data-bs-placement="top"
                  title="Calculé uniquement sur les documents dont le statut est différent de: annule, retour-en-cours, retourne. Formule: (Total TTC - frais livraison) - coût d'achat TTC.">
                Bénéfice <sup>(TND)</sup>
                <i class="fa fa-info-circle ms-1 text-muted"></i>
            </span>
        </div>
        <div id="kpi-profit-value" class="kpi-value amount profit"
             data-bs-toggle="tooltip"
             title="Bénéfice net calculé (ventes - coûts)">
            0
        </div>
        <i id="toggle-profit-kpi" class="fa fa-eye text-muted" style="cursor:pointer;font-size:.9rem"></i>
    </div>
{% endblock %}

{% 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-paye kpi-inline kpi-md">
        <div class="kpi-left"><i class="fa fa-file-invoice me-1"></i><span class="kpi-label">Payé</span></div>
        <div class="kpi-value amount nbreStatutPaye">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>
{% endblock %}