document.addEventListener('DOMContentLoaded', function() {
    const loginForm = document.getElementById('loginForm');
    const togglePassword = document.getElementById('togglePassword');
    const passwordInput = document.getElementById('password');
    togglePassword.addEventListener('click', function() {
        const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
        passwordInput.setAttribute('type', type);
        const icon = togglePassword.querySelector('i');
        icon.className = type === 'password' ? 'ri-eye-line' : 'ri-eye-off-line';
    });
    // loginForm.addEventListener('submit', async function(e) {
    //     e.preventDefault();
    //     const email = document.getElementById('email').value;
    //     const password = document.getElementById('password').value;
    //     const remember = document.getElementById('remember').checked;
    //     //const captcha = document.getElementById('captcha').checked;
    //     // if (!captcha) {
    //     //     const notification = document.createElement('div');
    //     //     notification.className = 'fixed top-4 right-4 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg';
    //     //     notification.textContent = 'Будь ласка, підтвердіть, що ви не робот';
    //     //     document.body.appendChild(notification);
    //     //     setTimeout(() => notification.remove(), 3000);
    //     //     return;
    //     // }
    //
    //     const formData = new URLSearchParams();
    //     formData.append('email', email);
    //     formData.append('password', password);
    //     formData.append('remember', remember);
    //     //formData.append('captcha', captcha);
    //
    //     try {
    //         const response = await fetch('https://readdy.ai/api/form/d27mj7j75u8t3veabtvg', {
    //             method: 'POST',
    //             headers: {
    //                 'Content-Type': 'application/x-www-form-urlencoded',
    //             },
    //             body: formData
    //         });
    //
    //         if (response.ok) {
    //             document.getElementById('loginPage').classList.add('hidden');
    //             document.getElementById('dashboardPage').classList.remove('hidden');
    //
    //             const successNotification = document.createElement('div');
    //             successNotification.className = 'fixed top-4 right-4 bg-green-500 text-white px-6 py-3 rounded-lg shadow-lg';
    //             successNotification.textContent = 'Успішний вхід';
    //             document.body.appendChild(successNotification);
    //             setTimeout(() => successNotification.remove(), 3000);
    //         }
    //         else {
    //             const errorNotification = document.createElement('div');
    //             errorNotification.className = 'fixed top-4 right-4 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg';
    //             errorNotification.textContent = 'Помилка входу. Спробуйте ще раз';
    //             document.body.appendChild(errorNotification);
    //             setTimeout(() => errorNotification.remove(), 3000);
    //         }
    //     }
    //     catch (error) {
    //         const errorNotification = document.createElement('div');
    //         errorNotification.className = 'fixed top-4 right-4 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg';
    //         errorNotification.textContent = 'Помилка мережі. Спробуйте пізніше';
    //         document.body.appendChild(errorNotification);
    //         setTimeout(() => errorNotification.remove(), 3000);
    //     }
    // });
});

document.addEventListener('DOMContentLoaded', function() {
    function setupCheckbox(checkboxId, boxId, checkId) {
        const checkbox = document.getElementById(checkboxId);
        const box = document.getElementById(boxId);
        const check = document.getElementById(checkId);
        checkbox.addEventListener('change', function() {
            if (this.checked) {
                box.classList.add('border-primary', 'bg-primary/20');
                check.classList.remove('opacity-0');
                check.classList.add('opacity-100');
            } else {
                box.classList.remove('border-primary', 'bg-primary/20');
                check.classList.remove('opacity-100');
                check.classList.add('opacity-0');
            }
        });
    }
    setupCheckbox('remember', 'rememberBox', 'rememberCheck');
});

document.addEventListener('DOMContentLoaded', function() {
    //const logoutBtn = document.getElementById('logoutBtn');
    const langUA = document.getElementById('langUA');
    const langEN = document.getElementById('langEN');
    const scriptsTab = document.getElementById('scriptsTab');
    const indicatorsTab = document.getElementById('indicatorsTab');
    // logoutBtn.addEventListener('click', function() {
    //     document.getElementById('dashboardPage').classList.add('hidden');
    //     document.getElementById('loginPage').classList.remove('hidden');
    //     document.getElementById('loginForm').reset();
    // });
    // langUA.addEventListener('click', function() {
    //     langUA.classList.add('bg-primary', 'text-white');
    //     langUA.classList.remove('text-slate-300');
    //     langEN.classList.remove('bg-primary', 'text-white');
    //     langEN.classList.add('text-slate-300');
    // });
    // langEN.addEventListener('click', function() {
    //     langEN.classList.add('bg-primary', 'text-white');
    //     langEN.classList.remove('text-slate-300');
    //     langUA.classList.remove('bg-primary', 'text-white');
    //     langUA.classList.add('text-slate-300');
    // });
    // scriptsTab.addEventListener('click', function() {
    //     scriptsTab.classList.add('bg-primary', 'text-white');
    //     scriptsTab.classList.remove('text-slate-300', 'hover:text-white', 'hover:bg-slate-700');
    //     indicatorsTab.classList.remove('bg-primary', 'text-white');
    //     indicatorsTab.classList.add('text-slate-300', 'hover:text-white', 'hover:bg-slate-700');
    // });
    // indicatorsTab.addEventListener('click', function() {
    //     indicatorsTab.classList.add('bg-primary', 'text-white');
    //     indicatorsTab.classList.remove('text-slate-300', 'hover:text-white', 'hover:bg-slate-700');
    //     scriptsTab.classList.remove('bg-primary', 'text-white');
    //     scriptsTab.classList.add('text-slate-300', 'hover:text-white', 'hover:bg-slate-700');
    // });
});