<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Connexion - File d'attente STI2D</title>
    <link rel="stylesheet" href="base.css">
    <link rel="stylesheet" href="connexion.css">
    <script src="https://www.gstatic.com/firebasejs/11.1.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/11.1.0/firebase-auth.js"></script>
</head>
<body>
    <div id="login-container">
        <h1>Connexion</h1>
        <button id="google-signin-btn">Se connecter avec Google</button>
        <div id="error-message" class="hidden" style="color: red; margin-top: 10px;">
            Une erreur est survenue
        </div>
    </div>

    <script type="module">
        // Import Firebase modules
        import { initializeApp } from "https://www.gstatic.com/firebasejs/9.0.0/firebase-app.js";
        import { getAuth, GoogleAuthProvider, signInWithPopup } from "https://www.gstatic.com/firebasejs/9.0.0/firebase-auth.js";
        
        // Configuration Firebase
        const firebaseConfig = {
            apiKey: "AIzaSyBaFwA2kJM8CvlzBBkeCkq1CdlYclcxNZ0",
            authDomain: "sti2d-file-attente.firebaseapp.com",
            projectId: "sti2d-file-attente",
            storageBucket: "sti2d-file-attente.firebasestorage.app",
            messagingSenderId: "861290828360",
            appId: "1:861290828360:web:749ffe7565bd95db273e7d"
        };
      
        // Initialisation Firebase
        const app = initializeApp(firebaseConfig);
        const auth = getAuth(app);
        const provider = new GoogleAuthProvider();
      
        // Fonction de connexion avec Google
        const loginButton = document.getElementById("google-signin-btn");
        loginButton.addEventListener('click', async () => {
          try {
            const result = await signInWithPopup(auth, provider);
            const user = result.user;
            const userEmail = user.email;

            // Vérifier si l'email correspond à un utilisateur spécifique
            if (userEmail === "regis.flandin@lyc-buisson.com" || 
                userEmail === "nicolas.metay@lyc-buisson.com" || 
                userEmail === "julien.fosset@lyc-buisson.com" || 
                userEmail === "eni.sti2d@lyc-buisson.com" || 
                userEmail === "emimienpro@gmail.com" || 
                userEmail === "alexis.fouques@lyc-buisson.com") {
                // Rediriger vers fileA.html si l'email correspond
                window.location.href = 'fileA.html';
            } else if (userEmail.endsWith('@lyc-buisson.com')) {
                // Extraire le prénom et le nom de famille de l'email
                const [firstName, lastName] = userEmail.split('@')[0].split('.');

                // Formater le nom : prénom + première lettre du nom de famille suivi d'un point
                const formattedName = `${firstName.charAt(0).toUpperCase() + firstName.slice(1)}.${lastName.charAt(0).toUpperCase()}`;

                // Rediriger l'utilisateur vers fileE.html avec le nom formaté
                window.location.href = `fileE.html?name=${formattedName}`;
            } else {
                // Si l'email ne correspond pas, afficher une erreur
                alert('Vous devez utiliser une adresse email valide @lyc-buisson.com');
                auth.signOut();
                window.location.href = 'connexion.html'; // Rediriger vers la page de connexion
            }
          } catch (error) {
            console.error(error.message);
            document.getElementById("error-message").style.display = "block";
          }
        });
    </script>
</body>
</html>
