{% set currentPath =
  path(
    app.request.attributes.get('_route'),
    app.request.attributes.get('_route_params')
  )
%}

{% if (currentPath == path('dossier_all')) or (currentPath == path('dossier_planning')) %}
<datalist id="ca_dossier">
  {% for ca in dataLists.codeAction %}
      <option value="{{ ca }}" ></option>
  {% endfor %}
</datalist>
{% endif %}

{% if (currentPath == path('dossier_all')) or (currentPath == path('dossier_financier')) %}
  <datalist id="compte">
    {% for e in dataLists.compte %}
      <option>
        {{ e }}
      </option>
    {% endfor %}
  </datalist>
{% endif %}

{% if currentPath == path('dossier_all') %}
  <datalist id="zone_dossier">
    {% for zone in dataLists.zone %}
        <option value="{{ zone }}" ></option>
    {% endfor %}
  </datalist>
  <datalist id="tpform">
    {% for e in dataLists.tpform %}
      <option>
        {{ e }}
      </option>
    {% endfor %}
  </datalist>
{% endif %}

<div class="filters-group">
  <div class="filters-group_title">
    <div>
      Filtrer
    </div>
    {% if currentPath == path('dossier_all') %}
      <a href="{{ path('dossier_all') }}"><i class="far fa-redo"></i></a>
    {% endif %}
    {% if currentPath == path('dossier_planning') %}
      <a href="{{ path('dossier_planning') }}"><i class="far fa-redo"></i></a>
    {% endif %}
    {% if currentPath == path('dossier_financier') %}
      <a href="{{ path('dossier_financier') }}"><i class="far fa-redo"></i></a>
    {% endif %}
  </div>
  <div class="filters-group_search">
    {{ form_start(search) }}
    {{ form_end(search) }}
  </div>
</div>

<script>
  let filter_inputs = document.querySelectorAll("input[type=text]");
  filter_inputs.forEach(el => { 
    el.addEventListener('click', mouse_event =>{
        mouse_event.target.select() 
    });
    el.addEventListener('change', (evt) => {
          $(evt.target).val($(evt.target).val().trim().replace('/', ""));
        });
  })
</script>