{# Месяц машины — компактный heatmap: клетка — день, ступень заливки (0–4) —
   сколько отработано относительно лучшего дня месяца. Клик открывает день.
   Цифры в клетках не пишем — они в подсказке; глазу нужен рисунок месяца. #}
<div class="card">
  <div class="card-h wsum">{{ cal.title }}
    <span class="cnt">{{ cal.total_human }} · {{ tr('дней с работой {n}').format(n=cal.days_worked) }}
      · {{ tr('в среднем {t}').format(t=cal.avg_human) }}</span>
    <span class="cal-nav">
      <a href="?month={{ cal.prev }}" aria-label="{{ tr('предыдущий месяц') }}">←</a>
      {% if cal.next %}<a href="?month={{ cal.next }}" aria-label="{{ tr('следующий месяц') }}">→</a>
      {% else %}<span>→</span>{% endif %}
      {% if not full %}
      <a class="zoom" href="/d/{{ dev.id }}/calendar?month={{ cal.month }}"
         title="{{ tr('Раскрыть: месяц во всю страницу') }}">⤢</a>
      {% endif %}
    </span>
  </div>
  {# Две колонки: heatmap отвечает «в какие дни», полосы недель — «какая
     неделя чего стоила». Раньше правая половина карточки просто пустовала. #}
  <div class="cal-cols">
  <div>
  <div class="cal {{ 'wide' if full }}">
    {% for name in (tr('пн'),tr('вт'),tr('ср'),tr('чт'),tr('пт'),tr('сб'),tr('вс')) %}
    <div class="cal-h">{{ name }}</div>
    {% endfor %}
    {% for week in cal.weeks %}
      {% for d in week %}
        {% if not d %}
        <div class="cal-d blank"></div>
        {% elif d.total %}
        <a class="cal-d {{ 'today' if d.today }}" data-lvl="{{ d.lvl }}"
           href="/d/{{ dev.id }}/day/{{ d.day }}" title="{{ d.day }} · {{ d.human }}">
          <span class="n">{{ d.num }}</span>
        </a>
        {% else %}
        <div class="cal-d {{ 'weekend' if d.weekend }} {{ 'today' if d.today }} {{ 'fut' if d.future }}"
             {% if not d.future %}title="{{ d.day }}"{% endif %}>
          <span class="n">{{ d.num }}</span>
        </div>
        {% endif %}
      {% endfor %}
    {% endfor %}
  </div>
  <div class="cal-scale" aria-hidden="true">{{ tr('меньше') }}
    <i data-lvl="1"></i><i data-lvl="2"></i><i data-lvl="3"></i><i data-lvl="4"></i>
    {{ tr('больше') }}
    <span class="cal-scale-note">{{ tr('относительно лучшего дня месяца') }}</span>
  </div>
  </div>
  <div class="cal-side">
    <div class="cal-side-h">{{ tr('По неделям') }}</div>
    <div class="bars" style="--b-lab:64px;--b-sum:88px;--b-gap:10px;--b-pad:6px 0;--b-h:10px">
      {% for w in cal.week_rows %}
      <div class="b">
        <span class="b-lab">{{ w.label }}</span>
        <span class="b-track"><i style="width:{{ w.share }}%"></i></span>
        <span class="b-sum">{{ w.human }}</span>
      </div>
      {% endfor %}
    </div>
    {% if cal.best_day %}
    <p class="hint cal-best">{{ tr('лучший день — {d} · {t}').format(d=cal.best_day.label, t=cal.best_day.human) }}
      <a href="/d/{{ dev.id }}/day/{{ cal.best_day.day }}">→</a></p>
    {% endif %}
  </div>
  </div>
</div>