const SUPPORTED_LANG = {
    'fr': 'index.html',
    'de': 'index_de.html',
    'en': 'index_en.html'
};

// Redirection en fonction du choix de l'utilisateur ou de la langue du navigateur
(function () {
    const lang = localStorage.getItem('lang') !== null ? localStorage.getItem('lang') : navigator.language.slice(0, 2);
    setLanguage(lang)
})();

function setLanguage(lang) {
    if (!SUPPORTED_LANG[lang]) {
        lang = 'fr'
    }
    localStorage.setItem('lang', lang);
    if (!location.pathname.endsWith('/' + SUPPORTED_LANG[lang])) {
        window.location.replace(SUPPORTED_LANG[lang]);
    }
}

// Pour éviter les attributs inline (bloquées par les CSP), on ajoute ici les listeners
document.addEventListener('DOMContentLoaded', () => {
    document.getElementById('btn-fr')?.addEventListener('click', () => setLanguage('fr'));
    document.getElementById('btn-de')?.addEventListener('click', () => setLanguage('de'));
    document.getElementById('btn-en')?.addEventListener('click', () => setLanguage('en'));
});