// Initialize tooltips
document.addEventListener('DOMContentLoaded', function() {
    // Initialize any tooltips or popovers
    const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
    tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl);
    });

    // Dark mode toggle functionality
    const darkModeToggle = document.getElementById('darkModeToggle');
    if (darkModeToggle) {
        darkModeToggle.addEventListener('click', function() {
            document.documentElement.classList.toggle('dark');
            localStorage.setItem('darkMode', document.documentElement.classList.contains('dark'));
        });
    }

    // Check for saved dark mode preference
    if (localStorage.getItem('darkMode') === 'true') {
        document.documentElement.classList.add('dark');
    } else if (localStorage.getItem('darkMode') === 'false') {
        document.documentElement.classList.remove('dark');
    }
});

// API fetch for UFO sightings data
async function fetchUFOSightings() {
    try {
        const response = await fetch('https://data.nasa.gov/resource/gh4g-9sfh.json?$limit=5');
        const data = await response.json();
        console.log('UFO sightings data:', data);
        // Process and display data here
    } catch (error) {
        console.error('Error fetching UFO sightings:', error);
    }
}

// Call the function when the page loads
window.addEventListener('load', fetchUFOSightings);