// Définir l'URL de l'API en haut du fichier
const API_BASE_URL = "http://localhost/est-concours/model/api/employee.php";

document.addEventListener('DOMContentLoaded', () => {
    
    // 1. Initialisation du bouton de création
    const createBtn = document.querySelector('button[onclick="createEmployee()"]');

    if (createBtn) {
        createBtn.addEventListener('click', (e) => {
            e.preventDefault(); // Empêche le comportement par défaut si c'est un formulaire
            createEmployee();
        });
    }

    // 2. Gestion de la touche "Entrée" sur le formulaire
    const form = document.getElementById('loginForm');
    if (form) {
        form.addEventListener('keypress', (e) => {
            if (e.key === 'Enter') {
                e.preventDefault();
                createEmployee();
            }
        });
    }
});

// --- Fonctions globales (en dehors du DOMContentLoaded) ---

function createEmployee() {
    // Récupération des valeurs
    const cin = document.getElementById('cin')?.value.trim();
    const email = document.getElementById('email')?.value.trim();
    const nom = document.getElementById('nom')?.value.trim();
    const prenom = document.getElementById('prenom')?.value.trim();
    const password = document.getElementById('Password')?.value.trim();
    const login = document.getElementById('login')?.value.trim();
    const phone = document.getElementById('Phone')?.value.trim();

    // Validation simple
    if (!cin || !email || !nom || !prenom || !password || !login || !phone) {
        alert("Veuillez remplir tous les champs.");
        return;
    }

    const employeeData = { cin, email, nom, prenom, Password: password, login, phone };

    // Gestion du bouton
    const createBtn = document.querySelector('button[onclick="createEmployee()"]');
    const originalText = createBtn ? createBtn.innerHTML : "";
    if (createBtn) {
        createBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Création...';
        createBtn.disabled = true;
    }

    // Appel API
    fetch(API_BASE_URL, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(employeeData)
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            window.location.href = 'http://localhost/est-concours/app/cnx/employee/login/';
        } else {
            alert('Erreur : ' + (data.message || 'Une erreur est survenue.'));
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('Impossible de contacter le serveur.');
    })
    .finally(() => {
        if (createBtn) {
            createBtn.innerHTML = originalText;
            createBtn.disabled = false;
        }
    });
}