{% load static %}
{% load index %}
{% load joinsep %}
{% include 'partials/notify.html' %}

{% if table %}
  <script src="{% static 'js/column-shifter.js' %}"></script>
  <div class="panel">
    <p class="panel-heading" style="padding: .2em; line-height: .5em;">
      <i
        class="fa-solid fa-arrows-up-down-left-right has-text-grey-light ui-move"></i>

      <span class="icon has-tooltip-bottom" data-tooltip="{{ card }} hits total">
        <i class="fa-solid fa-chart-mixed"></i>
      </span>

      {{ table.data|length }} hits in {{ took }}ms
      {% if exemption is not None %}
        <span class="icon has-tooltip-bottom" data-tooltip="God mode">
          <i class="fa-solid fa-book-bible"></i>
        </span>
      {% else %}
        {% if redacted != 0 %}
          <span class="icon has-tooltip-bottom" data-tooltip="{{ redacted }} redacted">
            <i class="fa-solid fa-mask"></i>
          </span>
        {% endif %}
      {% endif %}
      {% if delay is not None %}
        <span class="icon has-tooltip-bottom" data-tooltip="delayed by {{ delay }} days">
          <i class="fa-solid fa-clock"></i>
        </span>
      {% endif %}
      {% if randomised is True %}
        <span class="icon has-tooltip-bottom" data-tooltip="integer fields randomised">
          <i class="fa-solid fa-shuffle"></i>
        </span>
      {% endif %}
    </p>
    <div class="panel-block is-active">
      <div class="control">
        {% include 'ui/drilldown/table_results_partial.html' %}
      </div>
    </div>
  </div>
{% endif %}