mon-petit-pari/js/auth.js

const API_BASE_URL = 'https://monpetitpari.fr/api';

// Gestion du token dans le stockage local
function getToken() {
    return localStorage.getItem('authToken');
}

function setToken(token) {
    localStorage.setItem('authToken', token);
}

function removeToken() {
    localStorage.removeItem('authToken');
    localStorage.removeItem('currentUser');
}

// Moteur d'appel API sécurisé et centralisé
async function apiCall(endpoint, method = 'GET', data = null) {
    const options = {
        method: method,
        headers: { 'Content-Type': 'application/json' }
    };

    const token = getToken();
    if (token) options.headers['Authorization'] = `Bearer ${token}`;

    if (data && (method === 'POST' || method === 'PUT')) {
        options.body = JSON.stringify(data);
    }

    try {
        const response = await fetch(`${API_BASE_URL}/${endpoint}`, options);
        const text = await response.text();
        const result = JSON.parse(text);

        if (!response.ok) {
            throw new Error(result.error || 'Erreur serveur');
        }
        return result;
    } catch (error) {
        console.error('API Error:', error);
        throw error;
    }
}

// Inscription
async function register() {
    const username = document.getElementById('regUsername').value;
    const email = document.getElementById('regEmail').value;
    const password = document.getElementById('regPassword').value;

    if (!username || !email || !password) {
        alert('Veuillez remplir tous les champs');
        return;
    }

    try {
        const result = await apiCall('auth.php?action=register', 'POST', {
            username,
            email,
            password
        });

        setToken(result.token);
        localStorage.setItem('currentUser', JSON.stringify(result.user));

        alert('Compte créé avec succès!');
        closeModal();

        if (result.user.role === 'admin') {
            window.location.href = 'admin.html';
        } else {
            window.location.href = 'dashboard.html';
        }
    } catch (error) {
        alert(error.message);
    }
}

// Connexion
async function login() {
    const username = document.getElementById('loginUsername').value;
    const password = document.getElementById('loginPassword').value;

    if (!username || !password) {
        alert('Veuillez remplir tous les champs');
        return;
    }

    try {
        const result = await apiCall('auth.php?action=login', 'POST', {
            username,
            password
        });

        setToken(result.token);
        localStorage.setItem('currentUser', JSON.stringify(result.user));

        if (result.user.role === 'admin') {
            window.location.href = 'admin.html';
        } else {
            window.location.href = 'dashboard.html';
        }
    } catch (error) {
        alert(error.message);
    }
}

// Déconnexion
function logout() {
    removeToken();
    window.location.href = 'index.html';
}

// Afficher / Masquer la fenêtre modale de connexion et d'inscription
function showModal(type) {
    document.getElementById('authModal').style.display = 'block';
    if (type === 'register') {
        toggleAuth('register');
    } else {
        toggleAuth('login');
    }
}

function closeModal() {
    document.getElementById('authModal').style.display = 'none';
}

function toggleAuth(type) {
    if (type === 'login') {
        document.getElementById('loginForm').style.display = 'block';
        document.getElementById('registerForm').style.display = 'none';
    } else {
        document.getElementById('loginForm').style.display = 'none';
        document.getElementById('registerForm').style.display = 'block';
    }
}

// Initialisation au chargement de la page
window.onload = function() {
    // Sécurité : Attacher l'événement au bouton Connexion s'il n'a pas l'attribut onclick dans le HTML
    const loginBtn = document.getElementById('loginBtn');
    if (loginBtn && !loginBtn.onclick) {
        loginBtn.onclick = () => showModal('login');
    }

    // Vérifier si l'utilisateur est déjà connecté pour le rediriger directement
    const token = getToken();
    const user = localStorage.getItem('currentUser');

    if (token && user) {
        try {
            const userData = JSON.parse(user);
            if (userData.role === 'admin') {
                window.location.href = 'admin.html';
            } else {
                window.location.href = 'dashboard.html';
            }
        } catch(e) {
            removeToken();
        }
    }
};

// Fermer la modale en cliquant à l'extérieur de la boîte de dialogue
window.onclick = function(event) {
    const modal = document.getElementById('authModal');
    if (event.target === modal) {
        closeModal();
    }
};