<div class="fenetre-recherche">
  <div>
    <span><a class="supprimer-filtres chat-card-button">Tout</a></span>
    <span><a class="recherche-filtres chat-card-button">Appliquer les filtres</a></span>
    <span><a class="tirage-filtres chat-card-button">Tirage aléatoire</a></span>
    <span class="liste-filtres-actifs"></span>
  </div>
  <hr>
  <div class="recherche">
    <div class="filtres">
      <div class="titre-fenetre-recherche">
        <h3>Filtres</h3>
      </div>
      {{#each filterGroups as |group|}}
      <div class="filter-group" data-group="{{group.group}}" >
        <h4><a class="filter-group-toggle" >{{group.label}}
          <span class="item-controls">
          <i class="filter-group-show fa-solid fa-chevrons-down"></i>
          <i class="filter-group-hide fa-solid fa-chevrons-up"></i>
          </span>
        </a>
        </h4>
        <div class="flexcol group-filters">
          {{#each group.filters as |filter|}}
          <div class="flexrow">
            <input type="checkbox" class="activate-filter" name="{{filter.group}}-{{filter.code}}" 
              data-group="{{filter.group}}" data-code="{{filter.code}}"/>
            <label for="{{filter.group}}-{{filter.code}}">{{filter.label}}</label>
          </div>
          {{/each}}
        </div>
      </div>
      {{/each}}
      <div class="flex-grow"></div>
    </div>
    <div class="vl"></div>
    <div class="resultats">
      <div class="titre-fenetre-recherche">
      <h3>Résultat de recherche</h3>
      </div>
      <div class="liste-resultats">

      </div>
    </div>
  </div>

  {{!--
   --}}
</form>