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

{% if table %}
  <script src="{% static 'js/column-shifter.js' %}"></script>
  <div style="display: none" id="jsonData" data-json="{{ data }}">
  </div>

  <div class="has-text-grey-light nowrap-parent">
    <div class="nowrap-child block">
      <span class="icon" data-tooltip="{{ card }} hits total">
        <i class="fa-solid fa-chart-mixed"></i>
      </span>
    </div>
    <div class="nowrap-child">
      <p>{{ table.data|length }} hits in {{ took }}ms</p>
    </div>
    {% if exemption is not None %}
      <div class="nowrap-child">
        <span class="icon" data-tooltip="God mode">
          <i class="fa-solid fa-book-bible"></i>
        </span>
      </div>
    {% else %}
      {% if redacted != 0 %}
        <div class="nowrap-child">
          <span class="icon" data-tooltip="{{ redacted }} redacted">
            <i class="fa-solid fa-mask"></i>
          </span>
        </div>
      {% endif %}
    {% endif %}
    {% if delay is not None %}
      <div class="nowrap-child">
        <span class="icon" data-tooltip="delayed by {{ delay }} days">
          <i class="fa-solid fa-clock"></i>
        </span>
      </div>
    {% endif %}
    {% if randomised is True %}
      <div class="nowrap-child">
        <span class="icon" data-tooltip="integer fields randomised">
          <i class="fa-solid fa-shuffle"></i>
        </span>
      </div>
    {% endif %}
  </div>
  {% if params.index != 'int' and params.index != 'meta' %}
    <div>
      <div style="height: 30rem" id="sentiment-container" {% if params.show_sentiment is None %} class="is-hidden" {% endif %}>
        <canvas id="sentiment-chart"></canvas>
      </div>
      <script src="{% static 'chart.js' %}"></script>
    </div>
  {% endif %}
  {% include 'ui/drilldown/table_results_partial.html' %}
{% endif %}