(function () {
  const requested = SK.ch(SK.param("c"));
  const live = SK.channels.filter(c => SK.onAir(c.id));
  const c = requested || live[0] || SK.channels[0];
  const prog = SK.onAir(c.id);
  const v = SK.vid(SK.liveSource[c.id]);
  document.title = (prog ? prog.title + ", " : "") + c.name + " — эфир Склейки";

  const lp = document.getElementById("lplayer");
  const today = SK.schedule(c.id, new Date());
  const m = SK.nowMin();
  const upcoming = today.filter(p => p.start > m).slice(0, 4);

  if (prog) {
    lp.innerHTML = `<div class="onair"><span>В эфире</span><span id="badge-v"></span></div>
      <video autoplay muted loop playsinline controls src="assets/video/${v.id}.mp4" poster="assets/img/thumbs/${v.id}.jpg"></video>`;
    const video = lp.querySelector("video");
    // все зрители видят один и тот же момент: позиция считается от часов
    video.addEventListener("loadedmetadata", () => { video.currentTime = (Date.now() / 1000) % video.duration; });
  } else {
    lp.innerHTML = `<div style="aspect-ratio:16/9;display:grid;place-items:center;color:#c3cad4;text-align:center;padding:30px">
      <div><strong style="font-size:20px;color:#fff;display:block;margin-bottom:8px">«${SK.esc(c.name)}» сейчас не вещает</strong>
      ${upcoming.length ? "Следующая передача в " + SK.hm(upcoming[0].start) + ": " + SK.esc(upcoming[0].title) : "Сегодня эфиров больше нет."}</div></div>`;
  }

  const pct = prog ? Math.round(((m - prog.start) / (prog.end - prog.start)) * 100) : 0;
  document.getElementById("linfo").innerHTML = `
    <h1 style="font-size:clamp(22px,2.6vw,32px);margin:22px 0 12px">${prog ? SK.esc(prog.title) : "Нет эфира"}</h1>
    <div class="watch-meta c-${c.color}">
      <a class="who" href="channel.html?c=${c.id}"><img src="assets/img/avatars/${c.id}.png" alt=""><div><strong>${SK.esc(c.name)}</strong><span>${SK.esc(c.owner)}, ${SK.esc(c.city)}</span></div></a>
      ${prog ? `<div style="min-width:220px;flex:1;max-width:360px"><div class="muted" style="font-size:13.5px">${SK.hm(prog.start)}–${SK.hm(prog.end)}, прошло ${pct}%</div>
        <div class="disk" style="margin:6px 0 0;height:6px"><i style="width:${pct}%;background:var(--c)"></i></div></div>` : ""}
    </div>
    <div class="desc">
      <p>${SK.esc(c.about)}</p>
      ${upcoming.length ? `<p class="muted" style="margin-bottom:6px">Дальше сегодня:</p><ul style="margin:0;padding-left:18px">${upcoming.map(p => `<li>${SK.hm(p.start)} ${SK.esc(p.title)}</li>`).join("")}</ul>` : ""}
    </div>`;

  /* другие каналы */
  document.getElementById("others").innerHTML = SK.channels.filter(x => x.id !== c.id).map(x => {
    const p = SK.onAir(x.id), xv = SK.vid(SK.liveSource[x.id]);
    return `<a class="c-${x.color}" href="live.html?c=${x.id}"><div class="thumb"><img src="assets/img/thumbs/${xv.id}.jpg" alt="" loading="lazy">${p ? '<span class="dur" style="background:var(--playhead)">в эфире</span>' : ""}</div>
      <strong>${SK.esc(x.name)}</strong><span class="muted" style="font-size:13.5px">${p ? SK.esc(p.title) : "Не вещает"}</span></a>`;
  }).join("");

  /* чат */
  const chat = document.getElementById("chat");
  const vEl = document.getElementById("viewers"), badge = document.getElementById("badge-v");
  let viewers = prog ? Math.round(c.subs / 40 + Math.random() * 30) : 0;
  const showViewers = () => {
    const t = viewers + " " + SK.plural(viewers, "зритель", "зрителя", "зрителей");
    vEl.textContent = t; if (badge) badge.textContent = t;
  };
  showViewers();

  const people = ["ира_в", "Kostya", "mmm", "Лена Ш.", "dj_ozero", "Старый Пёс", "polina", "Тимофей", "аня из Твери", "nikita_88", "Ром", "Ксю"];
  const colors = ["teal", "iris", "mustard", "rose", "olive"];
  const lines = [
    "всем привет", "опять залипла на полчаса", "звук бы чуть тише", "у кого тоже на втором мониторе?",
    "вот этот переход красивый", "работаю под это третью ночь", "а где взять этот луп?", "привет из Самары",
    "лучше любого скринсейвера", "кот смотрит вместе со мной", "это прям медитация", "можно версию подлиннее?",
    "спасибо что не выключаете", "в 4 утра самое то", "цвета сегодня теплее, или мне кажется", "ставлю на проектор в кухне"
  ];
  const add = (who, text, color, sys) => {
    const li = document.createElement("li");
    if (sys) { li.className = "sys"; li.textContent = text; }
    else { li.className = color ? "c-" + color : ""; li.innerHTML = `<b>${SK.esc(who)}</b>${SK.esc(text)}`; }
    chat.appendChild(li);
    while (chat.children.length > 80) chat.firstChild.remove();
    chat.scrollTop = chat.scrollHeight;
  };
  add("", prog ? "Вы подключились к эфиру. Будьте вежливы, модераторы не спят." : "Эфира нет, чат откроется в начале следующей передачи.", "", true);
  if (prog) {
    for (let i = 0; i < 6; i++) add(people[(i * 5) % people.length], lines[(i * 7) % lines.length], colors[i % 5]);
    (function tick() {
      setTimeout(() => {
        const i = Math.floor(Math.random() * people.length);
        add(people[i], lines[Math.floor(Math.random() * lines.length)], colors[i % 5]);
        viewers = Math.max(3, viewers + Math.round((Math.random() - 0.45) * 4));
        showViewers();
        tick();
      }, 2500 + Math.random() * 5000);
    })();
  }
  document.getElementById("chatform").addEventListener("submit", e => {
    e.preventDefault();
    const inp = document.getElementById("msg");
    const t = inp.value.trim();
    if (!t) return;
    if (!prog) { SK.toast("Чат закрыт, пока канал не в эфире"); return; }
    add("вы", t, c.color);
    inp.value = "";
  });
})();