{# @author: Benjamin AMOUZOU <benkokouamouzou@gmail.com> #}
{% extends "commercial/template-commercial.html.twig" %}

{% block contenu_principal_commercial %}
	<div class="container-fluid">
		<div class="row justify-content-center">
			<a class="col-lg-3 mx-1 pb-3 mt-2 pt-1 dashboard-view" href="#" style="text-decoration:none">
				<i class="fa fa-lg fa-check-circle-o dashboard-title"></i>
				<span class="dashboard-title">Fournisseurs formels</span><br/>
				<span class="dashboard-number">{{fournisseurs|length}}</span>
			</a>
			<a class="col-lg-3 mx-1 pb-3 mt-2 pt-1 dashboard-view" href="#" style="text-decoration:none">
				<i class="fa fa-lg fa-dot-circle-o dashboard-title"></i>
				<span class="dashboard-title">Prospects</span><br/>
				<span class="dashboard-number">{{prospects|length}}</span>
			</a>
			<a class="col-lg-3 mx-1 pb-3 mt-2 pt-1 dashboard-view" href="#" style="text-decoration:none">
				<i class="fa fa-lg fa-ravelry dashboard-title"></i>
				<span class="dashboard-title">Contrats</span><br/>
				<span class="dashboard-number">0</span>
			</a>
			
		</div>
		<div class="row justify-content-center">
			<a class="col-lg-3 mx-1 pb-3 mt-2 pt-1 dashboard-view" href="#" style="text-decoration:none">
				<i class="fa fa-lg fa-superpowers dashboard-title"></i>
				<span class="dashboard-title">Clients</span><br/>
				<span class="dashboard-number">0</span>
			</a>
			<a class="col-lg-3 mx-1 pb-3 mt-2 pt-1 dashboard-view" href="#" style="text-decoration:none">
				<i class="fa fa-lg fa-check-circle-o dashboard-title"></i>
				<span class="dashboard-title">Fournisseurs informels</span><br/>
				<span class="dashboard-number">{{nbreFournisseurInformels}}</span>
			</a>
			<a class="col-lg-3 mx-1 pb-3 mt-2 pt-1 dashboard-view" href="#" style="text-decoration:none">
				<i class="dashboard-title"></i>
				<span class="dashboard-title"></span><br/>
				<span class="dashboard-number"></span> 
			</a>
			{#<a class="col-lg mx-1 pb-3 mt-2 pt-1 dashboard-view">
				 <i class="fa fa-lg fa-check-circle-o dashboard-title"></i>
				<span class="dashboard-title">Fournisseurs informels</span><br/>
				<span class="dashboard-number">0</span> 
			</div>#}
			{#<a class="col-lg mx-1 pb-3 mt-2 pt-1 dashboard-view">
				 <i class="fa fa-lg fa-check-circle-o dashboard-title"></i>
				<span class="dashboard-title">Fournisseurs informels</span><br/>
				<span class="dashboard-number">0</span> 
			</a>#}
		</div>
	</div>
{% endblock %}