document.addEventListener('DOMContentLoaded', function() {
    const registerForm = document.getElementById('register-form');
    const loginForm = document.getElementById('login-form');
    const messageDiv = document.getElementById('message');

    const showMessage = (message, isError = false) => {
        messageDiv.textContent = message;
        messageDiv.className = isError ? 'alert alert-danger' : 'alert alert-success';
    };

    if (registerForm) {
        registerForm.addEventListener('submit', function(e) {
            e.preventDefault();
            const username = document.getElementById('username').value;
            const email = document.getElementById('email').value;
            const password = document.getElementById('password').value;

            fetch('/api/register.php', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ username, email, password })
            })
            .then(response => response.json())
            .then(data => {
                if (data.status === 'success') {
                    showMessage(data.message);
                    setTimeout(() => window.location.href = 'login.php', 2000);
                } else {
                    showMessage(data.message, true);
                }
            })
            .catch(error => {
                console.error('Registration error:', error);
                showMessage('An unexpected error occurred.', true);
            });
        });
    }

    if (loginForm) {
        loginForm.addEventListener('submit', function(e) {
            e.preventDefault();
            const email = document.getElementById('email').value;
            const password = document.getElementById('password').value;

            fetch('/api/login.php', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ email, password })
            })
            .then(response => response.json())
            .then(data => {
                if (data.status === 'success') {
                    showMessage(data.message);
                    setTimeout(() => window.location.href = 'index.php', 1500);
                } else {
                    showMessage(data.message, true);
                }
            })
            .catch(error => {
                console.error('Login error:', error);
                showMessage('An unexpected error occurred.', true);
            });
        });
    }
});