{**
 * Override MÉRIDIAN du template des filtres ACTIFS (renderActiveFilters).
 *
 * Le bouton « Effacer tout » (#_desktop_search_filters_clear_all) est rendu ICI,
 * À L'INTÉRIEUR de #js-active-search-filters, pour qu'il apparaisse sur la MÊME
 * rangée que les chips des filtres actifs (cf. maquette). Il a donc été retiré
 * de facets.tpl (où il s'affichait dans la barre de facettes, sur une autre ligne).
 *
 * Important : le JS cœur du listing fait `replaceWith` sur #js-active-search-filters
 * à chaque re-rendu AJAX. Le bouton étant DANS la section, il est ré-injecté
 * correctement avec les chips à chaque mise à jour des filtres.
 *
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 *}
<section id="js-active-search-filters" class="{if $activeFilters|count}active_filters{else}hide{/if}">
  {block name='active_filters_title'}
    <p class="h6 {if $activeFilters|count}active-filter-title{else}hidden-xs-up{/if}">{l s='Active filters' d='Shop.Theme.Global'}</p>
  {/block}

  {if $activeFilters|count}
    <ul>
      {foreach from=$activeFilters item="filter"}
        {block name='active_filters_item'}
          <li class="filter-block">
            {l s='%1$s:' d='Shop.Theme.Catalog' sprintf=[$filter.facetLabel]}
            {$filter.label}
            <a class="js-search-link" href="{$filter.nextEncodedFacetsURL}">
              <svg xmlns="http://www.w3.org/2000/svg" class="close" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>
            </a>
          </li>
        {/block}
      {/foreach}
    </ul>

    {block name='active_filters_clearall_button'}
      <div id="_desktop_search_filters_clear_all" class="clear-all-wrapper">
        <button data-search-url="{$clear_all_link}" class="btn btn-tertiary js-search-filters-clear-all">
          <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>
          {l s='Clear all' d='Shop.Theme.Actions'}
        </button>
      </div>
    {/block}
  {/if}
</section>
