script.js

//search bar:
function search(engine) {
  const query = document.getElementById('search-input').value.trim();
  if (!query) return;
  
  const urls = {
    google: `https://www.google.com/search?q=${query}`,
    duckduckgo: `https://duckduckgo.com/?q=${query}`,
    bing: `https://www.bing.com/search?q=${query}`,
    youtube: `https://www.youtube.com/results?search_query=${query}`
  };
  
  window.open(urls[engine], '_blank');
}

// Welcomer:
document.addEventListener('DOMContentLoaded', function() {
    try {
      const hour = new Date().getHours();
      let greeting;
      
      if (hour < 12) greeting = "Morning!";
      else if (hour < 18) greeting = "Good afternoon!";
      else greeting = "Evening!";
      
      const greetingElement = document.getElementById('welcomer');
      if (greetingElement) {
        greetingElement.textContent = `${greeting}`;
      } else {
        console.error("Failed to welcome user: Element with ID 'welcomer' was not found!");
      }
    } catch (error) {
      console.error("Error in welcoming script:", error);
    }
  });


// Clock:
document.addEventListener('DOMContentLoaded', () => {
    const clock = document.getElementById('clock');
    
    if (!clock) {
      console.error("somehow, the clock was not found!");
      return;
    }
  
    function update() {
      clock.textContent = new Date().toLocaleTimeString();
    }
    
    update();
    setInterval(update, 1000);
  });


// date:
document.getElementById('date').textContent = new Date().toLocaleDateString('en-US', {
  weekday: 'long',
  month: 'long',
  day: 'numeric',
  year: 'numeric'
});



// fuckass code - weather code is broken fix it later.
// document.addEventListener('DOMContentLoaded', async () => {
//   const weatherResult = document.getElementById('weather-result');
  
//   try {
//     //Approximate location using IP (if u r reading dis, i dont collect ur ip nor i want it.)
//     const ipLoc = await fetch('https://ipapi.co/json/').then(res => res.json());
    
//     //Fetch weather info
//     const weather = await fetch(
//       `https://api.open-meteo.com/v1/forecast?latitude=${ipLoc.latitude}&longitude=${ipLoc.longitude}&current_weather=true&temperature_unit=celsius`
//     ).then(res => res.json());
    
//     //Display info
//     weatherResult.innerHTML = `
//       <h3>${weather.current_weather.temperature}°C • ${getWeatherIcon(weather.current_weather.weathercode)}</h3>
//       <h3>${ipLoc.city || 'Your location'}</h3>
//     `;
    
//   } catch (error) {
//     weatherResult.innerHTML = `
//       <p>Weather unavailable :(</p>
//       <button onclick="retryWeather()">Retry</button>
//     `; if you are reading this. yes, AI helped me script this website, does that make me a bad person? I'm not sure.
//     console.error("Weather error happend!:", error);
//   }
// });

// function retryWeather() {
//   document.getElementById('weather-result').textContent = "Loading...";
//   document.dispatchEvent(new Event('DOMContentLoaded'));
// }

// function getWeatherIcon(code) {
//   const icons = { 
//     0: "☀️", 1: "🌤️", 2: "⛅", 3: "☁️", 
//     45: "🌫️", 51: "🌧️", 61: "🌧️", 80: "🌦️" 
//   };
//   return icons[code] || "🌈";
// }


// settings:
// Get modal
var modal = document.getElementById("myModal");

var btn = document.getElementById("myBtn");

//<span> element closes the modal
var span = document.getElementsByClassName("close")[0];

// When user clicks button open modal
btn.onclick = function() {
  modal.style.display = "block";
}

// When user clicks <span>, close the modal
span.onclick = function() {
  modal.style.display = "none";
}

// When clicks outside close it
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}
//settings toggles
//clock

function handleClockToggle() {
  const clockElement = document.getElementById('clockLine');
  if (clockElement) {
    const isClockHidden = clockElement.style.display === 'none';
    clockElement.style.display = isClockHidden ? 'inline' : 'none';

    // Save the preference to localStorage
    localStorage.setItem('clockVisibility', isClockHidden ? 'visible' : 'hidden');
  } else {
    console.error("Clock element not found!");
  }
}

function loadClockPreference() {
  const clockElement = document.getElementById('clockLine');
  if (clockElement) {
    const clockVisibility = localStorage.getItem('clockVisibility');
    
    if (clockVisibility) {
      clockElement.style.display = clockVisibility === 'visible' ? 'inline' : 'none';
    }
  }
}
window.addEventListener('DOMContentLoaded', loadClockPreference);

//date
function handleDateToggle() {
  const dateElement = document.getElementById('dateLine');
  if (dateElement) {
    // Toggle the display
    const isDateHidden = dateElement.style.display === 'none';
    dateElement.style.display = isDateHidden ? 'block' : 'none';
    
    // Save the preference to localStorage
    localStorage.setItem('dateVisibility', isDateHidden ? 'visible' : 'hidden');
  } else {
    console.error("Date element not found!");
  }
}

function loadDatePreference() {
  const dateElement = document.getElementById('dateLine');
  if (dateElement) {
    const dateVisibility = localStorage.getItem('dateVisibility');
    
    // If there's a saved preference, apply it
    if (dateVisibility) {
      dateElement.style.display = dateVisibility === 'visible' ? 'block' : 'none';
    }
  }
}
window.addEventListener('DOMContentLoaded', loadDatePreference);

