{# «Требуют внимания» — пятая карточка в строке счётчиков (владелец, 08.09):
   подпись, число крупно, под ним чипы. Пустая — не прячется, а показывает ноль
   и «всё спокойно»: строка карточек всегда одного состава. Каждый чип —
   дверь: тревога о машине ведёт на её страницу, «не закреплены» — в
   сотрудников, справка про ИИ и демо — в настройки. Текст чипа склеивается
   здесь, после tr: тревога — ключ и подстановки (имя машины, числа). #}
{% set items = card.data['items'] %}
<div class="card hero alertsw" data-fold="alerts">
  <div class="hn">{{ tr('требуют внимания') }}</div>
  <div class="hk {{ 'zero' if not items }}">{{ items|length }}</div>
  {% if items %}
  <ul class="alerts tiles">
    {% for a in items %}
    <li class="a-{{ a.kind }}"><i></i>{% if a.href %}<a href="{{ a.href }}">{{ tr(a.key).format(**a.params) }}</a>{% else %}{{ tr(a.key).format(**a.params) }}{% endif %}</li>
    {% endfor %}
    {# больше восьми — остальные раскрываются по клику; обработчик инлайном,
       потому что живая зона перерисовывается целиком #}
    {% if items|length > 8 %}
    <li class="a-more"><i></i><button type="button" onclick="this.closest('.alerts').classList.add('all')">{{ tr('ещё {n}').format(n=items|length - 8) }}</button></li>
    {% endif %}
  </ul>
  {% else %}
  <div class="hs">{{ tr('всё спокойно') }}</div>
  {% endif %}
  {# свёрнутая карточка — одна пилюля с числом, как у счётчиков #}
  <span class="heropills"><span class="pill-static">{{ tr('Требуют внимания') }} <b>{{ items|length }}</b></span></span>
</div>