Parking/js/auth.js

const AUTH_CONFIG = {
    apiUrl: '/api', 
    tokenKey: 'smart_parking_token',
    userKey: 'smart_parking_user'
};

let authState = {
    isLoggedIn: false,
    user: null,
    token: null
};

document.addEventListener('DOMContentLoaded', () => {
    console.log('🔐 Initialisation du système d\'authentification...');
    checkAuthStatus();
    initEventListeners();
});

function checkAuthStatus() {
    const token = localStorage.getItem(AUTH_CONFIG.tokenKey);
    const user = localStorage.getItem(AUTH_CONFIG.userKey);
    if (token && user) {
        authState.token = token;
        authState.user = JSON.parse(user);
        authState.isLoggedIn = true;
        window.location.href = 'pages/dashboard.html';
    }
}

function initEventListeners() {
    const showRegister = document.getElementById('showRegister');
    if (showRegister) {
        showRegister.addEventListener('click', (e) => {
            e.preventDefault();
            showRegisterForm();
        });
    }

    const showLogin = document.getElementById('showLogin');
    if (showLogin) {
        showLogin.addEventListener('click', (e) => {
            e.preventDefault();
            showLoginForm();
        });
    }

    const loginForm = document.getElementById('loginForm');
    if (loginForm) loginForm.addEventListener('submit', handleLogin);

    const registerForm = document.getElementById('registerForm');
    if (registerForm) registerForm.addEventListener('submit', handleRegister);
}

function showRegisterForm() {
    document.getElementById('loginForm').classList.add('hidden');
    document.getElementById('registerForm').classList.remove('hidden');
    hideMessage();
}

function showLoginForm() {
    document.getElementById('registerForm').classList.add('hidden');
    document.getElementById('loginForm').classList.remove('hidden');
    hideMessage();
}

async function handleLogin(e) {
    e.preventDefault();
    const email = document.getElementById('loginEmail').value;
    const password = document.getElementById('loginPassword').value;

    if (!email || !password) {
        showMessage('Veuillez remplir tous les champs', 'error');
        return;
    }

    try {
        const response = await fetch(`${AUTH_CONFIG.apiUrl}/login`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ email, password })
        });

        const data = await response.json();

        if (data.success) {
            localStorage.setItem(AUTH_CONFIG.tokenKey, data.token);
            localStorage.setItem(AUTH_CONFIG.userKey, JSON.stringify(data.user));
            showMessage('Connexion réussie ! Redirection...', 'success');
            setTimeout(() => { window.location.href = 'pages/dashboard.html'; }, 1000);
        } else {
            showMessage(data.message || 'Email ou mot de passe incorrect', 'error');
        }
    } catch (error) {
        console.error('Erreur connexion:', error);
        handleOfflineLogin(email, password);
    }
}

function handleOfflineLogin(email, password) {
    const users = JSON.parse(localStorage.getItem('smart_parking_users') || '[]');
    const user = users.find(u => u.email === email && u.password === password);

    if (user) {
        const token = generateToken();
        localStorage.setItem(AUTH_CONFIG.tokenKey, token);
        localStorage.setItem(AUTH_CONFIG.userKey, JSON.stringify(user));
        showMessage('Connexion réussie ! Redirection...', 'success');
        setTimeout(() => { window.location.href = 'pages/dashboard.html'; }, 1000);
    } else {
        if (email === 'admin@smartparking.fr' && password === 'admin123') {
            const adminUser = {
                id: 1, name: 'Administrateur',
                email: 'admin@smartparking.fr',
                phone: '01 23 45 67 89', role: 'admin'
            };
            const token = generateToken();
            localStorage.setItem(AUTH_CONFIG.tokenKey, token);
            localStorage.setItem(AUTH_CONFIG.userKey, JSON.stringify(adminUser));
            showMessage('Connexion admin réussie ! Redirection...', 'success');
            setTimeout(() => { window.location.href = 'pages/dashboard.html'; }, 1000);
            return;
        }
        showMessage('Email ou mot de passe incorrect', 'error');
    }
}

async function handleRegister(e) {
    e.preventDefault();
    const name = document.getElementById('registerName').value;
    const email = document.getElementById('registerEmail').value;
    const phone = document.getElementById('registerPhone').value;
    const password = document.getElementById('registerPassword').value;
    const passwordConfirm = document.getElementById('registerPasswordConfirm').value;

    if (!name || !email || !phone || !password) {
        showMessage('Veuillez remplir tous les champs', 'error');
        return;
    }
    if (password !== passwordConfirm) {
        showMessage('Les mots de passe ne correspondent pas', 'error');
        return;
    }
    if (password.length < 8) {
        showMessage('Le mot de passe doit faire au moins 8 caractères', 'error');
        return;
    }

    try {
        const response = await fetch(`${AUTH_CONFIG.apiUrl}/register`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ name, email, phone, password })
        });

        const data = await response.json();

        if (data.success) {
            showMessage('Compte créé avec succès ! Vous pouvez vous connecter.', 'success');
            setTimeout(() => {
                showLoginForm();
                document.getElementById('loginEmail').value = email;
            }, 1500);
        } else {
            showMessage(data.message || 'Erreur lors de la création du compte', 'error');
        }
    } catch (error) {
        console.error('Erreur inscription:', error);
        handleOfflineRegister(name, email, phone, password);
    }
}

function handleOfflineRegister(name, email, phone, password) {
    let users = JSON.parse(localStorage.getItem('smart_parking_users') || '[]');
    if (users.find(u => u.email === email)) {
        showMessage('Cet email est déjà utilisé', 'error');
        return;
    }
    const newUser = {
        id: Date.now(), name, email, phone, password,
        role: 'client', createdAt: new Date().toISOString()
    };
    users.push(newUser);
    localStorage.setItem('smart_parking_users', JSON.stringify(users));
    showMessage('Compte créé avec succès ! Vous pouvez vous connecter.', 'success');
    setTimeout(() => {
        showLoginForm();
        document.getElementById('loginEmail').value = email;
    }, 1500);
}

function generateToken() {
    return 'token_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
}

function showMessage(message, type) {
    const messageEl = document.getElementById('authMessage');
    messageEl.textContent = message;
    messageEl.className = `auth-message ${type}`;
    messageEl.classList.remove('hidden');
}

function hideMessage() {
    const messageEl = document.getElementById('authMessage');
    messageEl.classList.add('hidden');
}

function logout() {
    localStorage.removeItem(AUTH_CONFIG.tokenKey);
    localStorage.removeItem(AUTH_CONFIG.userKey);
    window.location.href = '../index.html';
}

window.Auth = {
    logout,
    getToken: () => localStorage.getItem(AUTH_CONFIG.tokenKey),
    getUser: () => JSON.parse(localStorage.getItem(AUTH_CONFIG.userKey) || 'null'),
    isAdmin: () => {
        const user = JSON.parse(localStorage.getItem(AUTH_CONFIG.userKey) || 'null');
        return user && user.role === 'admin';
    }
};