//QuickLinks
function handleQLToggle() {
  const dateElement = document.getElementById('quicklinksDiv');
  if (dateElement) {
    const isQLHidden = dateElement.style.display === 'none';
    dateElement.style.display = isQLHidden ? 'initial' : 'none';
    
    localStorage.setItem('qlVisibility', isQLHidden ? 'visible' : 'hidden');
  } else {
    console.error("QL element not found!");
  }
}

function loadQLPreference() {
  const qlElement = document.getElementById('quicklinksDiv');
  if (qlElement) {
    const qlVisibility = localStorage.getItem('qlVisibility');
    
    if (qlVisibility) {
      qlElement.style.display = qlVisibility === 'visible' ? 'initial' : 'none';
    }
  }
}
window.addEventListener('DOMContentLoaded', loadQLPreference);


//Background Handler:
// Presets
const presets = [
            'assets/backgrounds/1.gif',
            'assets/backgrounds/2.gif',
            'assets/backgrounds/3.gif',
            'assets/backgrounds/4.gif',
            'assets/backgrounds/5.gif',
            'assets/backgrounds/6.gif',
            'assets/backgrounds/7.gif',
            'assets/backgrounds/8.gif',
            'assets/backgrounds/9.gif',
            'assets/backgrounds/10.gif',
        ];

        // DOM elements
        const presetBtns = document.getElementById('preset-btns');
        const bgUrlInput = document.getElementById('bg-url');
        const setUrlBtn = document.getElementById('set-url-btn');
        const bgUpload = document.getElementById('bg-upload');
        const setUploadBtn = document.getElementById('set-upload-btn');
        const resetBtn = document.getElementById('reset-btn');
        const randomLoadCheck = document.getElementById('random-load');
        const enableCycleCheck = document.getElementById('enable-cycle');
        const cycleTimeSelect = document.getElementById('cycle-time');
        const nextBgBtn = document.getElementById('next-bg-btn');

        // State variables
        let currentPresetIndex = 0;
        let cycleInterval = null;
        let isCycling = false;

        // Initialize UI from localStorage
        function initFromStorage() {
            // Load saved background
            const savedBg = localStorage.getItem('savedBackground');
            if (savedBg) {
                setBackground(savedBg, false);
            }
            
            // Load cycling preferences
            if (localStorage.getItem('randomLoad') === 'true') {
                randomLoadCheck.checked = true;
                showRandomBackground();
            }
            
            if (localStorage.getItem('enableCycle') === 'true') {
                enableCycleCheck.checked = true;
                const minutes = parseInt(localStorage.getItem('cycleTime') || '5');
                cycleTimeSelect.value = minutes;
                startCycling(minutes);
            }
        }

        // Create preset buttons
        function createPresetButtons() {
            presetBtns.innerHTML = '';
            presets.forEach((url, index) => {
                const btn = document.createElement('div');
                btn.className = 'preset-btn';
                btn.style.backgroundImage = `url(${url})`;
                btn.title = `Preset ${index + 1}`;
                btn.onclick = () => {
                    setBackground(url, true);
                    currentPresetIndex = index;
                    stopCycling();
                };
                presetBtns.appendChild(btn);
            });
        }

        // Set background function
        function setBackground(imageSrc, save = true) {
            document.body.style.backgroundImage = `url(${imageSrc})`;
            if (save) {
                localStorage.setItem('savedBackground', imageSrc);
            }
        }

        // Show next preset background
        function showNextBackground() {
            currentPresetIndex = (currentPresetIndex + 1) % presets.length;
            setBackground(presets[currentPresetIndex], true);
        }

        // Show random background
        function showRandomBackground() {
            const randomIndex = Math.floor(Math.random() * presets.length);
            currentPresetIndex = randomIndex;
            setBackground(presets[randomIndex], true);
        }

        // Start background cycling
        function startCycling(minutes) {
            stopCycling();
            isCycling = true;
            const milliseconds = minutes * 60 * 1000;
            cycleInterval = setInterval(showNextBackground, milliseconds);
            localStorage.setItem('enableCycle', 'true');
            localStorage.setItem('cycleTime', minutes.toString());
        }

        // Stop background cycling
        function stopCycling() {
            if (cycleInterval) {
                clearInterval(cycleInterval);
                cycleInterval = null;
            }
            isCycling = false;
            localStorage.setItem('enableCycle', 'false');
        }

        // Event listeners
        setUrlBtn.addEventListener('click', () => {
            const url = bgUrlInput.value.trim();
            if (url) {
                setBackground(url, true);
                stopCycling();
            }
        });

        setUploadBtn.addEventListener('click', () => {
            const file = bgUpload.files[0];
            if (file) {
                const reader = new FileReader();
                reader.onload = (e) => {
                    setBackground(e.target.result, true);
                    stopCycling();
                };
                reader.readAsDataURL(file);
            }
        });

        resetBtn.addEventListener('click', () => {
            localStorage.removeItem('savedBackground');
            document.body.style.backgroundImage = '';
            stopCycling();
        });

        randomLoadCheck.addEventListener('change', (e) => {
            localStorage.setItem('randomLoad', e.target.checked.toString());
        });

        enableCycleCheck.addEventListener('change', (e) => {
            if (e.target.checked) {
                const minutes = parseInt(cycleTimeSelect.value);
                startCycling(minutes);
            } else {
                stopCycling();
            }
        });

        cycleTimeSelect.addEventListener('change', (e) => {
            if (isCycling) {
                const minutes = parseInt(e.target.value);
                startCycling(minutes);
            }
        });

        nextBgBtn.addEventListener('click', showNextBackground);

        // Initialize the app
        createPresetButtons();
        initFromStorage();