script.js

// Zen Focus Timer - Logic Layer

const timerDisplay = document.getElementById('timer');
const startBtn = document.getElementById('start-btn');
const pauseBtn = document.getElementById('pause-btn');
const resetBtn = document.getElementById('reset-btn');
const focusInput = document.getElementById('focus-task');

let timeLeft = 25 * 60; // 25 minutes in seconds
let timerId = null;
let isRunning = false;

function updateDisplay() {
    const minutes = Math.floor(timeLeft / 60);
    const seconds = timeLeft % 60;
    const displayTime = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
    timerDisplay.textContent = displayTime;
    document.title = `${displayTime} - Zen Focus`;
}

function startTimer() {
    if (isRunning) return;
    
    isRunning = true;
    startBtn.disabled = true;
    startBtn.style.opacity = "0.5";
    pauseBtn.disabled = false;
    pauseBtn.style.opacity = "1";
    
    timerId = setInterval(() => {
        if (timeLeft > 0) {
            timeLeft--;
            updateDisplay();
        } else {
            clearInterval(timerId);
            isRunning = false;
            startBtn.disabled = false;
            startBtn.style.opacity = "1";
            alert("Focus session complete!");
        }
    }, 1000);
}

function pauseTimer() {
    if (!isRunning) return;
    
    clearInterval(timerId);
    isRunning = false;
    startBtn.disabled = false;
    startBtn.style.opacity = "1";
    pauseBtn.disabled = true;
    pauseBtn.style.opacity = "0.5";
}

function resetTimer() {
    clearInterval(timerId);
    isRunning = false;
    timeLeft = 25 * 60;
    updateDisplay();
    startBtn.disabled = false;
    startBtn.style.opacity = "1";
    pauseBtn.disabled = false; // Reset to enabled state
    pauseBtn.style.opacity = "1";
}

// Event Listeners
startBtn.addEventListener('click', startTimer);
pauseBtn.addEventListener('click', pauseTimer);
resetBtn.addEventListener('click', resetTimer);

// Initialize
updateDisplay();

console.log("Zen Focus Timer Loaded & Ready");