const API = "https://rofresh.xsouleyman285.workers.dev";

async function fetchJSON(url) {
  try {
    const res = await fetch(url);
    return await res.json();
  } catch {
    return null;
  }
}

function el(id) {
  return document.getElementById(id);
}

function renderSessions(data) {
  if (!data?.sessions) return;

  el("sessions").innerHTML =
    data.sessions.length
      ? data.sessions.map(s => `
        <div class="session">
          🟢 Session<br>
          ID: ${s.id}<br>
          Host: ${s.host || "unknown"}<br>
          Time: ${new Date(s.time).toLocaleTimeString()}
        </div>
      `).join("")
      : "<div class='session'>No sessions</div>";
}

function renderLogs(data) {
  if (!data?.logs) return;

  el("logs").innerHTML =
    data.logs.length
      ? data.logs.slice(-10).reverse().map(l => `
        <div class="session">
          📄 ${l.type}<br>
          ${new Date(l.time).toLocaleTimeString()}
        </div>
      `).join("")
      : "<div class='session'>No logs</div>";
}

async function load() {
  const sessions = await fetchJSON(API + "/session/list");
  const logs = await fetchJSON(API + "/logs");

  renderSessions(sessions);
  renderLogs(logs);
}

setInterval(load, 4000);
load();