{% extends "layout.html.twig" %}

{% block content %}
	<div class="container_perso" id="container_local" style='margin-top: 20px; '>
		<div class='row' style="margin-bottom: 0; ">
			<div class="input-field col-4" style="margin-left: auto; ">
				<select id="bo_veh_select">
					<option value='toutes' selected>Toutes</option>
					{% for bo in bos %}
						<option value='{{ bo.id }}'>{{ bo.nom }}</option>
					{% endfor %}
				</select>
				<label>BO</label>
			</div>
	    <div class="input-field col-4" style="display: none; ">
				<select id="element_veh_select">
					<option value='tous' selected>Tous</option>
					<option value='individu'>Agents</option>
					<option value='local'>Locaux</option>
					<option value='vehicule'>Véhicules</option>
				</select>
				<label>ÉLÉMENT</label>
			</div>
	    <div class="input-field col-4">

	    </div>
	  </div>
		<div>
			 <div class='row' style="width: 70%; margin-left: 15%; margin-bottom: 5%; margin-top: 2%; ">
		    <canvas class="graph" id="chart_report_veh" style="min-height: 250px; "></canvas>
		  </div>
			 <div class='row' style="width: 70%; margin-left: 15%; ">
		    <canvas class="graph" id="chart_report_veh_bool" style="min-height: 250px; "></canvas>
		  </div>
		</div>
		<div>
			{% include "reporting/modal_reporting_flotte.html.twig" %}
		</div>

	</div>
{% endblock %}