{% 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-3">
        <select id="bo_select_histo" data-field_to_filter="fsdum" data-field_to_switch="fsdum">
					<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="agent_select_histo" data-field_to_filter="nni" data-field_to_switch="nom_prenom" data-id_of_filter_before="bo_select_histo">
					<option value=''>TOUS</option>
	        {% for agent in agents|sort %}
	          <option value='{{ agent.nni }}'>{{ agent.nom_prenom }}</option>
	        {% endfor %}
	      </select>
	      <label>AGENTS</label>
	    </div>
			<div class='col-6'>
			  <p style="">
			    <label>
			      <input class="check_check" id="view_check_histo" type="checkbox" checked="checked" />
			      <span>Cochés</span>
			    </label>
			  </p>
			  <p style="">
			    <label>
			      <input class="check_check" id="view_no_check_histo" type="checkbox" checked="checked" />
			      <span>Non Cochés</span>
			    </label>
			  </p>
			</div>
	  </div>
		 <div class='row'>
	    <div class='col-12'>
	  		{% include "app/table_histo.html.twig" %}
	  	</div>
	  </div>
	</div>
{% endblock %}