{% extends 'menuback.html.twig' %}
{% set quanteffectuer = 0 %} 

  {% set fraiseffectuer = 0 %} 
{% set prixtotaleffectuer = 0 %} 
 
 {% for commande in commandes  if (commande.typestatut.designation == "livraison effectuée" )%}
  {% set fraiseffectuer = fraiseffectuer+ commande.fraislivraison %} 
 {% for produit in commande.produit   %}
  {% set quanteffectuer = quanteffectuer+ produit.quantite %} 
  {% set prixtotaleffectuer = prixtotaleffectuer+ produit.quantite * produit.lproduit.prixunitaire %} 
  {% endfor %}
  {% endfor %} 
  {% set quanteffectuer1 = 0 %} 

   
 
 {% for commande in commandes  if (commande.typestatut.designation == "en attente" )%}
  {% set quanteffectuer1 = quanteffectuer1 + 1 %}
  {% endfor %} 
    {% set annuler = 0 %} 
   {% for commande in commandes  if (commande.typestatut.designation == "annuler" )%}
  {% set annuler = annuler + 1 %}
  {% endfor %} 
   {% set enlivraison = 0 %} 
   {% for commande in commandes  if (commande.typestatut.designation == "en Livraison" )%}
  {% set enlivraison = enlivraison + 1 %}
  {% endfor %} 
   {% set enechec = 0 %} 
   {% for commande in commandes  if (commande.typestatut.designation == "echec Livraison" )%}
  {% set enechec = enechec + 1 %}
  {% endfor %} 
     {% set refTva  = 0 %}
   {% for perf in perf  %}
     {% for commande in perf.command.produit %} 

 
 
{% set refTva = refTva + commande.lproduit.prixunitaire   * commande.quantite   %}
 {% endfor %} 
   {% endfor %}




{% block stylesheets %} 
   {{parent()}}
 {% endblock %}

