{% extends "base.html" %}
{% import "_icons.html" as ico %}
{% block title %}Kalendarz{% endblock %}
{% block view %}
<div style="display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap">
  <h1 style="margin:0">{{ month_name|capitalize }} {{ year }}</h1>
  <div class="calnav">
    <a class="btn sec" href="/calendar?y={{ prev_y }}&m={{ prev_m }}">←</a>
    <a class="btn sec" href="/calendar?y={{ cur_y }}&m={{ cur_m }}">dziś</a>
    <a class="btn sec" href="/calendar?y={{ next_y }}&m={{ next_m }}">→</a>
  </div>
</div>
<p class="sub">Wszystkie wizyty i nagrania po dacie ({{ total }} zdarzeń w kartotece).
Kliknij dzień, aby zobaczyć szczegóły.</p>

<div class="cal">
  <div class="cal-head">
    {% for d in ['pon','wt','śr','czw','pt','sob','ndz'] %}<div>{{ d }}</div>{% endfor %}
  </div>
  {% for wk in grid %}
  <div class="cal-week">
    {% for c in wk %}
    <a class="cal-day {{ 'out' if not c.in_month }} {{ 'today' if c.today }} {{ 'sel' if c.iso == day }}"
       href="/calendar?y={{ year }}&m={{ month }}&day={{ c.iso }}">
      <span class="cal-num">{{ c.day }}</span>
      {% for e in c.events[:4] %}
        <span class="cal-ev {{ 'ev-nagr' if e.kind=='nagranie' else 'ev-sesja' }}"
              title="{{ e.name }} · {{ e.kind }}"></span>
      {% endfor %}
      {% if c.events|length > 4 %}<span class="cal-more">+{{ c.events|length - 4 }}</span>{% endif %}
    </a>
    {% endfor %}
  </div>
  {% endfor %}
</div>

{% if day %}
<div class="sgroup" style="padding-left:0;margin-top:22px"><span>{{ day }}</span></div>
{% if sel_events %}
  {% for e in sel_events %}
  <div class="qrow" style="grid-template-columns:44px 1fr auto auto">
    {{ ico.avatar(e.icon, 32) }}
    <span>{{ e.name }} <span class="qid">{{ e.client }}</span></span>
    <span class="tag {{ 'verbatim' if e.kind=='nagranie' else ('zatw' if e.prov=='ZATWIERDZONE' else 'szkic') }}">{{ e.kind|upper }}</span>
    <a href="/clients?sel={{ e.client }}">otwórz kartę →</a>
  </div>
  {% endfor %}
{% else %}
  <p class="empty">Brak zdarzeń tego dnia.</p>
{% endif %}
{% endif %}
{% endblock %}