Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory :  /home/gositeme/domains/gocodeme.com/public_html/epicerieguertin.ca/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

document.addEventListener('DOMContentLoaded', () => {
    const langBtns = document.querySelectorAll('.lang');
    const allText = document.querySelectorAll('[data-fr][data-en]');
    const menuBtns = document.querySelectorAll('.menu-btn');
    const panels = document.querySelectorAll('.panel');
    
    let currentLang = localStorage.getItem('lang') || 'fr';
    
    function setLang(lang) {
        currentLang = lang;
        localStorage.setItem('lang', lang);
        
        langBtns.forEach(btn => {
            btn.classList.toggle('active', btn.dataset.lang === lang);
        });
        
        allText.forEach(el => {
            const text = el.getAttribute(`data-${lang}`);
            if (text) {
                el.textContent = text;
            }
        });
        
        document.documentElement.lang = lang;
    }
    
    langBtns.forEach(btn => {
        btn.addEventListener('click', () => {
            setLang(btn.dataset.lang);
        });
    });
    
    setLang(currentLang);
    
    menuBtns.forEach(btn => {
        btn.addEventListener('click', () => {
            const panelId = btn.dataset.panel;
            
            menuBtns.forEach(b => b.classList.remove('active'));
            btn.classList.add('active');
            
            panels.forEach(p => {
                p.classList.remove('active');
            });
            
            setTimeout(() => {
                const target = document.getElementById(panelId);
                if (target) {
                    target.classList.add('active');
                }
            }, 100);
        });
    });
});