{# Заголовок-ответ — направление «Один вопрос» (владелец, 06.09): экран отвечает
   одной фразой, а не рядом счётчиков. «Работают 3 из 4 · сегодня 21 ч 3 мин ·
   перерывы 8 ч 15 мин», ниже дата и с какого часа идёт день. N и M — строки
   ведомости под заголовком (люди и незакреплённые машины), поэтому заголовок
   с ней сходится. Когда сейчас никто не работает, а день был, — «Сегодня
   работали N из M, с A до B»: ноль в заголовке читается как ошибка.

   Тихий день — другой ответ: «Сегодня ещё никто не начал», причины с дверями
   (молчащие машины → страница машины, паузы → снять), сколько машин на связи
   и ждут, вчера одной строкой. Ни дорожек, ни нулей, ни «недели»: это и был
   экран, который «не нравится» (четыре машины, три молчат, сегодня 0).

   Solo (машина и есть человек): «Сегодня 6 ч 12 мин · идёт работа с 09:12».
   Числа — основным шрифтом с табличными цифрами: моно в одиночку разрежена,
   а её перечёркнутый ноль читается как ошибка (правило 4 чистки). #}
{% set h = card.data %}
<div class="hl" id="headline" data-mode="{{ h.mode }}">
{% if h.quiet %}
  <h2 class="hl-t">{{ tr('Сегодня ещё никто не начал') }}</h2>
  <p class="hl-s">{{ h.date }} · <span class="num">{{ h.time }}</span></p>
  {% if h.silent or h.paused %}
  <p class="hl-why">{% if h.silent %}{{ tr('Машины не выходят на связь — пока это не починить, учёта по ним не будет.') }}{% else %}{{ tr('Сбор стоит на паузе — пока её не снять, учёта не будет.') }}{% endif %}</p>
  <ul class="hl-list">
    {% for m in h.silent %}
    <li><i class="jst" data-st="off" aria-hidden="true"></i><span class="nm">{{ m.name }}</span>
      <span class="why">{{ tr(m.key).format(**m.params) }}</span>
      <a href="/d/{{ m.id }}">{{ tr('Что делать →') }}</a></li>
    {% endfor %}
    {% for m in h.paused %}
    <li><i class="jst" data-st="pause" aria-hidden="true"></i><span class="nm">{{ m.name }}</span>
      <span class="why">{% if m.params %}{{ tr(m.key).format(**m.params) }}{% else %}{{ tr('сбор на паузе') }}{% endif %}</span>
      <a href="/d/{{ m.id }}">{{ tr('Снять паузу →') }}</a></li>
    {% endfor %}
  </ul>
  {% endif %}
  {% if h.waiting|length == 1 %}
  <p class="hl-note">{{ tr('На связи и ждёт работы: {name}. Как только за ней начнут — строка появится здесь сама.').format(name=h.waiting_names) }}</p>
  {% elif h.waiting_names %}
  <p class="hl-note">{{ tr('На связи и ждут работы: {names}. Как только за ними начнут — строки появятся здесь сами.').format(names=h.waiting_names) }}</p>
  {% elif h.waiting %}
  <p class="hl-note">{{ tr('На связи и ждут работы: {n} маш. Как только за ними начнут — строки появятся здесь сами.').format(n=h.waiting|length) }}</p>
  {% endif %}
  {% if h.yesterday_human %}
  <p class="hl-note">{{ tr('Вчера') }} — <b class="num">{{ h.yesterday_human }}</b> · <a href="/?tlday={{ h.yesterday }}">{{ tr('посмотреть →') }}</a></p>
  {% endif %}
{% elif h.mode == 'solo' %}
  <div class="hl-row">
    <h2 class="hl-t">{{ tr('Сегодня') }} <b>{{ h.work_human }}</b></h2>
    <span class="hl-a">{% if h.n_work %}{{ tr('идёт работа с {t}').format(t=h.since) }}{% else %}{{ tr('с {a} до {b}').format(a=h.since, b=h.until) }}{% endif %}</span>
  </div>
  <p class="hl-s">{{ h.date }}{% if h.break_human != '—' %} · {{ tr('перерывы') }} <b class="num">{{ h.break_human }}</b>{% endif %}</p>
{% else %}
  <div class="hl-row">
    <h2 class="hl-t">{% if h.n_work %}{{ tr('Работают {a} из {b}').format(a=h.n_work, b=h.n_rows) }}{% else %}{{ tr('Сегодня работали {a} из {b}').format(a=h.n_started, b=h.n_rows) }}{% endif %}</h2>
    {# перерывов ещё нет — не пишем «перерывы —» (пустое не показываем) #}
    <span class="hl-a">{{ tr('сегодня') }} <b class="num">{{ h.work_human }}</b>{% if h.break_human != '—' %} · {{ tr('перерывы') }} <b class="num">{{ h.break_human }}</b>{% endif %}</span>
  </div>
  <p class="hl-s">{{ h.date }} · {% if h.n_work %}{{ tr('день идёт с {t}').format(t=h.since) }}{% else %}{{ tr('с {a} до {b}').format(a=h.since, b=h.until) }}{% endif %}{% if h.not_started %} · {{ tr('ещё не начинали: {n}').format(n=h.not_started) }}{% endif %}</p>
{% endif %}
</div>