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

{% block content %}
  <div>
    {% include "reporting/modal_reporting.html.twig" %}
  </div>
	<div class="container_perso" id="container_local" style='margin-top: 20px; '>
    <div class='row'>
	    <div class="input-field col-3" style="margin-left: 27%; ">
        <select id="bo_reporting_select">
					<option value=''>TOUTES</option>
	        {% for bo in bos|sort %}
	          <option value='{{ bo.nom }}'>{{ bo.nom }}</option>
	        {% endfor %}
	      </select>
	      <label>BOS</label>
	    </div>
	    <div class="input-field col-3">
        <select id="poste_reporting_select">
					<option value=''>TOUS</option>
	        {% for poste in postes|sort %}
	          <option value='{{ poste.designation }}'>{{ poste.designation }}</option>
	        {% endfor %}
	      </select>
	      <label>POSTES</label>
	    </div>
	  </div>
		 <div class='row' style="">
	  	<canvas id="chart_reporting" width="1200px" style="margin: auto; "></canvas>
	  </div>
	</div>
{% endblock %}