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

{% block titre %}Statistiques des personnes
{% endblock %}

{% block body %}


	<div class="row">
		<div class="col-xl-3 col-md-6">
			<div class="card bg-primary text-white mb-4">
				<div class="card-body">Moyenne d'age des personnes entre {{min}} ans et {{max}} ans</div>
				<div class="card-footer d-flex align-items-center justify-content-between">
					{{ stats[0].ageMoy|number_format(2, '.', ',') }} ans
					<div class="small text-white">
						<svg class="svg-inline--fa fa-angle-right" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 512" data-fa-i2svg="">
							<path fill="currentColor" d="M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"></path>
						</svg><!-- <i class="fas fa-angle-right"></i> Font Awesome fontawesome.com --></div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-md-6">
			<div class="card bg-success text-white mb-4">
				<div class="card-body">Nombre des personnes entre {{min}} ans et {{max}} ans</div>
				<div class="card-footer d-flex align-items-center justify-content-between">
					{{ stats[0].nbrePersonnes|number_format(0, '.', ',') }} personnes
					<div class="small text-white">
						<svg class="svg-inline--fa fa-angle-right" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 512" data-fa-i2svg="">
							<path fill="currentColor" d="M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"></path>
						</svg><!-- <i class="fas fa-angle-right"></i> Font Awesome fontawesome.com --></div>
				</div>
			</div>
		</div>
		
		
	</div>


{% endblock %}