document.js

document.addEventListener('DOMContentLoaded', function() {
            // Core functionality
            const darkModeToggle = document.getElementById('dark-mode-toggle');
            const darkModeIcon = darkModeToggle.querySelector('i');
            const historySection = document.querySelector('.history-section');
            const toggleHistoryBtn = document.getElementById('toggle-history');
            const clearHistoryBtn = document.getElementById('clear-history');
            const historyItems = document.getElementById('history-items');
            const notification = document.getElementById('notification');
            const notificationText = document.getElementById('notification-text');
            const moodOptions = document.querySelectorAll('.mood-option');
            const currentQuote = document.getElementById('current-quote');
            const currentMoodElement = document.getElementById('current-mood');
            const todoForm = document.getElementById('todo-form');
            const todoInput = document.getElementById('todo-input');
            const todoList = document.getElementById('todo-list');
            const timerDisplay = document.getElementById('timer-display');
            const startBtn = document.getElementById('start-timer');
            const resetBtn = document.getElementById('reset-timer');
            const progressBar = document.getElementById('progress-bar');
            const timerModes = document.querySelectorAll('.timer-mode');
            const focusSessionsElement = document.getElementById('focus-sessions');
            
            // New features elements
            const moodNote = document.getElementById('mood-note');
            const saveNoteBtn = document.getElementById('save-note');
            const deleteNoteBtn = document.getElementById('delete-note');
            const vibeTitle = document.getElementById('vibe-title');
            const vibeMessage = document.getElementById('vibe-message');
            const reminderBtn = document.getElementById('reminder-btn');
            const exportTxtBtn = document.getElementById('export-txt');
            const exportJsonBtn = document.getElementById('export-json');
            const todayFocusTimeElement = document.getElementById('today-focus-time');
            const helpToggle = document.getElementById('help-toggle');
            const helpModal = document.getElementById('help-modal');
            const closeHelp = document.getElementById('close-help');
            const feedbackBtn = document.getElementById('feedback-btn');
            const feedbackModal = document.getElementById('feedback-modal');
            const closeFeedback = document.getElementById('close-feedback');
            const feedbackForm = document.getElementById('feedback-form');
            const resetConfirmModal = document.getElementById('reset-confirm-modal');
            const cancelResetBtn = document.getElementById('cancel-reset');
            const confirmResetBtn = document.getElementById('confirm-reset');
            
            // New task management elements
            const prioritySelect = document.getElementById('priority-select');
            const categorySelect = document.getElementById('category-select');
            const dueDateInput = document.getElementById('due-date');
            const taskSearch = document.getElementById('task-search');
            const sortSelect = document.getElementById('sort-select');
            
            // State variables
            let isDarkMode = localStorage.getItem('darkMode') === 'enabled';
            let moodStats = {
                happy: 0,
                calm: 0,
                focused: 0,
                stressed: 0,
                creative: 0
            };
            let moodHistoryData = [];
            let focusSessions = 0;
            let todos = [];
            let currentFilter = 'all';
            let timer = null;
            let timeLeft = 25 * 60;
            let timerMode = 'focus';
            const timerDurations = {
                focus: 25 * 60,
                'short-break': 5 * 60,
                'long-break': 15 * 60
            };
            let focusTime = 0;
            let isRunning = false;
            let focusTimeData = {};
            let currentNote = '';
            let searchQuery = '';
            let sortBy = 'priority';
            
            // Set min date for due date input to today
            const today = new Date().toISOString().split('T')[0];
            dueDateInput.min = today;
            
            // Notification system
            function showNotification(message) {
                notificationText.textContent = message;
                notification.classList.add('show');
                
                setTimeout(() => {
                    notification.classList.remove('show');
                }, 3000);
            }
            
            // Dark mode functionality
            function toggleDarkMode() {
                isDarkMode = !isDarkMode;
                document.body.classList.toggle('dark-mode', isDarkMode);
                if (isDarkMode) {
                    darkModeIcon.classList.remove('fa-moon');
                    darkModeIcon.classList.add('fa-sun');
                    localStorage.setItem('darkMode', 'enabled');
                } else {
                    darkModeIcon.classList.remove('fa-sun');
                    darkModeIcon.classList.add('fa-moon');
                    localStorage.setItem('darkMode', 'disabled');
                }
                initCharts();
                showNotification(`Dark mode ${isDarkMode ? 'enabled' : 'disabled'}`);
            }
            
            if (isDarkMode) {
                document.body.classList.add('dark-mode');
                darkModeIcon.classList.remove('fa-moon');
                darkModeIcon.classList.add('fa-sun');
            }
            
            darkModeToggle.addEventListener('click', toggleDarkMode);
            
            // Mood history functionality
            function toggleHistory() {
                historyItems.classList.toggle('hidden-items');
                const isHidden = historyItems.classList.contains('hidden-items');
                if (isHidden) {
                    toggleHistoryBtn.innerHTML = '<i class="fas fa-eye"></i> Show History';
                } else {
                    toggleHistoryBtn.innerHTML = '<i class="fas fa-eye-slash"></i> Hide History';
                }
                localStorage.setItem('historyHidden', isHidden);
            }
            
            function clearHistory() {
                if (confirm("Are you sure you want to clear your mood history? This cannot be undone.")) {
                    moodHistoryData = [];
                    updateMoodHistory();
                    localStorage.setItem('moodHistory', JSON.stringify(moodHistoryData));
                    showNotification('History cleared!');
                }
            }
            
            toggleHistoryBtn.addEventListener('click', toggleHistory);
            clearHistoryBtn.addEventListener('click', clearHistory);
            
            const isHistoryHidden = localStorage.getItem('historyHidden') === 'true';
            if (isHistoryHidden) {
                historyItems.classList.add('hidden-items');
                toggleHistoryBtn.innerHTML = '<i class="fas fa-eye"></i> Show History';
            }
            
            // Mood tracker functionality
            const quotes = {
                happy: [
                    "Every day may not be good, but there's something good in every day.",
                    "Happiness is not by chance, but by choice.",
                    "The joy we feel has little to do with the circumstances of our lives and everything to do with the focus of our lives."
                ],
                calm: [
                    "Peace is the result of retraining your mind to process life as it is, not as you think it should be.",
                    "Calm mind brings inner strength and self-confidence.",
                    "In the midst of movement and chaos, keep stillness inside of you."
                ],
                focused: [
                    "Concentrate all your thoughts upon the work at hand. The sun's rays do not burn until brought to a focus.",
                    "The successful warrior is the average man, with laser-like focus.",
                    "Focus on being productive instead of busy."
                ],
                stressed: [
                    "You don't have to control your thoughts. You just have to stop letting them control you.",
                    "It's not the load that breaks you down, it's the way you carry it.",
                    "Stress is caused by being 'here' but wanting to be 'there'."
                ],
                creative: [
                    "Creativity is intelligence having fun.",
                    "The desire to create is one of the deepest yearnings of the human soul.",
                    "Creativity is piercing the mundane to find the marvelous."
                ]
            };
            
            const moodLabels = {
                happy: 'Happy',
                calm: 'Calm',
                focused: 'Focused',
                stressed: 'Stressed',
                creative: 'Creative'
            };
            
            const moodEmojis = {
                happy: '😊',
                calm: '😌',
                focused: '🧠',
                stressed: '😫',
                creative: '🎨'
            };
            
            const affirmations = [
                "You are capable of amazing things.",
                "Believe you can and you're halfway there.",
                "Every day is a fresh start.",
                "You have the power to create change.",
                "Your potential is endless.",
                "Progress, not perfection.",
                "You are stronger than you think.",
                "Small steps still move you forward.",
                "Your focus determines your reality.",
                "You've survived 100% of your bad days.",
                "Challenges are opportunities for growth.",
                "Your mind is a powerful tool.",
                "You are in control of your thoughts.",
                "Productivity starts with a positive mindset.",
                "You have everything you need to succeed.",
                "Every effort counts, no matter how small.",
                "Your best work is ahead of you.",
                "Focus on progress, not perfection.",
                "You are building your future right now.",
                "Clarity comes from action, not thought.",
                "Your potential is limitless.",
                "Success is the sum of small efforts.",
                "You are the architect of your destiny.",
                "Productivity is about consistency.",
                "Every moment is a new beginning.",
                "You are more resilient than you realize.",
                "Focus creates possibilities.",
                "Your efforts will pay off.",
                "You have the strength to overcome.",
                "Great things take time and patience."
            ];
            
            function setMood(mood) {
                // Add fade animation
                document.body.classList.add('fade-out');
                
                setTimeout(() => {
                    moodOptions.forEach(option => {
                        option.classList.remove('active');
                        if (option.dataset.mood === mood) {
                            option.classList.add('active');
                        }
                    });
                    
                    const moodClasses = ['happy', 'calm', 'focused', 'stressed', 'creative'];
                    moodClasses.forEach(cls => {
                        document.body.classList.remove(cls);
                    });
                    document.body.classList.add(mood);
                    
                    currentMoodElement.textContent = moodLabels[mood];
                    
                    const moodQuotes = quotes[mood];
                    const randomQuote = moodQuotes[Math.floor(Math.random() * moodQuotes.length)];
                    currentQuote.textContent = randomQuote;
                    
                    moodStats[mood]++;
                    
                    const historyEntry = {
                        mood: mood,
                        label: moodLabels[mood],
                        emoji: moodEmojis[mood],
                        timestamp: new Date(),
                        dateString: new Date().toLocaleString(),
                        note: currentNote
                    };
                    
                    moodHistoryData.unshift(historyEntry);
                    if (moodHistoryData.length > 12) {
                        moodHistoryData = moodHistoryData.slice(0, 12);
                    }
                    
                    updateMoodHistory();
                    updateMoodChart();
                    updateStatsChart();
                    
                    localStorage.setItem('currentMood', mood);
                    localStorage.setItem('moodStats', JSON.stringify(moodStats));
                    localStorage.setItem('moodHistory', JSON.stringify(moodHistoryData));
                    
                    showNotification(`Mood set to ${moodLabels[mood]}!`);
                    updateVibeMeter();
                    
                    // Remove fade animation
                    document.body.classList.remove('fade-out');
                }, 150);
            }
            
            function updateMoodHistory() {
                historyItems.innerHTML = '';
                
                if (moodHistoryData.length === 0) {
                    historyItems.innerHTML = '<div class="no-history">No mood history recorded yet. Select moods to start tracking!</div>';
                    return;
                }
                
                moodHistoryData.forEach(entry => {
                    const item = document.createElement('div');
                    item.className = 'history-item';
                    item.style.position = 'relative';
                    item.innerHTML = `
                        <div class="history-mood">${entry.emoji}</div>
                        <div class="history-label">${entry.label}</div>
                        <div class="history-date">${new Date(entry.timestamp).toLocaleDateString()}</div>
                        <div class="history-date">${new Date(entry.timestamp).toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}</div>
                        ${entry.note ? '<div class="note-indicator">✏️</div>' : ''}
                    `;
                    
                    if (entry.note) {
                        const notePopup = document.createElement('div');
                        notePopup.className = 'note-popup';
                        notePopup.textContent = entry.note;
                        item.appendChild(notePopup);
                    }
                    
                    historyItems.appendChild(item);
                });
                
                if (localStorage.getItem('historyHidden') === 'true') {
                    historyItems.classList.add('hidden-items');
                }
            }
            
            function loadMoodStats() {
                const savedStats = localStorage.getItem('moodStats');
                if (savedStats) {
                    Object.assign(moodStats, JSON.parse(savedStats));
                }
                
                const savedHistory = localStorage.getItem('moodHistory');
                if (savedHistory) {
                    moodHistoryData = JSON.parse(savedHistory);
                    moodHistoryData.forEach(entry => {
                        entry.timestamp = new Date(entry.timestamp);
                    });
                    updateMoodHistory();
                }
                
                const savedMood = localStorage.getItem('currentMood');
                if (savedMood) {
                    setMood(savedMood);
                } else {
                    updateMoodChart();
                }
            }
            
            moodOptions.forEach(option => {
                option.addEventListener('click', () => {
                    setMood(option.dataset.mood);
                });
            });
            
            // To-Do list functionality
            function renderTodos() {
                todoList.innerHTML = '';
                
                let filteredTodos = currentFilter === 'all' 
                    ? [...todos] 
                    : todos.filter(todo => todo.mood === currentFilter);
                
                // Apply search filter
                if (searchQuery) {
                    filteredTodos = filteredTodos.filter(todo => 
                        todo.text.toLowerCase().includes(searchQuery.toLowerCase())
                    );
                }
                
                // Apply sorting
                switch(sortBy) {
                    case 'priority':
                        filteredTodos.sort((a, b) => {
                            const priorityOrder = { high: 1, medium: 2, low: 3 };
                            return priorityOrder[a.priority] - priorityOrder[b.priority];
                        });
                        break;
                    case 'dueDate':
                        filteredTodos.sort((a, b) => {
                            if (!a.dueDate && !b.dueDate) return 0;
                            if (!a.dueDate) return 1;
                            if (!b.dueDate) return -1;
                            return new Date(a.dueDate) - new Date(b.dueDate);
                        });
                        break;
                    case 'creation':
                        filteredTodos.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));
                        break;
                    case 'alphabetical':
                        filteredTodos.sort((a, b) => a.text.localeCompare(b.text));
                        break;
                }
                
                if (filteredTodos.length === 0) {
                    const emptyMessage = document.createElement('li');
                    emptyMessage.className = 'empty-state';
                    emptyMessage.textContent = currentFilter === 'all' 
                        ? 'No tasks found. Try changing your search or filter.' 
                        : `No ${currentFilter} tasks. Try changing the filter.`;
                    todoList.appendChild(emptyMessage);
                    return;
                }
                
                filteredTodos.forEach((todo, index) => {
                    const todoItem = document.createElement('li');
                    todoItem.className = `todo-item ${isTaskOverdue(todo) ? 'overdue' : ''}`;
                    
                    // Priority indicator
                    const priorityIndicator = document.createElement('div');
                    priorityIndicator.className = `priority-indicator priority-${todo.priority}`;
                    
                    const checkbox = document.createElement('input');
                    checkbox.type = 'checkbox';
                    checkbox.checked = todo.completed;
                    checkbox.className = 'complete-btn';
                    checkbox.addEventListener('change', () => toggleTodo(index));
                    
                    const todoText = document.createElement('div');
                    todoText.className = `todo-text ${todo.completed ? 'completed' : ''}`;
                    
                    const taskMain = document.createElement('div');
                    taskMain.className = 'task-main';
                    
                    const taskText = document.createElement('span');
                    taskText.textContent = todo.text;
                    
                    const moodEmoji = document.createElement('span');
                    moodEmoji.textContent = moodEmojis[todo.mood] || '';
                    
                    taskMain.appendChild(taskText);
                    taskMain.appendChild(moodEmoji);
                    
                    const taskMeta = document.createElement('div');
                    taskMeta.className = 'task-meta';
                    
                    // Priority label
                    const priorityLabel = document.createElement('span');
                    priorityLabel.className = `priority-label priority-${todo.priority}-label`;
                    priorityLabel.textContent = todo.priority.charAt(0).toUpperCase() + todo.priority.slice(1);
                    
                    // Category
                    const categorySpan = document.createElement('span');
                    categorySpan.className = 'task-category';
                    categorySpan.textContent = todo.category;
                    
                    // Due date
                    const dueDateSpan = document.createElement('span');
                    dueDateSpan.className = `task-due ${isTaskOverdue(todo) ? 'overdue' : ''}`;
                    
                    if (todo.dueDate) {
                        const dueIcon = document.createElement('i');
                        dueIcon.className = 'far fa-calendar-alt';
                        
                        const dueText = document.createElement('span');
                        dueText.textContent = formatDate(todo.dueDate);
                        
                        dueDateSpan.appendChild(dueIcon);
                        dueDateSpan.appendChild(dueText);
                    }
                    
                    taskMeta.appendChild(priorityLabel);
                    taskMeta.appendChild(categorySpan);
                    taskMeta.appendChild(dueDateSpan);
                    
                    todoText.appendChild(taskMain);
                    todoText.appendChild(taskMeta);
                    
                    const deleteBtn = document.createElement('button');
                    deleteBtn.className = 'action-btn delete-btn';
                    deleteBtn.innerHTML = '<i class="fas fa-trash"></i>';
                    deleteBtn.addEventListener('click', () => removeTodo(index));
                    
                    const todoActions = document.createElement('div');
                    todoActions.className = 'todo-actions';
                    todoActions.appendChild(deleteBtn);
                    
                    todoItem.appendChild(priorityIndicator);
                    todoItem.appendChild(checkbox);
                    todoItem.appendChild(todoText);
                    todoItem.appendChild(todoActions);
                    
                    todoList.appendChild(todoItem);
                });
                
                updateStats();
            }
            
            function isTaskOverdue(todo) {
                if (!todo.dueDate) return false;
                if (todo.completed) return false;
                
                const today = new Date();
                const dueDate = new Date(todo.dueDate);
                dueDate.setHours(23, 59, 59, 999); // End of day
                
                return dueDate < today;
            }
            
            function formatDate(dateString) {
                const date = new Date(dateString);
                return date.toLocaleDateString('en-US', { 
                    month: 'short', 
                    day: 'numeric',
                    year: date.getFullYear() !== new Date().getFullYear() ? 'numeric' : undefined
                });
            }
            
            function addTodo(e) {
                e.preventDefault();
                
                const text = todoInput.value.trim();
                if (text === '') return;
                
                const bodyClasses = document.body.classList;
                const currentMood = ['happy', 'calm', 'focused', 'stressed', 'creative']
                    .find(cls => bodyClasses.contains(cls)) || 'focused';
                
                const today = new Date().toISOString();
                
                const newTodo = {
                    text,
                    completed: false,
                    mood: currentMood,
                    priority: prioritySelect.value,
                    category: categorySelect.value,
                    dueDate: dueDateInput.value || null,
                    createdAt: today,
                    completedAt: null
                };
                
                todos.push(newTodo);
                saveTodos();
                todoInput.value = '';
                dueDateInput.value = '';
                prioritySelect.value = 'medium';
                categorySelect.value = 'personal';
                renderTodos();
                updateStats();
                showNotification('Task added!');
            }
            
            function toggleTodo(index) {
                todos[index].completed = !todos[index].completed;
                if (todos[index].completed) {
                    todos[index].completedAt = new Date().toISOString();
                } else {
                    todos[index].completedAt = null;
                }
                saveTodos();
                renderTodos();
                updateStats();
            }
            
            function removeTodo(index) {
                todos.splice(index, 1);
                saveTodos();
                renderTodos();
                updateStats();
                showNotification('Task removed!');
            }
            
            function saveTodos() {
                localStorage.setItem('todos', JSON.stringify(todos));
            }
            
            function setupFilters() {
                document.getElementById('filter-all').addEventListener('click', () => {
                    currentFilter = 'all';
                    renderTodos();
                });
                
                document.getElementById('filter-happy').addEventListener('click', () => {
                    currentFilter = 'happy';
                    renderTodos();
                });
                
                document.getElementById('filter-calm').addEventListener('click', () => {
                    currentFilter = 'calm';
                    renderTodos();
                });
                
                document.getElementById('filter-focused').addEventListener('click', () => {
                    currentFilter = 'focused';
                    renderTodos();
                });
                
                document.getElementById('filter-stressed').addEventListener('click', () => {
                    currentFilter = 'stressed';
                    renderTodos();
                });
                
                document.getElementById('filter-creative').addEventListener('click', () => {
                    currentFilter = 'creative';
                    renderTodos();
                });
            }
            
            // Focus timer functionality
            function updateTimerDisplay() {
                const minutes = Math.floor(timeLeft / 60).toString().padStart(2, '0');
                const seconds = (timeLeft % 60).toString().padStart(2, '0');
                timerDisplay.textContent = `${minutes}:${seconds}`;
                const total = timerDurations[timerMode];
                progressBar.style.width = `${((total - timeLeft) / total) * 100}%`;
            }
            
            function startTimer() {
                if (timer) return;
                
                if (timerMode === 'focus' && !isRunning) {
                    focusSessions++;
                    focusSessionsElement.textContent = focusSessions;
                }
                
                isRunning = true;
                timer = setInterval(() => {
                    timeLeft--;
                    if (timerMode === 'focus') {
                        focusTime++;
                        
                        const today = new Date().toISOString().split('T')[0];
                        if (!focusTimeData[today]) {
                            focusTimeData[today] = 0;
                        }
                        focusTimeData[today]++;
                        
                        localStorage.setItem('focusTimeData', JSON.stringify(focusTimeData));
                    }
                    updateTimerDisplay();
                    updateStats();
            
                    if (timeLeft <= 0) {
                        clearInterval(timer);
                        timer = null;
                        isRunning = false;
                        
                        try {
                            const audio = new Audio('data:audio/mp3;base64,SUQzBAAAAAABEVRYWFgAAAAtAAADY29tbWVudABCaWdTb3VuZEJhbmsuY29tIC8gTGFTb25vdGhlcXVlLm9yZwBURU5DAAAAHQAAA1N3aXRjaCBQbHVzIMKpIE5DSCBTb2Z0d2FyZQBUSVQyAAAABgAAAzIyMzUAVFNTRQAAAA8AAANMYXZmNTcuODMuMTAwAAAAAAAAAAAAAAD/80DEAAAAA0gAAAAATEFNRTMuMTAwVVVVVVVVVVVVVUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/zQsRbAAADSAAAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/zQMSkAAADSAAAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV');
                            audio.volume = 0.3;
                            audio.play();
                        } catch (e) {
                            console.log("Audio notification failed", e);
                        }
                        
                        const message = timerMode === 'focus' 
                            ? 'Focus session completed! Time for a break.' 
                            : 'Break time over! Ready for next focus session?';
                        
                        showNotification(message);
                        
                        if (timerMode === 'focus') {
                            document.querySelector('.timer-mode[data-mode="short-break"]').click();
                        }
                    }
                }, 1000);
                
                startBtn.innerHTML = '<i class="fas fa-pause"></i> Pause';
                startBtn.onclick = pauseTimer;
                showNotification('Timer started!');
            }
            
            function pauseTimer() {
                clearInterval(timer);
                timer = null;
                isRunning = false;
                startBtn.innerHTML = '<i class="fas fa-play"></i> Start';
                startBtn.onclick = startTimer;
                showNotification('Timer paused!');
            }
            
            function resetTimer() {
                resetConfirmModal.classList.add('active');
            }
            
            function performReset() {
                clearInterval(timer);
                timer = null;
                isRunning = false;
                timeLeft = timerDurations[timerMode];
                updateTimerDisplay();
                startBtn.innerHTML = '<i class="fas fa-play"></i> Start';
                startBtn.onclick = startTimer;
                resetConfirmModal.classList.remove('active');
                showNotification('Timer reset!');
            }
            
            timerModes.forEach(mode => {
                mode.addEventListener('click', () => {
                    if (mode.classList.contains('active')) return;
                    
                    timerModes.forEach(m => m.classList.remove('active'));
                    mode.classList.add('active');
                    
                    const newMode = mode.dataset.mode;
                    const wasRunning = isRunning;
                    
                    if (timer) {
                        clearInterval(timer);
                        timer = null;
                    }
                    
                    timerMode = newMode;
                    timeLeft = timerDurations[newMode];
                    updateTimerDisplay();
                    
                    if (wasRunning) {
                        startTimer();
                    }
                });
            });
            
            startBtn.addEventListener('click', startTimer);
            resetBtn.addEventListener('click', resetTimer);
            
            // Charts functionality
            let moodChart, statsChart;
            
            function getLast7DaysLabels() {
                const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
                const labels = [];
                const today = new Date();
                
                for (let i = 6; i >= 0; i--) {
                    const date = new Date();
                    date.setDate(today.getDate() - i);
                    labels.push(days[date.getDay()]);
                }
                
                return labels;
            }
            
            function getMoodScoresForWeek() {
                const scores = [0, 0, 0, 0, 0, 0, 0];
                const today = new Date();
                const labels = getLast7DaysLabels();
                
                if (moodHistoryData.length === 0) return scores;
                
                moodHistoryData.forEach(entry => {
                    const entryDate = new Date(entry.timestamp);
                    const diffTime = Math.abs(today - entryDate);
                    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
                    
                    if (diffDays <= 7) {
                        const dayIndex = 7 - diffDays;
                        if (dayIndex >= 0 && dayIndex < 7) {
                            switch(entry.mood) {
                                case 'happy': scores[dayIndex] += 5; break;
                                case 'calm': scores[dayIndex] += 4; break;
                                case 'focused': scores[dayIndex] += 5; break;
                                case 'stressed': scores[dayIndex] += 2; break;
                                case 'creative': scores[dayIndex] += 4; break;
                                default: scores[dayIndex] += 3;
                            }
                        }
                    }
                });
                
                for (let i = 0; i < scores.length; i++) {
                    if (scores[i] > 0) {
                        scores[i] = Math.min(100, Math.round(scores[i] * 3));
                    }
                }
                
                return scores;
            }
            
            function getTasksCompletedLast7Days() {
                const tasksByDay = [0, 0, 0, 0, 0, 0, 0];
                const today = new Date();
                
                if (todos.length === 0) return tasksByDay;
                
                todos.forEach(todo => {
                    if (todo.completed && todo.completedAt) {
                        const completedDate = new Date(todo.completedAt);
                        const diffTime = Math.abs(today - completedDate);
                        const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
                        
                        if (diffDays <= 7) {
                            const dayIndex = 7 - diffDays;
                            if (dayIndex >= 0 && dayIndex < 7) {
                                tasksByDay[dayIndex]++;
                            }
                        }
                    }
                });
                
                return tasksByDay;
            }
            
            function getFocusTimeLast7Days() {
                const minutesByDay = [0, 0, 0, 0, 0, 0, 0];
                const today = new Date();
                
                if (!focusTimeData || Object.keys(focusTimeData).length === 0) 
                    return minutesByDay;
                
                const dates = [];
                for (let i = 0; i < 7; i++) {
                    const date = new Date();
                    date.setDate(today.getDate() - i);
                    dates.push(date.toISOString().split('T')[0]);
                }
                
                dates.forEach((date, index) => {
                    if (focusTimeData[date]) {
                        minutesByDay[6 - index] = Math.floor(focusTimeData[date] / 60);
                    }
                });
                
                return minutesByDay;
            }
            
            function initCharts() {
                const moodScores = getMoodScoresForWeek();
                const tasksCompleted = getTasksCompletedLast7Days();
                const focusTimeData = getFocusTimeLast7Days();
                const labels = getLast7DaysLabels();
                const textColor = isDarkMode ? '#e2e8f0' : '#1e293b';
                const gridColor = isDarkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)';
                
                // Mood Chart
                const moodCtx = document.getElementById('moodChart').getContext('2d');
                if (moodChart) moodChart.destroy();
                moodChart = new Chart(moodCtx, {
                    type: 'doughnut',
                    data: {
                        labels: ['Happy', 'Calm', 'Focused', 'Stressed', 'Creative'],
                        datasets: [{
                            label: 'Mood Count',
                            data: Object.values(moodStats),
                            backgroundColor: [
                                '#f59e0b',
                                '#14b8a6',
                                '#6366f1',
                                '#ef4444',
                                '#8b5cf6'
                            ],
                            borderColor: isDarkMode ? '#1e293b' : '#ffffff',
                            borderWidth: 2
                        }]
                    },
                    options: {
                        responsive: true,
                        maintainAspectRatio: false,
                        plugins: {
                            legend: {
                                position: 'bottom',
                                labels: {
                                    padding: 20,
                                    usePointStyle: true,
                                    pointStyle: 'circle',
                                    font: {
                                        size: 12
                                    },
                                    color: textColor
                                }
                            },
                            tooltip: {
                                callbacks: {
                                    label: function(context) {
                                        return `${context.label}: ${context.raw} times`;
                                    }
                                }
                            }
                        }
                    }
                });
                
                // Stats Chart
                const statsCtx = document.getElementById('statsChart').getContext('2d');
                if (statsChart) statsChart.destroy();
                statsChart = new Chart(statsCtx, {
                    type: 'line',
                    data: {
                        labels: labels,
                        datasets: [{
                            label: 'Mood Score',
                            data: moodScores,
                            borderColor: '#6366f1',
                            backgroundColor: 'rgba(99, 102, 241, 0.1)',
                            borderWidth: 3,
                            tension: 0.3,
                            fill: true,
                            pointBackgroundColor: '#6366f1',
                            pointRadius: 5,
                            pointHoverRadius: 8
                        }]
                    },
                    options: {
                        responsive: true,
                        maintainAspectRatio: false,
                        scales: {
                            y: {
                                beginAtZero: true,
                                max: 100,
                                grid: {
                                    color: gridColor
                                },
                                ticks: {
                                    color: textColor,
                                    callback: function(value) {
                                        return value + '%';
                                    }
                                }
                            },
                            x: {
                                grid: {
                                    color: gridColor
                                },
                                ticks: {
                                    color: textColor
                                }
                            }
                        },
                        plugins: {
                            legend: {
                                labels: {
                                    color: textColor
                                }
                            },
                            tooltip: {
                                callbacks: {
                                    label: function(context) {
                                        return `Mood Score: ${context.parsed.y}%`;
                                    }
                                }
                            }
                        }
                    }
                });
                
                // Graph tabs functionality
                const graphTabs = document.querySelectorAll('.graph-tab');
                graphTabs.forEach(tab => {
                    tab.addEventListener('click', () => {
                        graphTabs.forEach(t => t.classList.remove('active'));
                        tab.classList.add('active');
                        updateStatsChart(tab.dataset.graph);
                    });
                });
            }
            
            function updateMoodChart() {
                if (moodChart) {
                    moodChart.data.datasets[0].data = Object.values(moodStats);
                    moodChart.update();
                }
            }
            
            function updateStatsChart(type = 'mood') {
                if (!statsChart) return;
                
                const labels = getLast7DaysLabels();
                const textColor = isDarkMode ? '#e2e8f0' : '#1e293b';
                const gridColor = isDarkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)';
                
                statsChart.data.labels = labels;
                
                if (type === 'tasks') {
                    const tasksCompleted = getTasksCompletedLast7Days();
                    statsChart.data.datasets[0].label = 'Tasks Completed';
                    statsChart.data.datasets[0].data = tasksCompleted;
                    statsChart.data.datasets[0].borderColor = '#84cc16';
                    statsChart.data.datasets[0].backgroundColor = 'rgba(132, 204, 22, 0.1)';
                    statsChart.options.scales.y.max = Math.max(10, ...tasksCompleted) + 2;
                    statsChart.options.plugins.tooltip.callbacks.label = function(context) {
                        return `Tasks: ${context.parsed.y}`;
                    };
                } 
                else if (type === 'mood') {
                    const moodScores = getMoodScoresForWeek();
                    statsChart.data.datasets[0].label = 'Mood Score';
                    statsChart.data.datasets[0].data = moodScores;
                    statsChart.data.datasets[0].borderColor = '#6366f1';
                    statsChart.data.datasets[0].backgroundColor = 'rgba(99, 102, 241, 0.1)';
                    statsChart.options.scales.y.max = 100;
                    statsChart.options.plugins.tooltip.callbacks.label = function(context) {
                        return `Mood Score: ${context.parsed.y}%`;
                    };
                }
                else if (type === 'time') {
                    const focusMinutes = getFocusTimeLast7Days();
                    statsChart.data.datasets[0].label = 'Focus Time (min)';
                    statsChart.data.datasets[0].data = focusMinutes;
                    statsChart.data.datasets[0].borderColor = '#ec4899';
                    statsChart.data.datasets[0].backgroundColor = 'rgba(236, 72, 153, 0.1)';
                    statsChart.options.scales.y.max = Math.max(60, ...focusMinutes) + 20;
                    statsChart.options.plugins.tooltip.callbacks.label = function(context) {
                                        return `Focus Time: ${context.parsed.y} min`;
                                    };
                }
                
                statsChart.options.scales.y.ticks.color = textColor;
                statsChart.options.scales.x.ticks.color = textColor;
                statsChart.options.scales.y.grid.color = gridColor;
                statsChart.options.scales.x.grid.color = gridColor;
                statsChart.options.plugins.legend.labels.color = textColor;
                
                statsChart.update();
            }
            
            function updateStats() {
                const completedTasks = todos.filter(todo => todo.completed).length;
                document.getElementById('completed-tasks').textContent = completedTasks;
                
                const today = new Date().toISOString().split('T')[0];
                const todayFocusTime = focusTimeData[today] ? Math.floor(focusTimeData[today] / 60) : 0;
                todayFocusTimeElement.textContent = `${todayFocusTime} min`;
            }
            
            // New features functionality
            function setDailyAffirmation() {
                const today = new Date().toDateString();
                const lastAffirmationDate = localStorage.getItem('lastAffirmationDate');
                if (lastAffirmationDate !== today) {
                    const randomIndex = Math.floor(Math.random() * affirmations.length);
                    currentQuote.textContent = affirmations[randomIndex];
                    localStorage.setItem('lastAffirmationDate', today);
                    localStorage.setItem('dailyAffirmation', currentQuote.textContent);
                } else {
                    const savedAffirmation = localStorage.getItem('dailyAffirmation');
                    if (savedAffirmation) {
                        currentQuote.textContent = savedAffirmation;
                    } else {
                        const randomIndex = Math.floor(Math.random() * affirmations.length);
                        currentQuote.textContent = affirmations[randomIndex];
                    }
                }
            }
            
            function updateVibeMeter() {
                if (moodHistoryData.length === 0) {
                    vibeTitle.textContent = "Your Daily Vibe";
                    vibeMessage.textContent = "Track your mood to see your daily vibe score";
                    return;
                }
                const today = new Date().toDateString();
                let positiveCount = 0;
                let totalCount = 0;
                
                moodHistoryData.forEach(entry => {
                    const entryDate = new Date(entry.timestamp).toDateString();
                    if (entryDate === today) {
                        totalCount++;
                        if (entry.mood === 'happy' || entry.mood === 'calm' || entry.mood === 'focused' || entry.mood === 'creative') {
                            positiveCount++;
                        }
                    }
                });
                
                const vibeScore = totalCount > 0 ? Math.round((positiveCount / totalCount) * 100) : 0;
                vibeTitle.textContent = `Today's Vibe: ${vibeScore}% Positive`;
                
                if (vibeScore >= 80) {
                    vibeMessage.textContent = "🌟 Amazing day! You're crushing it!";
                } else if (vibeScore >= 60) {
                    vibeMessage.textContent = "👍 Good day! Keep up the positive energy!";
                } else if (vibeScore >= 40) {
                    vibeMessage.textContent = "💪 Mixed day - tomorrow will be better!";
                } else {
                    vibeMessage.textContent = "🤗 Tough day - be kind to yourself!";
                }
            }
            
            function setReminder() {
                const reminderTime = 25;
                showNotification(`Reminder set for ${reminderTime} minutes`);
                
                setTimeout(() => {
                    showNotification("⏰ Reminder: Time's up! Check your tasks");
                    try {
                        if (Notification.permission === "granted") {
                            new Notification("FocusFlow Reminder", {
                                body: "Your 25-minute reminder is up!",
                                icon: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366f1'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3Cpath d='M13 7h-2v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E"
                            });
                        }
                    } catch (e) {
                        console.log("Desktop notifications not supported", e);
                    }
                }, reminderTime * 60 * 1000);
            }
            
            function exportTxt() {
                const completedTasks = todos.filter(todo => todo.completed);
                const focusMinutes = Math.floor(focusTime / 60);
                let exportData = "FocusFlow Productivity Report\n";
                exportData += "==============================\n\n";
                exportData += `Generated: ${new Date().toLocaleString()}\n\n`;
                exportData += "Mood Statistics:\n";
                exportData += "----------------\n";
                exportData += `Happy: ${moodStats.happy} times\n`;
                exportData += `Calm: ${moodStats.calm} times\n`;
                exportData += `Focused: ${moodStats.focused} times\n`;
                exportData += `Stressed: ${moodStats.stressed} times\n`;
                exportData += `Creative: ${moodStats.creative} times\n\n`;
                exportData += "Productivity Metrics:\n";
                exportData += "---------------------\n";
                exportData += `Tasks Completed: ${completedTasks.length}\n`;
                exportData += `Focus Sessions: ${focusSessions}\n`;
                exportData += `Total Focus Time: ${focusMinutes} minutes\n\n`;
                exportData += "Mood Note:\n";
                exportData += "----------\n";
                exportData += currentNote ? currentNote + "\n\n" : "No note added\n\n";
                exportData += "Completed Tasks:\n";
                exportData += "----------------\n";
                if (completedTasks.length === 0) {
                    exportData += "No tasks completed yet\n";
                } else {
                    completedTasks.forEach((task, index) => {
                        exportData += `${index + 1}. ${task.text} (${moodLabels[task.mood]})\n`;
                    });
                }
                
                const blob = new Blob([exportData], { type: 'text/plain' });
                const url = URL.createObjectURL(blob);
                const a = document.createElement('a');
                a.href = url;
                a.download = `focusflow-report-${new Date().toISOString().split('T')[0]}.txt`;
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
                URL.revokeObjectURL(url);
                showNotification('Data exported as TXT!');
            }
            
            function exportJson() {
                const exportData = {
                    version: "1.0",
                    generated: new Date().toISOString(),
                    moodStats: moodStats,
                    moodHistory: moodHistoryData,
                    todos: todos,
                    focusSessions: focusSessions,
                    focusTime: focusTime,
                    notes: currentNote,
                    stats: {
                        completedTasks: document.getElementById('completed-tasks').textContent,
                        todayFocusTime: document.getElementById('today-focus-time').textContent,
                        focusSessions: document.getElementById('focus-sessions').textContent,
                        currentMood: document.getElementById('current-mood').textContent
                    }
                };
                const dataStr = JSON.stringify(exportData, null, 2);
                const blob = new Blob([dataStr], { type: 'application/json' });
                const url = URL.createObjectURL(blob);
                const a = document.createElement('a');
                a.href = url;
                a.download = `focusflow-data-${new Date().toISOString().split('T')[0]}.json`;
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
                URL.revokeObjectURL(url);
                showNotification('Data exported as JSON!');
            }
            
            // Modal functionality
            helpToggle.addEventListener('click', () => {
                helpModal.classList.add('active');
            });
            
            closeHelp.addEventListener('click', () => {
                helpModal.classList.remove('active');
            });
            
            feedbackBtn.addEventListener('click', () => {
                feedbackModal.classList.add('active');
            });
            
            closeFeedback.addEventListener('click', () => {
                feedbackModal.classList.remove('active');
            });
            
            feedbackForm.addEventListener('submit', (e) => {
                e.preventDefault();
                const feedbackMessage = document.getElementById('feedback-message').value.trim();
                if (feedbackMessage) {
                    showNotification('Thanks for your feedback! We appreciate your input.');
                    document.getElementById('feedback-message').value = '';
                    feedbackModal.classList.remove('active');
                } else {
                    showNotification('Please enter your feedback before submitting.');
                }
            });
            
            // Close modals when clicking outside
            document.querySelectorAll('.modal-overlay').forEach(overlay => {
                overlay.addEventListener('click', (e) => {
                    if (e.target === overlay) {
                        overlay.classList.remove('active');
                    }
                });
            });
            
            cancelResetBtn.addEventListener('click', () => {
                resetConfirmModal.classList.remove('active');
            });
            
            confirmResetBtn.addEventListener('click', performReset);
            
            // Initialization
            function init() {
                // Mood note
                saveNoteBtn.addEventListener('click', function() {
                    currentNote = moodNote.value.trim();
                    if (currentNote) {
                        showNotification('Note saved!');
                    } else {
                        showNotification('Note cleared');
                    }
                    localStorage.setItem('currentMoodNote', currentNote);
                });
                
                deleteNoteBtn.addEventListener('click', function() {
                    moodNote.value = '';
                    currentNote = '';
                    localStorage.setItem('currentMoodNote', '');
                    showNotification('Note deleted!');
                });
                
                const savedNote = localStorage.getItem('currentMoodNote');
                if (savedNote) {
                    moodNote.value = savedNote;
                    currentNote = savedNote;
                }
                
                // Affirmations
                setDailyAffirmation();
                
                // Vibe meter
                updateVibeMeter();
                
                // Reminder button
                reminderBtn.addEventListener('click', setReminder);
                
                // Export buttons
                exportTxtBtn.addEventListener('click', exportTxt);
                exportJsonBtn.addEventListener('click', exportJson);
                
                // Request notification permission
                if (Notification.permission !== "granted") {
                    Notification.requestPermission();
                }
                
                // Search functionality
                taskSearch.addEventListener('input', function() {
                    searchQuery = this.value;
                    renderTodos();
                });
                
                // Sort functionality
                sortSelect.addEventListener('change', function() {
                    sortBy = this.value;
                    renderTodos();
                });
                
                // Load data
                loadMoodStats();
                
                const savedTodos = localStorage.getItem('todos');
                if (savedTodos) {
                    todos = JSON.parse(savedTodos);
                }
                
                const savedSessions = localStorage.getItem('focusSessions');
                if (savedSessions) {
                    focusSessions = parseInt(savedSessions) || 0;
                    focusSessionsElement.textContent = focusSessions;
                }
                
                const savedFocusTime = localStorage.getItem('focusTime');
                if (savedFocusTime) {
                    focusTime = parseInt(savedFocusTime) || 0;
                }
                
                const savedFocusTimeData = localStorage.getItem('focusTimeData');
                if (savedFocusTimeData) {
                    focusTimeData = JSON.parse(savedFocusTimeData);
                } else {
                    focusTimeData = {};
                }
                
                renderTodos();
                setupFilters();
                todoForm.addEventListener('submit', addTodo);
                updateTimerDisplay();
                initCharts();
                updateStats();
                
                // Save data on page unload
                window.addEventListener('beforeunload', () => {
                    localStorage.setItem('todos', JSON.stringify(todos));
                    localStorage.setItem('focusSessions', focusSessions);
                    localStorage.setItem('focusTime', focusTime);
                    localStorage.setItem('focusTimeData', JSON.stringify(focusTimeData));
                });
            }
            
            init();
        });