script.js

const timeText = document.getElementById('timeText');
const modeLabel = document.getElementById('modeLabel');
const startBtn = document.getElementById('startBtn');
const resetBtn = document.getElementById('resetBtn');
const ringFill = document.getElementById('ringFill');
const modeBtns = document.querySelectorAll('.mode-btn');
const pomodoroCountEl = document.getElementById('pomodoroCount');
const totalTimeEl = document.getElementById('totalTime');

const RADIUS = 120;
const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
ringFill.style.strokeDasharray = CIRCUMFERENCE;
ringFill.style.strokeDashoffset = 0;

let totalSeconds = 25 * 60;
let remainingSeconds = totalSeconds;
let interval = null;
let isRunning = false;
let currentMode = 'pomodoro';
let pomodoroCount = 0;
let totalFocusMin = 0;

function formatTime(sec) {
  const m = Math.floor(sec / 60);
  const s = sec % 60;
  return `${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`;
}

function updateDisplay() {
  timeText.textContent = formatTime(remainingSeconds);
  const progress = 1 - remainingSeconds / totalSeconds;
  ringFill.style.strokeDashoffset = CIRCUMFERENCE * progress;
}

function setMode(mode, minutes) {
  clearInterval(interval);
  isRunning = false;
  currentMode = mode;
  totalSeconds = minutes * 60;
  remainingSeconds = totalSeconds;
  startBtn.innerHTML = '<i class="fa-solid fa-play"></i> Start';
  modeLabel.textContent = mode === 'pomodoro' ? 'Time to focus!' : mode === 'short' ? 'Short break' : 'Long break';
  updateDisplay();
}

function start() {
  if (isRunning) {
    clearInterval(interval);
    isRunning = false;
    startBtn.innerHTML = '<i class="fa-solid fa-play"></i> Start';
    return;
  }
  isRunning = true;
  startBtn.innerHTML = '<i class="fa-solid fa-pause"></i> Pause';
  interval = setInterval(() => {
    remainingSeconds--;
    updateDisplay();
    if (remainingSeconds <= 0) {
      clearInterval(interval);
      isRunning = false;
      startBtn.innerHTML = '<i class="fa-solid fa-play"></i> Start';
      if (currentMode === 'pomodoro') {
        pomodoroCount++;
        totalFocusMin += 25;
        pomodoroCountEl.textContent = pomodoroCount;
        totalTimeEl.textContent = `${totalFocusMin}m`;
        modeBtns[1].click();
      } else {
        modeBtns[0].click();
      }
    }
  }, 1000);
}

function reset() {
  clearInterval(interval);
  isRunning = false;
  remainingSeconds = totalSeconds;
  startBtn.innerHTML = '<i class="fa-solid fa-play"></i> Start';
  updateDisplay();
}

modeBtns.forEach(btn => {
  btn.addEventListener('click', () => {
    modeBtns.forEach(b => b.classList.remove('active'));
    btn.classList.add('active');
    setMode(btn.dataset.mode, parseInt(btn.dataset.time));
  });
});

startBtn.addEventListener('click', start);
resetBtn.addEventListener('click', reset);
updateDisplay();