{% extends 'base.html.twig' %}

{% block title %}Tableau de bord{% endblock %}
{% block sub_title %}<small><i class="fas fa-tachometer-alt"></i></small> Tableau de bord{% endblock%}

{% block container %}
    <h5 class="mb-2 mt-4">Statistiques</h5>
    <div class="row">
        <div class="col-lg-3 col-6">
            <div class="small-box bg-info">
                <div class="inner">
                    <h3>{{ commande_service.numberNewCommande }}</h3><p>Nouvelle commande ( non livrée )</p>
                </div>
                <div class="icon"><i class="fas fa-credit-card"></i></div>
            </div>
        </div>
        <div class="col-lg-3 col-6">
            <div class="small-box bg-success">
                <div class="inner">
                    <h3>{{ nbMarche }}</h3><p>Marchés</p>
                </div>
                <div class="icon"><i class="fas fa-store"></i></div>
            </div>
        </div>
        <div class="col-lg-3 col-6">
            <div class="small-box bg-warning">
                <div class="inner">
                    <h3>{{ nbAdmin }}</h3><p>Administrateurs</p>
                </div>
                <div class="icon"><i class="fas fa-user-tie"></i></div>
            </div>
        </div>
        <div class="col-lg-3 col-6">
            <div class="small-box bg-warning">
                <div class="inner">
                    <h3>{{ nbVendeur }}</h3><p>Vendeurs</p>
                </div>
                <div class="icon"><i class="fas fa-users"></i></div>
            </div>
        </div>
    </div>
{% endblock %}