{% set s = section_data %}
<div class="result-section" id="rs-{{ tab }}-{{ s.index }}">
  <input type="hidden" name="query" value="{{ query_text }}">
  <input type="hidden" name="tab" value="{{ tab }}">
  <input type="hidden" name="section" value="{{ s.index }}">
  <input type="hidden" name="page_size" value="{{ s.page_size }}">
  <div class="result-toolbar d-flex align-items-center gap-2 px-2 py-1">
    <span class="text-secondary small" aria-live="polite">
      {% if s.explicit_paging %}
        {{ t("results.rows", n=s.rows|length) }}
      {% elif s.total is not none %}
        {{ t("results.rows_from_to_of", from=(s.page - 1) * s.page_size + 1, to=(s.page - 1) * s.page_size + s.rows|length, total=s.total) }}
      {% else %}
        {{ t("results.rows_from_to", from=(s.page - 1) * s.page_size + 1, to=(s.page - 1) * s.page_size + s.rows|length) }}
      {% endif %}
    </span>
    <span class="flex-grow-1"></span>
    {% if not s.explicit_paging %}
      <div class="btn-group btn-group-sm" role="group" aria-label="{{ t('results.paging') }}">
        <button type="button" class="btn btn-outline-secondary" {% if s.page <= 1 %}disabled{% endif %}
                hx-post="/api/query" hx-include="closest .result-section" hx-vals='{"page": {{ s.page - 1 }}}'
                hx-target="closest .result-section" hx-swap="outerHTML">
          <i class="ph ph-caret-left" aria-hidden="true"></i> {{ t("results.prev") }}
        </button>
        <span class="btn btn-outline-secondary disabled">{{ t("results.page", page=s.page) }}</span>
        <button type="button" class="btn btn-outline-secondary" {% if not s.has_next %}disabled{% endif %}
                hx-post="/api/query" hx-include="closest .result-section" hx-vals='{"page": {{ s.page + 1 }}}'
                hx-target="closest .result-section" hx-swap="outerHTML">
          {{ t("results.next") }} <i class="ph ph-caret-right" aria-hidden="true"></i>
        </button>
      </div>
    {% endif %}
  </div>
  {% if s.rows %}
    <div class="table-scroll">
      <table class="table table-sm table-hover result-table mb-0">
        <thead>
          <tr>
            <th class="col-icon"><span class="visually-hidden">{{ t("results.type") }}</span></th>
            <th class="col-actions"><span class="visually-hidden">{{ t("results.actions") }}</span></th>
            <th class="col-id" title="{{ t('results.object_id') }}">#</th>
            {% for column in s.columns %}<th>{{ column.caption }}</th>{% endfor %}
          </tr>
        </thead>
        <tbody>
          {% for row in s.rows %}
            <tr>
              <td class="col-icon">
                {% if s.icon_id %}
                  <img class="type-icon" src="/api/icons/{{ s.icon_id }}" alt="" title="{{ s.type_display }}">
                {% else %}
                  <i class="ph {{ s.icon }}" aria-hidden="true" title="{{ s.type_display }}"></i>
                {% endif %}
              </td>
              <td class="col-actions">
                <button type="button" class="btn btn-sm btn-link p-0 row-details"
                        data-object-id="{{ row.object_id }}" data-type-id="{{ row.type_id }}"
                        aria-label="{{ t('results.details') }}" title="{{ t('results.details') }}">
                  <i class="ph ph-info" aria-hidden="true"></i>
                </button>
                <button type="button" class="btn btn-sm btn-link p-0 row-edit"
                        data-object-id="{{ row.object_id }}" data-type-id="{{ row.type_id }}"
                        {% if not row.can_edit %}disabled{% endif %}
                        aria-label="{{ t('results.edit') }}"
                        title="{{ t('results.edit') if row.can_edit else t('results.no_permission') }}">
                  <i class="ph ph-pencil-simple" aria-hidden="true"></i>
                </button>
                <button type="button" class="btn btn-sm btn-link p-0 row-history"
                        data-object-id="{{ row.object_id }}" data-type-id="{{ row.type_id }}"
                        data-name="{{ s.type_display }} #{{ row.object_id }}"
                        aria-label="{{ t('details.history') }}" title="{{ t('details.history') }}">
                  <i class="ph ph-clock-counter-clockwise" aria-hidden="true"></i>
                </button>
                {% if row.previewable %}
                  <button type="button" class="btn btn-sm btn-link p-0 row-preview"
                          data-object-id="{{ row.object_id }}" data-type-id="{{ row.type_id }}"
                          data-ext="{{ row.file_ext }}" data-name="{{ s.type_display }} #{{ row.object_id }}"
                          aria-label="{{ t('details.preview') }}" title="{{ t('details.preview') }}">
                    <i class="ph ph-eye" aria-hidden="true"></i>
                  </button>
                {% endif %}
                {% if row.has_file %}
                  <a class="btn btn-sm btn-link p-0" href="/api/documents/{{ row.object_id }}/file?type_id={{ row.type_id }}"
                     download aria-label="{{ t('results.download') }}" title="{{ t('results.download') }}{% if row.file_ext %} (.{{ row.file_ext }}){% endif %}">
                    <i class="ph ph-download-simple" aria-hidden="true"></i>
                  </a>
                {% endif %}
              </td>
              <td class="col-id">{{ row.object_id }}</td>
              {% for column in s.columns %}
                {% if column.data_type == "TABLE" %}
                  <td>
                    <button type="button" class="btn btn-sm btn-link p-0 row-table"
                            data-object-id="{{ row.object_id }}" data-type-id="{{ row.type_id }}"
                            data-field="{{ column.internal }}"
                            data-name="{{ s.type_display }} #{{ row.object_id }} &middot; {{ column.caption }}"
                            aria-label="{{ column.caption }}" title="{{ column.caption }}">
                      <i class="ph ph-table" aria-hidden="true"></i>
                    </button>
                  </td>
                {% else %}
                  <td>{{ row.values[loop.index0] }}</td>
                {% endif %}
              {% endfor %}
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% else %}
    <div class="result-empty text-center text-secondary py-5">
      <i class="ph ph-magnifying-glass fs-1 d-block mb-2" aria-hidden="true"></i>
      {{ t("results.empty") }}
    </div>
  {% endif %}
</div>