verify auth.js

// static/js/auth.js
console.log("auth.js loaded successfully!");

async function login() {
    console.log("Login function called");
    
    const username = document.getElementById('username').value.trim();
    const password = document.getElementById('password').value.trim();

    console.log("Username:", username);
    console.log("Password:", password);

    if (!username || !password) {
        showAlert('Please fill in all fields', 'error');
        return;
    }

    try {
        console.log("Sending login request...");
        const response = await fetch('/api/auth/login', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({ username, password })
        });

        const data = await response.json();
        console.log("Login response:", data);

        if (data.success) {
            showAlert('Login successful!');
            setTimeout(() => {
                window.location.href = '/';
            }, 1000);
        } else {
            showAlert('Login failed: ' + data.message, 'error');
        }
    } catch (error) {
        console.error('Login error:', error);
        showAlert('An error occurred during login: ' + error.message, 'error');
    }
}

async function register() {
    console.log("Register function called");
    
    const username = document.getElementById('username').value.trim();
    const email = document.getElementById('email').value.trim();
    const password = document.getElementById('password').value.trim();
    const confirmPassword = document.getElementById('confirm-password').value.trim();

    if (!username || !email || !password || !confirmPassword) {
        showAlert('Please fill in all fields', 'error');
        return;
    }

    if (password !== confirmPassword) {
        showAlert('Passwords do not match', 'error');
        return;
    }

    if (password.length < 6) {
        showAlert('Password must be at least 6 characters long', 'error');
        return;
    }

    try {
        console.log("Sending registration request...");
        const response = await fetch('/api/auth/register', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({ username, email, password })
        });

        const data = await response.json();
        console.log("Registration response:", data);

        if (data.success) {
            showAlert('Registration successful!');
            setTimeout(() => {
                window.location.href = '/';
            }, 1000);
        } else {
            showAlert('Registration failed: ' + data.message, 'error');
        }
    } catch (error) {
        console.error('Registration error:', error);
        showAlert('An error occurred during registration: ' + error.message, 'error');
    }
}

// Make functions globally available
window.login = login;
window.register = register;