{# Тело «Динамики»: сводные плитки + лента по дням. #}
<div class="card stats" style="margin-top:16px">
  <div class="s"><div class="k">{{ r.total_human }}</div><div class="n">{{ tr('Всего') }}</div></div>
  <div class="s"><div class="k">{{ r.avg_human }}</div><div class="n">{{ tr('В среднем в день') }}</div></div>
  <div class="s"><div class="k">{{ r.break_human }}</div><div class="n">{{ tr('Перерывы') }}</div></div>
  <div class="s"><div class="k">{{ r.focus }}%</div><div class="n">{{ tr('Плотность') }}</div></div>
  <div class="s"><div class="k">{{ r.days_worked }}</div><div class="n">{{ tr('Дней с активностью') }}</div></div>
</div>

<div class="card" style="margin-top:14px">
  <div class="card-h">{{ tr('Когда шла работа') }}</div>
  <div class="tl-ruler">
    <span></span>
    <div class="ax">
      {% for h in range(0, 25, 2) %}
      <i style="left:{{ (h/24*100)|round(3) }}%"></i>
      <span style="left:{{ (h/24*100)|round(3) }}%">{{ '%02d'|format(h if h < 24 else 0) }}</span>
      {% endfor %}
    </div>
  </div>
  <div class="tl-rows">
    {% for row in r.rows_packed %}
    {% if row.gap %}
    <div class="gap-days">{{ tr('{n} дн. без активности').format(n=row.n) }}
      <span>{{ row.d1 }}{% if row.n > 1 %} – {{ row.d2 }}{% endif %}</span></div>
    {% else %}
    <a class="tl-row {{ 'today' if row.is_today }} {{ 'has' if row.total }}"
       href="/d/{{ dev.id }}/day/{{ row.day }}">
      <span class="tl-lab">{{ row.short }} <em>{{ row.weekday }}</em></span>
      <span class="tl-track" aria-hidden="true">
        {% for s in row.segments %}
        <i class="tl-seg {{ 'live' if s.live }}" data-cat="{{ s.cat }}"
           style="left:{{ s.left }}%;width:{{ s.width }}%" title="{{ s.tip }}"></i>
        {% endfor %}
      </span>
      <span class="tl-sum">{{ row.human }}</span>
    </a>
    {% endif %}
    {% endfor %}
  </div>
  {% with legend_note = tr('клик по строке — открыть день') %}
    {% include "_legend.html" %}
  {% endwith %}
</div>

{# Столбики «сколько» — рядом с лентой «когда»: объёмы дней сравнивать
   удобнее по одинаково выровненным полосам, а не по разбросанным отрезкам. #}
<div class="card" style="margin-top:14px">
  <div class="card-h wsum">{{ tr('Сколько за день') }}
    <span class="cnt">{{ tr('в примечании — перерывы за день') }}</span>
  </div>
  <div class="bars plus" style="--b-lab:92px;--b-sum:84px;--b-gap:12px;--b-pad:7px 8px;--b-h:10px;--b-note:74px">
    {% for row in r.rows_packed %}
    {% if row.gap %}
    <div class="gap-days">{{ tr('{n} дн. без активности').format(n=row.n) }}
      <span>{{ row.d1 }}{% if row.n > 1 %} – {{ row.d2 }}{% endif %}</span></div>
    {% else %}
    <a class="b {{ 'today' if row.is_today }}" href="/d/{{ dev.id }}/day/{{ row.day }}">
      <span class="b-lab">{{ row.short }} <em>{{ row.weekday }}</em></span>
      <span class="b-track"><i style="width:{{ row.bar }}%"></i></span>
      <span class="b-sum">{{ row.human }}</span>
      <span class="b-note">{{ row.break_human if row.total else '' }}</span>
    </a>
    {% endif %}
    {% endfor %}
  </div>
  <div class="totals">
    <span><em>{{ tr('итого') }}</em> {{ tr('работа') }} <b>{{ r.work_human }}</b></span>
    <span>{{ tr('из них активность') }} <b>{{ r.total_human }}</b> · {{ tr('плотность') }} <b>{{ r.focus }}%</b></span>
    <span>{{ tr('перерывы') }} <b>{{ r.break_human }}</b></span>
    <span>{{ tr('в среднем перерывов в день') }} <b>{{ r.break_avg_human }}</b></span>
  </div>
</div>