{% 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 btn-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>
        <button type="button" class="btn dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
          <span class="visually-hidden">Toggle Dropdown</span>
        </button>
        <div class="dropdown-menu">
          {% if table.config_params %}
            <a class="dropdown-item" href="{% url 'extras:tableconfig_add' %}?{{ table.config_params }}&return_url={{ request.path }}" id="table_save_link">Save</a>
          {% endif %}
          {% if table_configs %}
            <hr class="dropdown-divider">
            {% for config in table_configs %}
              <a class="dropdown-item" href="?tableconfig_id={{ config.pk }}">{{ config }}</a>
            {% endfor %}
          {% endif %}
        </div>
      </div>
    {% endif %}
  </div>
</div>

