const WORKER = "https://timeroom-oauth.timeroomapp.workers.dev";

const statusEl = document.getElementById("status");
const eventsEl = document.getElementById("events");
const daysEl = document.getElementById("days");
const reloadBtn = document.getElementById("reload");

function getParams() {
  const hash = window.location.hash.replace(/^#/, "");
  return new URLSearchParams(hash);
}

function getEmail() {
  const params = getParams();
  const email = params.get("email");
  return email && email.trim() ? email : null;
}

async function loadEvents(email) {
  statusEl.textContent = "Loading events…";
  eventsEl.innerHTML = "";

  const res = await fetch(
    `${WORKER}/events?email=${encodeURIComponent(email)}&days=${daysEl.value}`
  );

  const data = await res.json();

  if (!res.ok || !data.ok) {
    statusEl.textContent = "Failed to load events";
    return;
  }

  if (!data.items.length) {
    statusEl.textContent = "No upcoming events";
    return;
  }

  statusEl.textContent = "Upcoming events";

  data.items.forEach(e => {
    const div = document.createElement("div");
    div.className = "event";
    div.innerHTML = `
      <div>${e.summary}</div>
      <small>${new Date(e.start).toLocaleString()}</small>
    `;
    eventsEl.appendChild(div);
  });
}

function init() {
  const email = getEmail();

  if (!email) {
    statusEl.textContent = "Not connected";
    return;
  }

  statusEl.textContent = `Connected as ${email}`;
  loadEvents(email);

  reloadBtn.onclick = () => loadEvents(email);
}

window.addEventListener("DOMContentLoaded", init);
window.addEventListener("hashchange", init);