{% extends 'generic/object_list.html' %}
{% load buttons %}
{% load helpers %}
{% load plugins %}
{% load render_table from django_tables2 %}
{% load static %}
{% load i18n %}

{% block tabs %}
  <ul class="nav nav-tabs" role="tablist">
    <li class="nav-item" role="presentation">
      <a class="nav-link active"
         id="object-list-tab"
         href="{{ request.path }}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}"
         data-bs-toggle="tab"
         data-bs-target="#object-list"
         type="button"
         role="tab"
         aria-controls="object-list"
         aria-selected="true">
        {% trans "Results" %}
        <span class="badge text-bg-secondary total-object-count">{% if table.page.paginator.count %}{{ table.page.paginator.count }}{% else %}{{ total_count|default:"0" }}{% endif %}</span>
      </a>
    </li>
    {% if filter_form %}
      <li class="nav-item" role="presentation">
        <button class="nav-link"
                id="filters-form-tab"
                data-bs-toggle="tab"
                data-bs-target="#filters-form"
                type="button"
                role="tab"
                aria-controls="filters-form"
                aria-selected="false">
          {% trans "Filters" %}
          {% if filter_form %}{% badge filter_form.changed_data|length bg_color="primary" %}{% endif %}
        </button>
      </li>
    {% endif %}
  </ul>
{% endblock tabs %}

{% block content %}

    <div class="tab-pane show active"
         id="object-list"
         role="tabpanel"
         aria-labelledby="object-list-tab">

      {% if filter_form %}
        {% applied_filters model filter_form request.GET %}
      {% endif %}

      {% include 'inc/table_controls_htmx.html' with table_modal="ObjectTable_config" %}

      <form method="post" class="form form-horizontal">
        {% csrf_token %}
        {% if table.paginator.num_pages > 1 %}
          <div id="select-all-box" class="d-none card d-print-none">
            <div class="form col-md-12">
              <div class="card-body d-flex justify-content-between">
                <div class="form-check">
                  <input type="checkbox" id="select-all" name="_all" class="form-check-input" />
                  <label for="select-all" class="form-check-label">
                    {% blocktrans trimmed with count=table.page.paginator.count object_type_plural=table.data.verbose_name_plural %}
                      Select <strong>all <span class="total-object-count">{{ count }}</span> {{ object_type_plural }}</strong> matching query
                    {% endblocktrans %}
                  </label>
                </div>
                <div class="btn-list bulk-action-buttons">
                  {% action_buttons actions model multi=True %}
                </div>
              </div>
            </div>
          </div>
        {% endif %}

        <div class="form form-horizontal">
          <input type="hidden" id="object-list-return-url" name="return_url" value="{% if return_url %}{{ return_url }}{% else %}{{ request.path }}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}{% endif %}" />

          {% if prerequisite_model %}
            {% include 'inc/missing_prerequisites.html' %}
          {% endif %}

          <div class="card">
            <div class="htmx-container table-responsive" id="object_list">
              {% include 'htmx/table.html' %}
            </div>
          </div>

          <div class="card btn-list sticky-actions d-print-none" data-sticky-position="right" data-sticky-when="selection">
            {% block bulk_buttons %}
              <div class="btn-list bulk-action-buttons">
                {% action_buttons actions model multi=True %}
              </div>
            {% endblock %}
          </div>

        </div>
      </form>
    </div>

    {% if filter_form %}
      <div class="tab-pane" id="filters-form" role="tabpanel" aria-labelledby="filters-form-tab">
        {% include 'inc/filter_list.html' %}
      </div>
    {% endif %}

{% endblock content %}