<div class="row">
    <div class="col-sm-3 col-xs-6">
        <div class="description-block">
            <span class="description-percentage text-red"><i class="fa fa-caret-down"></i> 18%</span>
            <h5 class="description-header">{{ $orders_count ?? 0 }}</h5>
            <span class="description-text">NB COMMANDES</span>
        </div>
    </div>
    <div class="col-sm-3 col-xs-6">
        <div class="description-block border-right">
            <span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 17%</span>
            <h5 class="description-header">{{ $orders_sum ?? 0 }} €</h5>
            <span class="description-text">TOTAL VENTE</span>
        </div>
    </div>
    <div class="col-sm-3 col-xs-6">
        <div class="description-block border-right">
            <span class="description-percentage text-yellow"><i class="fa fa-caret-left"></i> 0%</span>
            <h5 class="description-header">{{ $orders_avg ?? 0 }} €</h5>
            <span class="description-text">PANIER MOYEN</span>
        </div>
    </div>
    <div class="col-sm-3 col-xs-6">
        <div class="description-block border-right">
            <span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 20%</span>
            <h5 class="description-header">{{ $countClients ?? 0 }}</h5>
            <span class="description-text">NB CLIENTS</span>
        </div>
    </div>
</div>
