{% extends 'admin/layout.html.twig' %}

{% block content %}
	<div class="page-title">
		<span class="font-weight-bold">Bonjour,
			{{app.user.username}},</span>
		<span class="d-block text-muted">“L'obstination est le chemin de la réussite.”</span>
	</div>
	<div class="page-section">

		<div class="row row-infos row-cols-3">
			<div class="col box border">
				<a href="{{path('admin_view_clients')}}">
					<h2 class="box-label">
						{% if client_count > 1 %}
							Clients
						{% else %}
							Client
						{% endif %}
					</h2>
					<p class="box-value h3">
						<i class="fas fa-users"></i>
						<span class="value">{{client_count}}</span>
					</p>
				</a>
			</div>
			<div class="col box border">
				<a href="{{path('admin_view_distributeurs')}}">
					<h2 class="box-label">
						{% if distrib_count > 1 %}
							Distributeurs
						{% else %}
							Distributeur
						{% endif %}
					</h2>

					<p class="box-value h3">

						<i class="fas fa-truck-loading"></i>
						<span class="value">{{distrib_count}}</span>
					</p>
				</a>
			</div>

			<div class="col box border">
				<h2 class="box-label">Demande</h2>
				<p class="box-value h3">
					<i class="fas fa-info-circle"></i>
					<span class="value">0</span>
				</p>
			</div>

			<div class="col-sm box border">
				<a href="{{path('admin_view_newsletter')}}">
					<h2 class="box-label">
						{% if mail_count > 1 %}
							E-mails enregistrés
						{% else %}
							E-mail enregistré
						{% endif %}
					</h2>

					<p class="box-value h3">

						<i class="fas fa-newspaper"></i>
						<span class="value">{{mail_count}}</span>
					</p>
				</a>
			</div>

		</div>
	</div>
	<h2>
		Dashboard Genedate
	</h2>
	<div class="row row-dashboard">
		<div class="col box border">
			<h2>
				Echec 
			</h2>
			<div class="box-value h3">
				<span class="value">
					<i class="fas fa-exclamation-triangle text-danger"></i> 0 
				</span>
			</div>
		</div>
		<div class="col box border">
			<h2>
				En cours 
			</h2>
			<div class="box-value h3">
				<span class="value">
					<i class="fas fa-info"></i> 0 
				</span>
			</div>
		</div>
	</div>
</div>{% endblock %}