script.js

let timerInterval;
let totalTime = 0;
let isPaused = false;

function updateClock() {
  const now = new Date();
  const hour = String(now.getHours()).padStart(2, '0');
  const minute = String(now.getMinutes()).padStart(2, '0');
  const second = String(now.getSeconds()).padStart(2, '0');
  document.getElementById("clock").textContent = `${hour}:${minute}:${second}`;
}

setInterval(updateClock, 1000);
updateClock();

function updateTimerDisplay() {
  const minute = String(Math.floor(totalTime / 60)).padStart(2, '0');
  const second = String(totalTime % 60).padStart(2, '0');
  document.getElementById("timer").textContent = `${minute}:${second}`;
}

function startTimer() {
  if (!isPaused) {
    const mins = parseInt(document.getElementById("minutes").value || 0);
    const secs = parseInt(document.getElementById("seconds").value || 0);
    totalTime = mins * 60 + secs;
  }

  if (totalTime <= 0) return;

  clearInterval(timerInterval);

  timerInterval = setInterval(() => {
    if (totalTime <= 0) {
      clearInterval(timerInterval);
      const beep = document.getElementById("beep-sound");
      beep.currentTime = 0;
      beep.play().catch((e) => console.warn("Audio error:", e));
      showToast();
      return;
    }

    totalTime--;
    updateTimerDisplay();
  }, 1000);

  isPaused = false;
}

function pauseTimer() {
  clearInterval(timerInterval);
  isPaused = true;
}

function resetTimer() {
  clearInterval(timerInterval);
  timerInterval = null;
  totalTime = 0;
  isPaused = false;
  document.getElementById("minutes").value = "";
  document.getElementById("seconds").value = "";
  updateTimerDisplay();
  const toast = document.getElementById("toast");
  toast.style.top = "-100px";
  toast.style.opacity = 0;
}

function showToast() {
  const toast = document.getElementById("toast");
  toast.style.top = "30px";
  toast.style.opacity = 1;

  setTimeout(() => {
    toast.style.top = "-100px";
    toast.style.opacity = 0;
  }, 3000);
}