1document.addEventListener('DOMContentLoaded', function () {
2    console.log('DOM fully loaded, searching for button...');
3    const body = document.body;
4    const toggleButton = document.getElementById('darkmode-toggle-btn');
5
6    if (!toggleButton) {
7        //console.error('Dark mode toggle button not found!');
8        return;
9    }
10
11    console.log('Button found, setting up toggle...');
12
13    // Apply dark mode if previously enabled
14    if (localStorage.getItem('darkMode') === 'enabled') {
15        console.log('Applying saved dark mode');
16        body.classList.add('dark-mode');
17    }
18
19    // Add event listener
20    toggleButton.addEventListener('click', function (e) {
21        e.preventDefault();
22        console.log('Button clicked, toggling dark mode');
23        body.classList.toggle('dark-mode');
24
25        // Save preference
26        if (body.classList.contains('dark-mode')) {
27            console.log('Dark mode enabled, saving to localStorage');
28            localStorage.setItem('darkMode', 'enabled');
29        } else {
30            console.log('Dark mode disabled, removing from localStorage');
31            localStorage.removeItem('darkMode');
32        }
33    });
34
35    console.log('Event listener attached to button');
36});