{% block body %}
<div class="main-wrapper main-wrapper-1">

 
        
 

 

 
 



       <!-- Main Content -->
      <div class="main-content" style="min-height: 540px;">
        <section class="section">
        

  <center> <h4 style="color:crimson;">MES STATISTIQUES DU JOUR :  {{ "now"|date('Y-m-d H:i:s') }}</h4>  </center> 
{% if is_granted('ROLE_ADMIN') or is_granted('ROLE_SUPER_ADMIN')   or is_granted('ROLE_CALL')    %}
{% set refTvacall  = 0 %}
                                    {% for perfa in perfcall  %}
                                    {% for perfaa in perfa  %}
                                            {% for commande in perfaa.command.produit if(perfaa.userordancement.id == userperf.id) %}
                                                {% set refTvacall = refTvacall + commande.lproduit.prixunitaire   * commande.quantite  - perfaa.command.montantreduction   %}
                                            {% endfor %}
                                
                                     
                                    {% endfor %}
                                    {% endfor %}
 
    
         <center style = "color: #000000;font-size=15px;font-weight:bold;">Vous avez atteint {{ ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') }} % de vos objectifs assigner du {{notationcall.datedebut|date('Y-m-d')}} au {{notationcall.datefin|date('Y-m-d')}} </center>
       <br>
       <div class="progress" data-height="20" data-toggle="tooltip" title="" data-original-title="{{ ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') }}" style="height: 4px;">
           {% if ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') < 25 |round(2, 'floor')%}
               <div class="progress-bar bg-danger" role="progressbar" style="width: {{ ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') }}%" aria-valuenow="{{ ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') }}" aria-valuemin="0" aria-valuemax="100"></div>


           {% endif %}
           {% if ( ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') > 25 |round(2, 'floor') ) and  ( ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') <75 |round(2, 'floor') ) %}
               <div class="progress-bar bg-orange" role="progressbar" style="width: {{ ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') }}%" aria-valuenow="{{ ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') }}" aria-valuemin="0" aria-valuemax="100"></div>

           {% endif %}
           {% if ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') > 75 |round(2, 'floor')%}
               <div class="progress-bar bg-green" role="progressbar" style="width: {{ ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') }}%" aria-valuenow="{{ ((refTvacall|trim /notationcall.montant|trim )*100 )|round(2, 'floor') }}" aria-valuemin="0" aria-valuemax="100"></div>


           {% endif %}
       </div>
       
 
  {# {% endif %} #}
 
             {% endif %}
              <br>
              {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_SUPER_ADMIN')    %}
<div class="row">
						<div class="col-xl-3 col-lg-6">
							<div class="card">
								<div class="card-bg"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
									<div class="p-t-20 d-flex justify-content-between">
										<div class="col">
											<h6 class="mb-0">Nouveau ticket</h6>
											<span class="font-weight-bold mb-0 font-20">{% set nouveau = 0 %} 

   
 
 {% for ticket in ticket  if (ticket.typestatutsav.designation == "Nouveau" )%}
   {% set nouveau = nouveau + 1 %}
  
 
  {% endfor %}    {{nouveau}}</span>
										</div>
										<i class="fas fa-address-card card-icon col-orange font-30 p-r-30"></i>
									</div>
									<canvas id="cardChart1" height="100" width="378" class="chartjs-render-monitor" style="display: block; width: 378px; height: 100px;"></canvas>
								</div>
							</div>
						</div>
						<div class="col-xl-3 col-lg-6">
							<div class="card">
								<div class="card-bg"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
									<div class="p-t-20 d-flex justify-content-between">
										<div class="col">
											<h6 class="mb-0">En cours (Attribué)</h6>
											<span class="font-weight-bold mb-0 font-20">{% set encourattribue = 0 %} 

   
 
 {% for ticket in ticket  if (ticket.typestatutsav.designation == "En cours (Attribué)" )%}
 
  {% set encourattribue = encourattribue + 1 %}
 
 
  {% endfor %}    {{encourattribue}}</span>
										</div>
										<i class="fas fa-diagnoses card-icon col-green font-30 p-r-30"></i>
									</div>
									<canvas id="cardChart2" height="100" width="378" class="chartjs-render-monitor" style="display: block; width: 378px; height: 100px;"></canvas>
								</div>
							</div>
						</div>
						<div class="col-xl-3 col-lg-6">
							<div class="card">
								<div class="card-bg"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
									<div class="p-t-20 d-flex justify-content-between">
										<div class="col">
											<h6 class="mb-0">En attente</h6>
											<span class="font-weight-bold mb-0 font-20">{% set attente = 0 %} 

   
 
 {% for ticket in ticket  if (ticket.typestatutsav.designation == "En attente" )%}
 
  {% set attente = attente + 1 %}
 
 
  {% endfor %}    {{attente}}</span>
										</div>
										<i class="fas fa-chart-bar card-icon col-indigo font-30 p-r-30"></i>
									</div>
									<canvas id="cardChart3" height="100" width="378" class="chartjs-render-monitor" style="display: block; width: 378px; height: 100px;"></canvas>
								</div>
							</div>
						</div>
						<div class="col-xl-3 col-lg-6">
							<div class="card">
								<div class="card-bg"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
									<div class="p-t-20 d-flex justify-content-between">
										<div class="col">
											<h6 class="mb-0">Résolu</h6>
											<span class="font-weight-bold mb-0 font-20">{% set resolu = 0 %} 

   
 
 {% for ticket in ticket  if (ticket.typestatutsav.designation == "Résolu" )%}
 
  {% set resolu = resolu + 1 %}
 
 
  {% endfor %}    {{resolu}}</span>
										</div>
										<i class="fas fa-hand-holding-usd card-icon col-cyan font-30 p-r-30"></i>
									</div>
									<canvas id="cardChart4" height="100" width="378" class="chartjs-render-monitor" style="display: block; width: 378px; height: 100px;"></canvas>
								</div>
							</div>
						</div>
					</div>

     {% endif %}

 {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_SUPER_ADMIN') or is_granted('ROLE_CALL')    %}

<div class="row">
              <div class="col-xl-3 col-lg-6">
                <div class="card">
                  <div class="card-bg"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
                    <div class="p-t-20 d-flex justify-content-between">
                      <div class="col">
                        <h6 class="mb-0">Commandes en attente</h6>
                        <span class="font-weight-bold mb-0 font-20"> {% set quanteffectuer1 = 0 %} 

   
 
 {% for cmd in cmd  if (cmd.statut.designation == "en attente" )%}
 {%  if cmd.dateordonancement|date("m/d/Y")=="now"|date("m/d/Y") %}
  {% set quanteffectuer1 = quanteffectuer1 + 1 %}
 {% endif %}
 
  {% endfor %}    {{quanteffectuer1}} </span>
                      </div>
                      <i class="fas fa-address-card card-icon col-orange font-30 p-r-30"></i>
                    </div>
                    <canvas id="cardChart1" height="63" width="237" class="chartjs-render-monitor" style="display: block; width: 237px; height: 63px;"></canvas>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-6">
                <div class="card">
                  <div class="card-bg"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
                    <div class="p-t-20 d-flex justify-content-between">
                      <div class="col">
                        <h6 class="mb-0">Commandes livraison effectuée</h6>
                        <span class="font-weight-bold mb-0 font-20">{% set quanteffectuer2 = 0 %} 

   
 
 {% for cmd in cmd  if (cmd.statut.designation == "livraison effectuée" )%}
 {%  if cmd.dateordonancement|date("m/d/Y")=="now"|date("m/d/Y") %}
  {% set quanteffectuer2 = quanteffectuer2 + 1 %}
 {% endif %}
 
  {% endfor %}    {{quanteffectuer2}}</span>
                      </div>
                      <i class="fas fa-diagnoses card-icon col-green font-30 p-r-30"></i>
                    </div>
                    <canvas id="cardChart2" height="63" width="237" class="chartjs-render-monitor" style="display: block; width: 237px; height: 63px;"></canvas>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-6">
                <div class="card">
                  <div class="card-bg"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
                    <div class="p-t-20 d-flex justify-content-between">
                      <div class="col">
                        <h6 class="mb-0">Injoignable</h6>
                        <span class="font-weight-bold mb-0 font-20">{% set quanteffectuer3 = 0 %} 

   
 
 {% for cmd in cmd  if (cmd.statut.designation == "injoignable" )%}
 {%  if cmd.dateordonancement|date("m/d/Y")=="now"|date("m/d/Y") %}
  {% set quanteffectuer3 = quanteffectuer3 + 1 %}
 {% endif %}
 
  {% endfor %}    {{quanteffectuer3}}</span>
                      </div>
                      <i class="fas fa-chart-bar card-icon col-indigo font-30 p-r-30"></i>
                    </div>
                    <canvas id="cardChart3" height="63" width="237" class="chartjs-render-monitor" style="display: block; width: 237px; height: 63px;"></canvas>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-6">
                <div class="card">
                  <div class="card-bg"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
                    <div class="p-t-20 d-flex justify-content-between">
                      <div class="col">
                        <h6 class="mb-0">Commandes validées</h6>
                        <span class="font-weight-bold mb-0 font-20">{% set quanteffectuer4 = 0 %} 

   
 
 {% for cmd in cmd  if (cmd.statut.designation == "valider" )%}
 {%  if cmd.dateordonancement|date("m/d/Y")=="now"|date("m/d/Y") %}
  {% set quanteffectuer4 = quanteffectuer4 + 1 %}
 {% endif %}
 
  {% endfor %}    {{quanteffectuer4}}</span>
                      </div>
                      <i class="fas fa-hand-holding-usd card-icon col-cyan font-30 p-r-30"></i>
                    </div>
                    <canvas id="cardChart4" height="63" width="237" class="chartjs-render-monitor" style="display: block; width: 237px; height: 63px;"></canvas>
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                  <div class="card-icon l-bg-purple">
                    <i class="fas fa-cart-plus"></i>
                  </div>
                  <div class="card-wrap">
                    <div class="padding-20">
                      <div class="text-right">
                        <h3 class="font-light mb-0">
                          <i class="ti-arrow-up text-success"></i> {% set quanteffectuer5 = 0 %} 

   
 
 {% for cmd in cmd  if (cmd.statut.designation == "prêt pour livraison" )%}
 {%  if cmd.dateordonancement|date("m/d/Y")=="now"|date("m/d/Y") %}
  {% set quanteffectuer5 = quanteffectuer5 + 1 %}
 {% endif %}
 
  {% endfor %}    {{quanteffectuer5}}
                        </h3>
                        <span class="text-muted">Commandes Prêt pour livraison</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                  <div class="card-icon l-bg-green">
                    <i class="fas fa-hiking"></i>
                  </div>
                  <div class="card-wrap">
                    <div class="padding-20">
                      <div class="text-right">
                        <h3 class="font-light mb-0">
                          <i class="ti-arrow-up text-success"></i> {% set quanteffectuer6 = 0 %} 

   
 
 {% for cmd in cmd  if (cmd.statut.designation == "en Livraison" )%}
 {%  if cmd.dateordonancement|date("m/d/Y")=="now"|date("m/d/Y") %}
  {% set quanteffectuer6 = quanteffectuer6 + 1 %}
 {% endif %}
 
  {% endfor %}    {{quanteffectuer6}}
                        </h3>
                        <span class="text-muted">Commandes en livraison </span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                  <div class="card-icon l-bg-cyan">
                    <i class="fas fa-chart-line"></i>
                  </div>
                  <div class="card-wrap">
                    <div class="padding-20">
                      <div class="text-right">
                        <h3 class="font-light mb-0">
                          <i class="ti-arrow-up text-success"></i>   {% set quanteffectuer7 = 0 %} 

   
 
 {% for cmd in cmd  if (cmd.statut.designation == "rappellera" )%}
 {%  if cmd.dateordonancement|date("m/d/Y")=="now"|date("m/d/Y") %}
  {% set quanteffectuer7 = quanteffectuer7 + 1 %}
 {% endif %}
 
  {% endfor %}    {{quanteffectuer7}}
                        </h3>
                        <span class="text-muted">En attente de rappelle</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                  <div class="card-icon l-bg-orange">
                    <i class="fas fa-dollar-sign"></i>
                  </div>
                  <div class="card-wrap">
                    <div class="padding-20">
                      <div class="text-right">
                        <h3 class="font-light mb-0">
                          <i class="ti-arrow-up text-success"></i> {% set quanteffectuer8 = 0 %} 

   
 
 {% for cmd in cmd  if (cmd.statut.designation == "annuler" )%}
 {%  if cmd.dateordonancement|date("m/d/Y")=="now"|date("m/d/Y") %}
  {% set quanteffectuer8 = quanteffectuer8 + 1 %}
 {% endif %}
 
  {% endfor %}    {{quanteffectuer8}}
                        </h3>
                        <span class="text-muted">Commmandes annulées</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

 {% endif %}
 
 {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_SUPER_ADMIN')     %}

          <center> <h4 style="color:crimson;">STATISTIQUE GENERAL</h4>  </center> 










          <form  action="{{ path('home') }}" method="post"   >
       <div class="row ">
       <div   class="col-12 col-md-12 col-lg-12">
     <div class="card">
                  <div class="card-header">
                    <h4></h4>
                  </div>
                  <div class="card-body">
                    <div class="form-row">
        <input name="valide" value="ok" type="hidden"  class="form-control">     
<div class="form-group col-md-6">
<label for="inputEmail4">Date debut</label>
<input type="date" class="form-control"  name="datedebut">                    
  </div>
 <div class="form-group col-md-6">
  <label for="inputPassword4">Date fin </label>
<input type="date" class="form-control" name="datefin">                     
 </div>
</br><button type="submit" class="btn btn-success marginleft" id="btnEnvoyer"  >Soumettre <span class="glyphicon glyphicon-send"></span></button> 
                  
                    </div>
                   
                     
                  </div>
                   </form>
          <div class="row ">
          
            <div class="col-xl-3 col-lg-6">
              <div class="card l-bg-green-dark">
                <div class="card-statistic-3">
                  <div class="card-icon card-icon-large"><i class="fa fa-award"></i></div>
                  <div class="card-content">
                    <h4 class="card-title"> ({{commandes|length}}) Commandes</h4>
                    
                    <span> {{quanteffectuer1}} Commandes en attente </span>
                    <br>
                    <span> {{annuler}} Commandes annuler </span>
                     <br>
                    <span> {{enlivraison}} Commandes en livraison </span>
                     <br>
                    <span> {{enechec}} Commandes en échec </span>
                    
                    {# <div class="progress mt-1 mb-1" data-height="8" style="height: 8px;">
                      <div class="progress-bar l-bg-purple" role="progressbar" data-width="25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 25%;"></div>
                    </div>
                    <p class="mb-0 text-sm">
                      <span class="mr-2"><i class="fa fa-arrow-up"></i> 10%</span>
                      <span class="text-nowrap">Since last month</span>
                    </p> #}
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6">
              <div class="card l-bg-cyan-dark">
                <div class="card-statistic-3">
                  <div class="card-icon card-icon-large"><i class="fa fa-briefcase"></i></div>
                  <div class="card-content">
                    <h4 class="card-title">Utilisateurs de lapplication</h4>
                    <span>{{users|length}} (Agents et Admin)</span><br>
                     <span>{{fournisseurs|length}} (Livreurs)</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6">
              <div class="card l-bg-purple-dark">
                <div class="card-statistic-3">
                  <div class="card-icon card-icon-large"><i class="fa fa-globe"></i></div>
                  <div class="card-content">
                    <h4 class="card-title">Articles dans le systeme</h4>
                    <span style="color:#000000;font-style=bold;">{{produits|length}} articles</span>
                    
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6">
              <div class="card l-bg-orange-dark">
                <div class="card-statistic-3">
                  <div class="card-icon card-icon-large"><i class="fa fa-money-bill-alt"></i></div>
                  <div class="card-content">
                    <h4 class="card-title">Transaction financiere</h4>
                    <span>{{prixtotaleffectuer|number_format(0, ',', ' ')}} FCFA</span>
                    <br>
                    <span>  {{quanteffectuer}} Commandes effectuée </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
   {% endif %}


 
                </div>
       </div>   
       </div>
 


  
    </div>
{% endblock %}
{% block javascripts %} 
   {{parent()}}
 
 {% endblock %}