{% extends 'generic/object_children.html' %}
{% load helpers %}
{% load i18n %}
{% block table_controls %}
    <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.path }}"
                       hx-target="#object_list"
                       hx-trigger="keyup changed delay:500ms, search"
                       hx-include="#activeOnly">
                <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>
            </div>
        </div>
        <div class="col-auto d-flex align-items-center d-print-none">
            <div class="form-check">
                <input class="form-check-input"
                       type="checkbox"
                       name="active_only"
                       value="true"
                       id="activeOnly"
                       {% if active_only %}checked{% endif %}
                       hx-get="{{ request.path }}"
                       hx-target="#object_list"
                       hx-trigger="change"
                       hx-include="#quicksearch">
                <label class="form-check-label" for="activeOnly">{% trans "Show only active services" %}</label>
            </div>
        </div>
        <div class="col-auto ms-auto d-print-none">
            {% if request.user.is_authenticated and table_config %}
                <div class="table-configure btn-group">
                    <button type="button"
                            data-bs-toggle="modal"
                            title="{% trans 'Configure Table' %}"
                            data-bs-target="#{{ table_config }}"
                            class="btn">
                        <i class="mdi mdi-cog"></i> {% trans "Configure Table" %}
                    </button>
                    {% if table.config_params or table_configs %}
                        <button type="button"
                                class="btn dropdown-toggle dropdown-toggle-split"
                                data-bs-toggle="dropdown"
                                aria-expanded="false">
                            <span class="visually-hidden">{% trans "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.config_params and table_configs %}<hr class="dropdown-divider">{% endif %}
                            {% if table_configs %}
                                {% for config in table_configs %}
                                    <a class="dropdown-item" href="?tableconfig_id={{ config.pk }}">{{ config }}</a>
                                {% endfor %}
                            {% endif %}
                        </div>
                    {% endif %}
                </div>
            {% endif %}
        </div>
    </div>
{% endblock table_controls %}