// F5 UDF Demo App - Shared Theme Toggle
function toggleTheme() {
    const html = document.documentElement;
    const icon = document.getElementById('theme-icon');
    const label = document.getElementById('theme-label');
    if (html.getAttribute('data-theme') === 'dark') {
        html.setAttribute('data-theme', 'light');
        icon.textContent = '🌙';
        label.textContent = 'Dark Mode';
        localStorage.setItem('theme', 'light');
    } else {
        html.setAttribute('data-theme', 'dark');
        icon.textContent = '☀️';
        label.textContent = 'Light Mode';
        localStorage.setItem('theme', 'dark');
    }
}

// Auto-load saved theme on every page
(function() {
    const savedTheme = localStorage.getItem('theme') || 'dark';
    document.documentElement.setAttribute('data-theme', savedTheme);
    window.addEventListener('DOMContentLoaded', function() {
        const icon = document.getElementById('theme-icon');
        const label = document.getElementById('theme-label');
        if (icon && label) {
            if (savedTheme === 'light') {
                icon.textContent = '🌙';
                label.textContent = 'Dark Mode';
            } else {
                icon.textContent = '☀️';
                label.textContent = 'Light Mode';
            }
        }
    });
})();