(function () {
  const daysEl = document.getElementById("days"), grid = document.getElementById("grid");
  const names = ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"];
  const months = ["января", "февраля", "марта", "апреля", "мая", "июня", "июля", "августа", "сентября", "октября", "ноября", "декабря"];
  const start = new Date(); start.setHours(12, 0, 0, 0);
  const days = Array.from({ length: 7 }, (_, i) => { const d = new Date(start); d.setDate(d.getDate() + i); return d; });

  daysEl.innerHTML = days.map((d, i) =>
    `<button aria-pressed="${i === 0}" data-i="${i}">${i === 0 ? "Сегодня" : i === 1 ? "Завтра" : names[d.getDay()]}<small>${d.getDate()} ${months[d.getMonth()]}</small></button>`).join("");

  function show(i) {
    daysEl.querySelectorAll("button").forEach(b => b.setAttribute("aria-pressed", b.dataset.i == i));
    const corner = i === 0 ? "Сегодня" : days[i].getDate() + " " + months[days[i].getMonth()];
    SK.timeline(grid, { day: days[i], from: 0, to: 1440, corner, scrollTo: 16 * 60 });
  }
  daysEl.addEventListener("click", e => { const b = e.target.closest("button"); if (b) show(+b.dataset.i); });
  show(0);
})();