// Small progressive enhancements. Everything works without JavaScript.
document.addEventListener("click", async (event) => {
  const button = event.target.closest("[data-copy]");
  if (!button) return;
  const input = document.querySelector(button.dataset.copy);
  if (!input) return;
  input.select();
  try {
    await navigator.clipboard.writeText(input.value);
    button.textContent = "Kopiert ✓";
  } catch {
    button.textContent = "Bitte manuell kopieren";
  }
});

// Serving calculator: recalculate as soon as the number changes.
document.addEventListener("change", (event) => {
  const input = event.target.closest(".servings input[name=portionen]");
  if (input && input.value) input.form.requestSubmit();
});

// Cooking mode: keep the screen on while the page is visible (Screen Wake Lock API).
(() => {
  const page = document.querySelector("[data-wakelock]");
  if (!page || !("wakeLock" in navigator)) return;
  const status = page.querySelector(".wakelock-status");
  let lock = null;
  const acquire = async () => {
    try {
      lock = await navigator.wakeLock.request("screen");
      if (status) status.hidden = false;
      lock.addEventListener("release", () => { if (status) status.hidden = true; });
    } catch {
      // Not allowed right now (e.g. battery saver); the page still works.
    }
  };
  document.addEventListener("visibilitychange", () => {
    if (document.visibilityState === "visible") acquire();
  });
  acquire();
})();