const THEME_KEY = "ZULMA_THEME";

let theme = localStorage.getItem(THEME_KEY);
if (theme) {
    changeTheme(theme);
    window.addEventListener('DOMContentLoaded', () => {
        document.querySelectorAll('#theme-select>option').forEach(element => {
            if (element.value === theme) {
                element.selected = 'selected';
            }
        });
    });    
}

window.addEventListener('DOMContentLoaded', () => {
    document.getElementById('theme-select').onchange = function () {
        changeTheme(this.value);
    }
});

function changeTheme(themeName) {
    let alternates = [];

    document.querySelectorAll('link.stylesheet').forEach(element => {
        if (element.id === themeName) {
            element.disabled = false;
            element.media = '';
        }
        else {
            alternates.push(element);
        }
    });

    alternates.forEach(element => {
        element.disabled = true;
        element.media = 'none';
    });

    saveTheme(themeName);
}

function saveTheme(themeName) {
    localStorage.setItem(THEME_KEY, themeName);
}