(function () {
  const services = [
    ["Сайт и каталог", 99.98, [[23, "Обновление поиска, 12 минут"]]],
    ["Эфир каналов", 99.91, [[61, "Перезапуск вещания «Тихой смены», 40 минут"], [8, "Задержка эфира до 30 секунд"]]],
    ["Хранилище, Екатеринбург", 100, []],
    ["Копия архива, Новосибирск", 99.7, [[44, "Плановая замена дисков, 3 часа"]]],
    ["Загрузка видео", 99.95, [[15, "Медленная обработка 4K-файлов"]]]
  ];
  const el = document.getElementById("status");
  el.innerHTML = services.map(([name, up, inc]) => {
    const bars = Array.from({ length: 90 }, (_, i) => {
      const daysAgo = 89 - i;
      const hit = inc.find(x => x[0] === daysAgo);
      return `<i title="${daysAgo === 0 ? "Сегодня" : daysAgo + " дн. назад"}${hit ? ": " + hit[1] : ", без сбоев"}" style="flex:1;height:34px;border-radius:2px;background:${hit ? "var(--mustard)" : "var(--teal)"}"></i>`;
    }).join("");
    return `<section style="padding:18px 0;border-bottom:1px solid var(--line)">
      <div style="display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap"><strong>${name}</strong><span class="muted">${String(up).replace(".", ",")}% за 90 дней</span></div>
      <div style="display:flex;gap:2px">${bars}</div>
      ${inc.length ? `<p class="muted" style="font-size:14px;margin:8px 0 0">${inc.map(x => (x[0] === 0 ? "Сегодня" : x[0] + " " + SK.plural(x[0], "день", "дня", "дней") + " назад") + ": " + x[1]).join("; ")}.</p>` : ""}
    </section>`;
  }).join("");
  document.getElementById("status-lead").textContent = "Сейчас всё работает. Проверяем каждые пять минут, каждая полоска — один день.";
})();