{% load argus_htmx %}
<div id="table-refresh-info">
  <dl class="stats stats-horizontal leading-none overflow-x-auto font-medium bg-base-100">
    <div class="stat py-2">
      <dt class="stat-title text-inherit/80">Total, all time</dt>
      <dd class="stat-value text-base font-medium">
        {{ refresh_info.count }}
      </dd>
    </div>
    <div class="stat py-2">
      <dt class="stat-title text-inherit/80">After filtering</dt>
      <dd class="stat-value text-base font-medium">
        {{ refresh_info.filtered_count }}
      </dd>
    </div>
    <div class="stat py-2">
      <dt class="stat-title text-inherit/80">Per page</dt>
      <dd class="stat-value text-base font-medium">
        {{ refresh_info_forms.page_size.page_size }}
      </dd>
    </div>
    <div class="stat py-2">
      <dt class="stat-title text-inherit/80">Last refreshed</dt>
      <dd class="stat-value text-base font-medium">
        {{ refresh_info.last_refreshed|date:preferences.argus_htmx.datetime_format|default:"?" }}
      </dd>
    </div>
    <div class="stat py-2">
      <dt class="stat-title text-inherit/80">Updating every</dt>
      <dd class="stat-value text-base font-medium">
        <select class="select select-xs bg-transparent text-base border-none -ml-2"
                name="update_interval"
                hx-post="{% url 'htmx:update-preferences' namespace='argus_htmx' %}"
                hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
                hx-indicator="#incident-list .htmx-indicator"
                autocomplete="off">
          {% for interval, interval_name in preferences_choices.argus_htmx.update_interval %}
            <option class="bg-neutral"
                    value="{{ interval|default:'never' }}"
                    {% if interval == preferences.argus_htmx.update_interval %}selected{% endif %}>
              {{ interval_name }}
            </option>
          {% endfor %}
        </select>
      </dd>
    </div>
    <div class="stat py-2">
      <dt class="stat-title text-inherit/80">Timeframe</dt>
      <dd class="stat-value text-base font-medium">
        {{ refresh_info_forms.timeframe.timeframe }}
      </dd>
    </div>
  </dl>
</div>