{% extends "base.html" %}
{% from "_event.html" import event_row with context %}
{#- One day of the calendar (#44): a real page, and the body of the dialog /calendar opens
    (calendar.js fetches this URL and lifts #daysheet-body — so it works with no script, and
    the page and the dialog cannot drift apart).

    🔴 Every row is _event.html's event_row, the Log's own — so a hidden lock's rules (their
    words on a change to your running hidden lock, masked; a hidden base, never printed) hold
    here for free, and are tested here because a new surface is where they leak. -#}
{% block title %}{{ sheet.label }} · {{ app_name }}{% endblock %}
{% block body %}
<div id="daysheet-body" class="daysheet">
<h1>📅 {{ sheet.label }}{% if sheet.today %} <small class="hint">today</small>{% endif %}</h1>
<div class="cal-head">
  <a class="btn" href="/calendar/day/{{ sheet.prev }}" data-day="{{ sheet.prev }}">← {{ sheet.prev_label }}</a>
  <a class="btn" href="/calendar?m={{ sheet.month }}">📅 {{ sheet.month_label }}</a>
  {% if sheet.next %}<a class="btn" href="/calendar/day/{{ sheet.next }}" data-day="{{ sheet.next }}">{{ sheet.next_label }} →</a>
  {% else %}<span class="btn disabled" aria-disabled="true">{{ sheet.next_label }} →</span>{% endif %}
</div>

{% for g in sheet.groups %}{% set a = g.activity %}
<section class="card day-act" id="act-{{ a.slug }}" style="--c:{{ a.color }}">
  <h3><i class="pip{{ ' late' if g.late }}" aria-hidden="true"></i> {{ a.icon }} {{ a.title }}
    <small class="hint">{{ g.events|length }}×{% if g.late %} · ↶ logged later{% endif %}</small></h3>
  <ul class="events">{% for e in g.events %}{{ event_row(e, now, href=e.href, clock=true) }}{% endfor %}</ul>
</section>
{% else %}
<section class="card"><p class="hint">
  {%- if sheet.future %}That day hasn't happened yet.{% else %}Nothing on the calendar that day.{% endif %}</p></section>
{% endfor %}

{% if sheet.n_log %}
<p class="row"><a href="/timeline?start={{ sheet.date }}&end={{ sheet.date }}">All {{ sheet.n_log }} event{{ 's' if sheet.n_log != 1 }} in the Log that day →</a></p>
{% endif %}
</div>
{% endblock %}