{% extends "base.html" %}
{% from "_event.html" import event_row with context %}
{% block title %}{{ chapter.title if chapter else 'Log' }} · {{ app_name }}{% endblock %}
{#- The Log, optionally narrowed to a window (M9 #53): a saved chapter, or a start/end range.
    Every link keeps the window (`win_q`), so the module chips, the pager and the export links
    all mean "this window". Grouped by LOCAL day, newest first. -#}
{% set wq = ('&' ~ win_q) if win_q else '' %}
{% block body %}
<h1>{% if chapter %}📖 {{ chapter.title }}{% else %}Log{% endif %}
  <small class="hint">{{ total }} event{{ 's' if total != 1 }}{% if sl %} · {{ sl.lo|local('%b %-d, %Y') }} → {{ (sl.hi - 1)|local('%b %-d, %Y') }}{% if chapter and chapter.hi is none %} <i>(open — runs to now)</i>{% endif %}{% endif %}</small></h1>

<details class="card range"{% if sl %} open{% endif %}>
  <summary><b>🗓 Range</b> <span class="hint">{% if sl %}{{ 'chapter' if chapter else 'custom range' }} — <a href="/timeline">clear</a>{% else %}all time — pick a chapter or a range{% endif %}</span></summary>
  <div class="chips">
    {% for p in presets %}<a class="chip" href="/timeline?start={{ p.start }}{% if p.end %}&end={{ p.end }}{% endif %}&kind={{ p.scope_kind }}&ref={{ p.scope_ref|urlencode }}">{{ p.chip }}</a>{% endfor %}
  </div>
  {% if saved %}<div class="chips">
    {% for c in saved %}<a class="chip {{ 'on' if chapter and chapter.id == c.id else '' }}" href="/timeline?chapter={{ c.id }}">📖 {{ c.title }}</a>{% endfor %}
  </div>{% endif %}
  <form method="get" action="/timeline" class="row">
    <label>from <input type="date" name="start" value="{{ start }}"></label>
    <label>to <input type="date" name="end" value="{{ end }}"></label>
    {% if module %}<input type="hidden" name="module" value="{{ module }}">{% endif %}
    <button class="btn">Show</button>
  </form>
</details>

{% if sl %}
<section class="card">
  {% if not chapter %}
  <form method="post" action="/chapters" class="row">
    <input type="hidden" name="_t" value="{{ form_token('chapters.save') }}">
    {#- a preset chip browses as whole days but saves its EXACT window (kind + ref → resolve()) -#}
    {% if preset %}<input type="hidden" name="kind" value="{{ preset.scope_kind }}"><input type="hidden" name="ref" value="{{ preset.scope_ref }}">
    {% else %}<input type="hidden" name="kind" value="range">
    <input type="hidden" name="start" value="{{ start }}"><input type="hidden" name="end" value="{{ end }}">{% endif %}
    <label>📖 Save as a chapter <input name="title" maxlength="120" placeholder="{{ preset.title if preset else ((start or 'the start') ~ ' to ' ~ (end or 'now')) }}"></label>
    <button class="btn primary">Save</button>
  </form>
  {% else %}
  <p class="row"><a class="btn primary" href="/chapters/{{ chapter.id }}">📖 Read it as a story</a> <a href="/chapters">All chapters →</a></p>
  {% endif %}
  <p class="row">
    <a class="btn" href="/export/bundle.zip?{{ win_q }}" download>⬇ this window (zip, with photos)</a>
    <a class="btn" href="/export/bundle.zip?media=0&{{ win_q }}" download>⬇ data only</a>
    <a href="/export/daily.csv?{{ win_q }}" download>daily.csv</a> ·
    <a href="/export/entries.csv?{{ win_q }}" download>entries.csv</a> ·
    <a href="/export/events.csv?{{ win_q }}" download>events.csv</a> ·
    <a href="/export/latch.json?{{ win_q }}" download>slice.json</a>
  </p>
  <p class="hint">🔴 Unencrypted, with every reflection in the window in full — the copy you keep, not the copy you share. A slice is not a backup: restore only from the full export.</p>
</section>
{% endif %}

<div class="chips">
  <a class="chip {{ '' if module else 'on' }}" href="/timeline?{{ win_q }}">all</a>
  {% for m in modules %}<a class="chip {{ 'on' if m == module else '' }}" href="/timeline?module={{ m }}{{ wq }}">{{ m }}</a>{% endfor %}
</div>
<section class="card">
  {% if days %}
  {% for d in days %}
  <h4 class="logday">{{ d.ts|local('%A %b %-d, %Y') }} <small class="hint">{{ d.events|length }}</small></h4>
  <ul class="events">{% for e in d.events %}{{ event_row(e, now) }}{% endfor %}</ul>
  {% endfor %}
  {% else %}<p class="hint">{{ 'Nothing in this window.' if sl else 'Nothing here yet.' }}</p>{% endif %}
  {% if pages > 1 %}<div class="pager">
    {% if page > 1 %}<a href="/timeline?module={{ module }}&page={{ page - 1 }}{{ wq }}">← newer</a>{% endif %}
    <span>page {{ page }} / {{ pages }}</span>
    {% if page < pages %}<a href="/timeline?module={{ module }}&page={{ page + 1 }}{{ wq }}">older →</a>{% endif %}
  </div>{% endif %}
</section>
{% endblock %}