{% extends "base.html" %}
{% from "_event.html" import event_row with context %}
{% block title %}Log · {{ app_name }}{% endblock %}
{% block body %}
<h1>Log <small class="hint">{{ total }} events</small></h1>
<div class="chips">
  <a class="chip {{ '' if module else 'on' }}" href="/timeline">all</a>
  {% for m in modules %}<a class="chip {{ 'on' if m == module else '' }}" href="/timeline?module={{ m }}">{{ m }}</a>{% endfor %}
</div>
<section class="card">
  {% if events %}<ul class="events">{% for e in events %}{{ event_row(e, now) }}{% endfor %}</ul>
  {% else %}<p class="hint">Nothing here yet.</p>{% endif %}
  {% if pages > 1 %}<div class="pager">
    {% if page > 1 %}<a href="/timeline?module={{ module }}&page={{ page - 1 }}">← newer</a>{% endif %}
    <span>page {{ page }} / {{ pages }}</span>
    {% if page < pages %}<a href="/timeline?module={{ module }}&page={{ page + 1 }}">older →</a>{% endif %}
  </div>{% endif %}
</section>
{% endblock %}