import('bootstrap');

document.addEventListener('DOMContentLoaded', () => {
    const themeToggle = document.getElementById('theme-toggle') as HTMLInputElement | null;

    if (themeToggle) {
        const currentTheme = localStorage.getItem('theme');
        if (currentTheme) {
            document.documentElement.classList.add(currentTheme);
            themeToggle.checked = currentTheme === 'white-theme';
        }

        themeToggle.addEventListener('change', () => {
            document.documentElement.classList.toggle('white-theme', themeToggle.checked);

            localStorage.setItem('theme', themeToggle.checked ? 'white-theme' : '');
        });
    } else {
        const currentTheme = localStorage.getItem('theme');
        if (currentTheme) {
            document.documentElement.classList.add(currentTheme);
        }
    }
});