{% extends "base.html" %}

{% block title %}tiny-analytics - logs{% endblock %}

{% block body %}
<div class="container wide">
  <nav>
    <h1>📊 tiny-analytics / logs</h1>
    <div class="links">
      <a href="/">dashboard</a>
      <a href="/logout">log out</a>
    </div>
  </nav>

  <div class="filters">
    <a href="/logs?filter=all" {% if filter == "all" %}class="active"{% endif %}>all</a>
    <a href="/logs?filter=humans" {% if filter == "humans" %}class="active"{% endif %}>humans</a>
    <a href="/logs?filter=bots" {% if filter == "bots" %}class="active"{% endif %}>bots</a>
  </div>

  <p class="meta">Showing {{ offset + 1 }}–{{ [offset + limit, total] | min }} of {{ "{:,}".format(total) }} total hits</p>

  <table>
    <thead>
      <tr>
        <th>Timestamp</th>
        <th>URL</th>
        <th>Referrer</th>
        <th>Country</th>
        <th>Device</th>
        <th>Duration</th>
        <th>Type</th>
      </tr>
    </thead>
    <tbody>
      {% if rows %}
        {% for row in rows %}
        <tr>
          <td>{{ row.ts_short }}</td>
          <td title="{{ row.url }}">{{ row.url_short }}</td>
          <td>{{ row.ref_short }}</td>
          <td>{{ row.country }}</td>
          <td>{{ row.device }}</td>
          <td>{{ row.duration }}</td>
          <td>
            {% if row.is_bot %}
            <span class="badge bot">bot</span>
            {% else %}
            <span class="badge human">human</span>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      {% else %}
        <tr><td colspan="7">No hits found</td></tr>
      {% endif %}
    </tbody>
  </table>

  <div class="pagination">
    {% if offset > 0 %}
    <a href="/logs?offset={{ prev_offset }}&filter={{ filter }}">← Previous</a>
    {% endif %}
    {% if offset + limit < total %}
    <a href="/logs?offset={{ next_offset }}&filter={{ filter }}">Next →</a>
    {% endif %}
  </div>
</div>
{% endblock %}