{% extends "base.html" %}
{% from "_filters.html" import filter_bar with context %}
{% block title %}Detail{% endblock %}
{% block body %}

<div class="card">
  {{ filter_bar(detailed=True, all_sites=all_sites, platforms_by_group=platforms_by_group,
                site=site, platform=platform, url_query=url_query) }}
  {% if days|length > 2 and not site %}
    <div class="note" style="margin:14px 0 0;">
      A wide date range with no site filter has to read every shard for those days
      &mdash; the first load can take a while. It is cached afterwards, so paging is
      fast. Picking a site makes it instant.
    </div>
  {% endif %}
</div>

<div class="card">
  <h2>
    {{ total|commafy }} hit{{ '' if total == 1 else 's' }}
    {%- if days %} across {{ days|length }} day{{ '' if days|length == 1 else 's' }}{% endif %}
    {%- if not include_search %} &middot; AI only{% endif %}
  </h2>

  {% if by_group %}
    <div class="grid" style="grid-template-rows:1fr; max-width:640px; margin-bottom:16px;">
      {% for g in all_groups %}{% if by_group.get(g) %}
        <div class="mini {{ g }}">
          <div class="n">{{ by_group[g]|commafy }}</div>
          <div class="l">{{ group_labels[g] }}
            <i class="info" data-tip="{{ group_info[g] }}">i</i>
          </div>
        </div>
      {% endif %}{% endfor %}
    </div>
  {% endif %}

  {% if not rows %}
    <div class="empty">No hits match these filters.</div>
  {% else %}
  <table>
    <thead><tr>
      <th>Date / time (UTC)</th><th>Site</th><th>AI platform</th>
      <th>Category</th><th>URL</th><th class="num">Status</th>
    </tr></thead>
    <tbody>
      {% for r in rows %}
      <tr>
        <td style="white-space:nowrap; font-variant-numeric:tabular-nums;">{{ r[0]|prettytime }}</td>
        <td>{{ r[1] }}</td>
        <td>
          <span class="rowline">{{ r[2] }}
            <i class="info" data-tip="{{ r[2] }} &mdash; {{ bot_info(r[2]) }}">i</i>
          </span>
        </td>
        <td><span class="tag {{ r[3] }}">{{ group_labels[r[3]] }}</span></td>
        <td class="url">
          <a href="{{ url_for('trend', **keep(q=r[4])) }}" style="color:inherit; text-decoration:none;"
             title="See this URL's trend over time">{{ r[4] }}</a>
        </td>
        <td class="num {{ 'muted' if r[5] == 200 }}">{{ r[5] }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

  <div class="pager">
    {% if page > 1 %}
      <a href="{{ url_for('detail', **keep(page=1)) }}">&laquo; First</a>
      <a href="{{ url_for('detail', **keep(page=page-1)) }}">&lsaquo; Prev</a>
    {% endif %}
    <span class="cur">Page {{ page|commafy }} of {{ pages|commafy }}</span>
    {% if page < pages %}
      <a href="{{ url_for('detail', **keep(page=page+1)) }}">Next &rsaquo;</a>
      <a href="{{ url_for('detail', **keep(page=pages)) }}">Last &raquo;</a>
    {% endif %}
  </div>
  <p class="muted" style="text-align:center; font-size:11px; margin:8px 0 0;">
    Showing {{ rows|length }} of {{ total|commafy }} &middot;
    {{ cache.shards }} shards cached ({{ cache.events|commafy }} events)
  </p>
  {% endif %}
</div>
{% endblock %}