{% load helpers %}
{% load i18n %}

<div class="row mb-3" id="results">
  <div class="col-auto d-print-none">
    <div class="input-group input-group-flat me-2 quicksearch" hx-disinherit="hx-select hx-swap">
      <input type="search" results="5" name="q" id="quicksearch" class="form-control" placeholder="{% trans "Quick search" %}"
          hx-get="{{ request.full_path }}" hx-target="#object_list" hx-trigger="keyup changed delay:500ms, search"/>
      <span class="input-group-text py-1">
        <a href="#" id="quicksearch_clear" class="invisible text-secondary"><i class="mdi mdi-close-circle"></i></a>
      </span>
      {% block extra_table_controls %}{% endblock %}
    </div>
  </div>

  {% if filter_form %}
    <div class="col-auto d-print-none">
      <div class="input-group">
        <div class="input-group-text">
          <i class="mdi mdi-filter" title="{% trans "Saved filter" %}"></i>
        </div>
        {{ filter_form.filter_id }}
      </div>
    </div>
  {% endif %}

  <div class="col-auto ms-auto d-print-none">
    {% if request.user.is_authenticated and table_modal %}
      <div class="table-configure input-group">
        <button type="button" data-bs-toggle="modal" title="{% trans "Configure Table" %}"
                data-bs-target="#{{ table_modal }}"
                class="btn">
          <i class="mdi mdi-cog"></i> {% trans "Configure Table" %}
        </button>
      </div>
    {% endif %}
  </div>
</div>