{% if view.filter_pills and filter_dict %}
  <div class="d-flex flex-wrap gap-2 mt-2">
    {% for key, value in filter_dict.items %}
      <span class="filter-pill badge rounded-pill border text-primary bg-light d-inline-flex align-items-center mr-1 px-2 py-1">
        {{ key|capfirst }}
        <button type="button" class="tbx-pill-remove" aria-label="Remove {{ key }} filter"
                id="{{ table.prefix }}~remove~{{ key }}" hx-get="{{ url }}" hx-include="#{{ table.prefix }}filter_form">
          &times;
        </button>
      </span>
    {% endfor %}
  </div>
{% endif %}