<div class="np-filter" id="filter-dropdown-{{ givenId }}">
  <div class="dropdown carrot-button-container">
    <button
      class="np-button dropdown-button carrot-button-secondary"
      data-toggle-class="is-open"
      data-toggle-escape
      data-toggle-outside
      data-toggle-target-next
      type="button">
      <span class="lang-en">Filter by:</span>
      <span class="lang-es">Filtrar por:</span>
      <span class="filter-value-label">
        <span class="lang-en">All</span>
        <span class="lang-es">Todos</span>
      </span>
    </button>

    <div class="dropdown-menu" data-test="modal">
      {%
        include "filter_category_select"
      %}

      <button
        class="np-button dropdown-button-apply"
        data-toggle-trigger-off
        onclick="updateFilter('{{ givenId }}')">
        <span class="lang-en">
          {% t shared.filters.apply %}
        </span>
        <span class="lang-es">
          Aplicar
        </span>
      </button>
    </div>
  </div>
</div>