{# Табло смены — главная по направлению, выбранному владельцем 07.09 после
   критики Impeccable: одна строка на человека во всю ширину, состояние
   словом, начало, конец, работа, перерывы, ход дня и неделя у правого края.
   Строки растут с экраном (--bd-h), на 27" четыре человека занимают лист,
   на телефоне это компактный список из состояния, имени, работы и недели.

   Это настоящая таблица: подписи колонок связаны с ячейками, состояние —
   слово, а не только цвет точки; скринридер читает то же, что и глаз.
   Тихий день — те же строки: «молчит 3 дн. → Что делать», «на паузе → Снять
   паузу», «не начинал». Прошлый день — без колонки состояния. Парк — строки
   по группам с заголовком группы. Легенда цветов — только когда в дне больше
   одной категории (при выключенном ИИ все отрезки одного цвета). #}
{% set b = card.data %}
<div class="card plain board{{ ' lean' if b.lean }}" id="board" data-mode="{{ b.mode }}"
     style="--rows:{{ [b.n_rows_total, 1]|max }}">
  <div class="bd-head">
    <div class="bd-say">
      <h2 class="bd-t">{{ tr(b.title_key).format(**b.title_params) }}</h2>
      {# часы дня живут в строке «Итого» (одно число в одном месте); здесь —
         дата и с какого часа идёт день #}
      <p class="bd-s">{{ b.date }}{% if b.today_view and b.n_work %} · {{ tr('день идёт с {t}').format(t=b.since) }}{% elif b.n_started %} · {{ tr('с {a} до {b}').format(a=b.since, b=b.until) }}{% elif b.today_view %} · <b>{{ b.time }}</b>{% if b.yesterday_human %} · {{ tr('вчера') }} <a href="/?tlday={{ b.yesterday }}"><b>{{ b.yesterday_human }}</b></a>{% endif %}{% endif %}</p>
    </div>
    {# листание дней — стрелки и дата; окна оси живут на странице дня #}
    <span class="daynav bd-nav">
      <a href="/?tlday={{ b.prev }}" aria-label="{{ tr('днём раньше') }}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.5 6.5 9 12l5.5 5.5"/></svg></a>
      {% if b.next %}<a href="/?tlday={{ b.next if b.next != b.max_day else '' }}" aria-label="{{ tr('днём позже') }}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.5 6.5 15 12l-5.5 5.5"/></svg></a>
      {% else %}<span class="stub"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.5 6.5 15 12l-5.5 5.5"/></svg></span>{% endif %}
      <input class="hours-date" type="date" value="{{ b.day }}" max="{{ b.max_day }}"
             aria-label="{{ tr('Перейти к дате') }}" onchange="location='/?tlday='+this.value">
    </span>
  </div>
  {% if b.rows %}
  <table class="bd">
    <thead>
      <tr>
        {% if b.today_view %}<th scope="col" class="st">{{ tr('Состояние') }}</th>{% endif %}
        <th scope="col" class="nm">{{ tr('Сотрудник') }}</th>
        {% if not b.lean %}
        <th scope="col" class="num se">{{ tr('Начало') }}</th>
        <th scope="col" class="num se">{{ tr('Конец') }}</th>
        <th scope="col" class="num wk0">{{ tr('Работа') }}</th>
        <th scope="col" class="num brk">{{ tr('Перерывы') }}</th>
        <th scope="col" class="trk"><span class="vh">{{ tr('Ход дня') }}</span><span class="ax" aria-hidden="true">{% for t in b.ticks %}<i style="left:{{ t.pos }}%"></i><span style="left:{{ t.pos }}%">{{ t.label }}</span>{% endfor %}</span></th>
        {% endif %}
        <th scope="col" class="wk">{{ tr('Неделя') }}</th>
      </tr>
    </thead>
    {% for grp in (b.groups if b.groups else [{'rows': b.rows}]) %}
    <tbody>
      {% if b.groups %}
      {# заголовок группы — теми же колонками, без colspan: объединённая
         ячейка через скрытые на телефоне колонки ломала фиксированную сетку #}
      <tr class="grp-row">
        <td class="st">{% if grp.work_n %}<span class="stw" data-st="work">{{ tr('{n} в работе').format(n=grp.work_n) }}</span>{% endif %}</td>
        <th scope="rowgroup" class="nm">{{ grp.name or tr('Без группы') }} <em>· {{ grp.n }}</em>{% if grp.work_n %}<span class="stm"><span class="stw" data-st="work">{{ tr('{n} в работе').format(n=grp.work_n) }}</span></span>{% endif %}</th>
        {% if not b.lean %}
        <td class="num se"></td><td class="num se"></td>
        <td class="num wk0">{{ grp.work_human if grp.work_sec }}</td>
        <td class="num brk"></td>
        <td class="trk"></td>
        {% endif %}
        <td class="wk"><span class="num">{{ grp.week_human if grp.week_sec }}</span></td>
      </tr>
      {% endif %}
      {% for r in grp.rows %}
      <tr data-mstate="{{ r.mstate }}">
        {% if b.today_view %}
        <td class="st"><span class="stw" data-st="{{ r.skind }}"><i class="jst" data-st="{{ r.mstate }}" aria-hidden="true"></i>{{ tr(r.skey).format(**r.sparams) }}</span>{% if r.action %} <a class="act" href="/d/{{ r.id }}">{{ tr(r.action) }}</a>{% endif %}</td>
        {% endif %}
        <td class="nm"><a href="/d/{{ r.id }}/day/{{ r.day }}">{{ r.name }}</a>{% if r.machines > 1 %} <em>{{ tr('{n} машины').format(n=r.machines) }}</em>{% elif not r.assigned %} <em>{{ tr('машина') }}</em>{% endif %}
          {# на телефоне колонки состояния нет — слово состояния и дверь
             встают под именем, чтобы строка осталась строкой #}
          {% if b.today_view %}<span class="stm"><span class="stw" data-st="{{ r.skind }}">{{ tr(r.skey).format(**r.sparams) }}</span>{% if r.action %} · <a href="/d/{{ r.id }}">{{ tr(r.action) }}</a>{% endif %}</span>{% endif %}</td>
        {% if not b.lean %}
        <td class="num se">{{ r.first if r.first_ts }}</td>
        <td class="num se">{{ r.last if r.last_ts }}</td>
        <td class="num wk0"><b>{{ r.work_human if r.work_sec }}</b></td>
        <td class="num brk">{{ r.break_human if r.break_sec }}</td>
        <td class="trk">
          {% if r.sec %}
          <span class="tl-track{{ ' today' if r.now }}" aria-hidden="true"
                {% if r.now %}style="--now:{{ r.now_pos }}%"{% endif %}>
            {% for s in r.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 %}
            {% if r.now %}<i class="tl-now" style="left:{{ r.now_pos }}%"></i>{% endif %}
          </span>
          {% endif %}
        </td>
        {% endif %}
        {# ритм недели: семь столбиков в общем масштабе и итог — то, что было
           в плитках машин первой версии; в день без работы строка живая #}
        <td class="wk"><span class="spark" aria-hidden="true">{% for s in r.spark %}<i class="{{ 'on' if s.h }} {{ 'today' if s.today }}" style="--h:{{ s.h }}%" title="{{ s.tip }}"></i>{% endfor %}</span><span class="num">{{ r.week_human if r.week_sec }}</span></td>
      </tr>
      {% endfor %}
    </tbody>
    {% endfor %}
    <tfoot>
      <tr>
        {% if b.today_view %}<td class="st"></td>{% endif %}
        <th scope="row" class="nm">{{ tr('Итого') }} <em>· {{ tr('{n} чел.').format(n=b.people) }}</em></th>
        {% if not b.lean %}
        <td class="num se"></td><td class="num se"></td>
        <td class="num wk0"><b>{{ b.work_human if b.n_started }}</b></td>
        <td class="num brk">{{ b.break_human if b.break_human != '—' }}</td>
        <td class="trk">{% if b.multi_cat %}{% with legend_note = (tr('штриховка — работа идёт прямо сейчас') if b.is_today) %}{% include "_legend.html" %}{% endwith %}</td>{% else %}</td>{% endif %}
        {% endif %}
        <td class="wk"><span class="num"><b>{{ b.week_human if b.week_human != '—' }}</b></span></td>
      </tr>
    </tfoot>
  </table>
  {% endif %}
  {% if b.unassigned %}
  <p class="dnote">{{ tr('Строки без сотрудника — это машины, которые ещё никому не закреплены.') }}
    <a href="/team">{{ tr('Закрепить →') }}</a></p>
  {% endif %}
  {% if b.ai_off and can_settings %}
  <p class="dnote">{{ tr('ИИ-разбор выключен — саммари собираются по названиям приложений') }} · <a href="/settings">{{ tr('включить в настройках →') }}</a></p>
  {% endif %}
</div>