{% extends "base.html" %}
{% block title %}{{ cal.title }} · {{ dev.name }} — Puntavia{% endblock %}

{% block head %}
<style>
/* Раскрытый календарь: клетки выше, в них помещается и время, и число блоков. */
.cal-d{aspect-ratio:1/.62}
.cal-d .v{font-size:12.5px}
</style>
{% endblock %}

{% block crumb %}{% with tab = 'overview' %}{% include "_device_head.html" %}{% endwith %}{% endblock %}

{% block content %}

<div class="pagehead">
  <div>
    <h1>{{ cal.title }}</h1>
    <p class="sub">{{ tr('Месяц целиком: цвет клетки — сколько отработано относительно лучшего дня. Клик открывает день.') }}</p>
  </div>
  <div class="side">
    <span class="pill"><span class="k">{{ tr('за месяц') }}</span><span class="v">{{ cal.total_human }}</span></span>
    <span class="pill"><span class="k">{{ tr('дней с работой') }}</span><span class="v">{{ cal.days_worked }}</span></span>
    <span class="pill"><span class="k">{{ tr('в среднем') }}</span><span class="v">{{ cal.avg_human }}</span></span>
  </div>
</div>

{% with full = True %}{% include "_calendar.html" %}{% endwith %}
{% endblock %}