{# Тело дашборда. Отдаётся и целой страницей, и куском при живом обновлении —
   поэтому здесь не должно быть ничего, что настраивается один раз при загрузке
   (обработчиков, замеров, состояния прокрутки). Настройка набора карточек живёт
   в overview.html, ВНЕ живой зоны: иначе обновление сносило бы её на полуслове. #}
{% set mach = (cards | selectattr('id', 'equalto', 'machines') | list | first) %}
{% if not devices %}
{# Первый экран новой компании: сценарий запуска вместо строки прочерков.
   Прочерки отвечали на вопрос «сколько наработано», который у пустой компании
   не стоит; стоит вопрос «что мне сделать, чтобы заработало». #}
{# По центру и самодостаточно (владелец, 19.08): сборки скачиваются прямо
   отсюда, код подключения копируется здесь же — на лендинг не уводим. #}
<div class="onb">
  <div class="pagehead">
    <div>
      <h1>{{ tr('Сводка') }}</h1>
      <p class="sub">{{ tr('Кабинет готов — осталось подключить первую машину.') }}</p>
    </div>
  </div>
  {# без шапки-заголовка: над карточкой уже стоят «Сводка» и подзаголовок,
     третий заголовок подряд был шумом (владелец: «скучено, лишнее убрать») #}
  <div class="card">
    <ol class="steps">
      <li>{{ tr('Скачайте программу под систему сотрудника:') }}
        <span class="blds">
          {% for b in builds %}
          {% if b.ready %}
          <a class="btn out sm" href="/download/{{ b.key }}">{{ b.sys }} · {{ b.note }}</a>
          {% else %}
          <span class="btn out sm" style="opacity:.45;cursor:default">{{ b.sys }} · {{ b.note }} — {{ tr('скоро') }}</span>
          {% endif %}
          {% endfor %}
        </span></li>
      <li>
        {% if connect_code %}
        {{ tr('Когда программа спросит подключение — вставьте этот код:') }}
        <span class="code-row">
          <input class="inp sm" style="flex:1;min-width:0" type="password" readonly
                 id="onbCode" value="{{ connect_code }}" onfocus="this.select()">
          {# обработчик инлайном: этот кусок живёт в живой зоне, и навешанные
             скриптом слушатели пропадали бы при каждой подмене разметки #}
          <button class="btn sm" type="button"
                  onclick="if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(document.getElementById('onbCode').value);this.textContent='{{ tr("Скопировано") }}';}">{{ tr('Скопировать') }}</button>
        </span>
        {% else %}
        {{ tr('При установке агент спросит адрес этого сервера и ключ регистрации — ключ лежит в') }}
        <a class="accent" href="/settings">{{ tr('настройках') }}</a>
        {% endif %}
      </li>
      {# живое ожидание вместо обещания: экран и правда опрашивает сервер сам
         (data-live), и как только машина выйдет на связь — онбординг уступит
         место карточкам. Пульс отвечает на «а он вообще ждёт?» #}
      <li>{{ tr('Ждём подключения') }}<span class="wdot" aria-hidden="true"></span><br>
        <span class="muted">{{ tr('Как только машина выйдет на связь, экран обновится сам — обычно это меньше минуты. К вечеру придёт первый разбор дня.') }}</span></li>
    </ol>
  </div>
</div>
{% else %}
{# Заголовок «Сводка» и «на связи N из M» живут в крошке шапки (решение
   владельца, 15.08): контент начинается сразу с цифр. #}
{% if mach and 'totals' not in chosen and 'headline' not in chosen and 'board' not in chosen %}
<div class="total" style="justify-content:flex-end">
  <span class="label">{{ tr('суммарно сегодня') }}</span>
  <span class="v">{{ mach.data.o.total_human }}</span>
</div>
{% endif %}

{# Порядок карточек — тот, что выбрал человек. Узкие идут сеткой, широкая
   «Машины» разрывает её и занимает всю ширину: у неё внутри собственная сетка
   плиток, и вкладывать одну в другую незачем. Полосы считает сервер
   (server._overview_ctx), чтобы шаблон не занимался раскладкой. #}
{# Счётчики и «Требуют внимания» — одной полосой (владелец, 08.09: две полосы
   в левом углу широкого экрана «не красиво»): цифры слева, чипы тревог справа,
   на узком экране тревоги переносятся под цифры. #}
{% set ns = namespace(skip=false) %}
{% for group in groups %}
  {% if ns.skip %}
  {% set ns.skip = false %}
  {% elif group.wide and group.wide.id == 'totals' and loop.nextitem
        and loop.nextitem.wide and loop.nextitem.wide.id == 'alerts' %}
  <div class="toprow">
    {% with card = group.wide %}{% include "_card_totals.html" %}{% endwith %}
    {% with card = loop.nextitem.wide %}{% include "_card_alerts.html" %}{% endwith %}
  </div>
  {% set ns.skip = true %}
  {% elif group.narrow %}
  <div class="dash">
    {% for card in group.narrow %}{% include "_card_" ~ card.id ~ ".html" %}{% endfor %}
  </div>
  {% else %}
  {% with card = group.wide %}{% include "_card_" ~ card.id ~ ".html" %}{% endwith %}
  {% endif %}
{% endfor %}
{# Всё остальное — по ссылкам (направление «Один вопрос», 06.09): блока машин
   на главной по умолчанию нет, одна строка говорит, сколько их на связи, и
   ведёт в раздел. У одиночки машина стоит под ведомостью, в тихий день о
   машинах рассказывает заголовок — там строка лишняя. #}
{% if 'machines' not in chosen %}
<p class="ov-foot">{% if live_n == dev_n %}{{ tr('Машины: все на связи') }}{% else %}{{ tr('Машины: на связи {a} из {b}').format(a=live_n, b=dev_n) }}{% endif %} — <a href="/devices">{{ tr('раздел «Машины» →') }}</a></p>
{% endif %}
{% endif %}