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

{% block content %}

<div class="row center" id="menu_item_container" style="padding: 6%; ">
  <div class="form-group col-3" style="margin: auto; ">
    <label for="sdum_intervention">SDUM</label>
    <select class="form-control" id="sdum_intervention">
      <option value="">Toutes</option>
      {% for sdum in sdums|sort %}
        <option value="{{ sdum.nom }}">{{ sdum.nom }}</option>
      {% endfor %}
    </select>
  </div>
  <div class="form-group col-3" style="margin: auto; ">
    <label for="bo_intervention">Base Opérationnelle</label>
    <select class="form-control" id="bo_intervention">
      <option value="9">Toutes</option>
      {% for bo in bos|sort %}
        <option value="{{ bo.bo_id }}" sdum="{{ bo.sdum }}">{{ bo.bo_nom }}</option>
      {% endfor %}
    </select>
  </div>
  <div class="form-group col-3" style="margin: auto; ">
    <label for="year_intervention">Année</label>
    <select class="form-control" id="year_intervention">
      <option value="" selected>Toutes</option>
    </select>
  </div>
</div>
<div class='row'>
  <a style="margin-left: 35px; " id="graph_toggle" class="waves-effect waves-light btn">Afficher/Masquer les graphiques</a>
</div>
<div id='div_graph'></div>

<div id="modal_div">
  {% include "app/modal_click_intervention.html.twig" %}
</div>

{% endblock %}