async function SqlRequest(action, params = {}) {
    try {
        const response = await fetch('RequestsHandler.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                action: action,
                params: params
            })
        });

        const resultat = await response.json();

        if (resultat.success) {
            return resultat;
        } else {
            console.error("Erreur :", resultat.error);
        }
    } catch (erreur) {
        console.error("Erreur de communication :", erreur);
    }
}

window.onload = async function() {
    loadData();
};

async function loadData() {
    const container = document.getElementById('games_list');
    const response = await SqlRequest('get_all_games');
    const games = response.games;

    if (Object.keys(games).length <= 0) {
        container.innerHTML = "<p>Aucune partie en cours.</p>";
        return;
    }

    let futurHtml = "";

for (const game of games) {
    // 1. On récupère les joueurs de manière asynchrone AVANT de construire le HTML du jeu
    const players = await getPlayers(game.id);
    
    // 2. On prépare le HTML de la liste des joueurs
    let playersHtml = "";
    players.forEach(player => {
        if (player.game_id === game.id) {
            playersHtml += `<p>${player.name}</p>`;
        }
    });

    // 3. On assemble le tout
    futurHtml += `
        <li>
            <details class="mon-accordeon">
                <summary>${game.name}</summary>
                <div class='container-parent'>
                    <div class='right'>
                        <p>Start Money: ${game.start_money}</p>
                        <p>Blind: ${game.start_blind}</p>
                        <button class="btn-join-list" onclick="window.location.href='player-selector.php?game_id=${game.id}'">Rejoindre</button>
                        <button class="btn-admin-join-list" onclick="joinGameAsAdmin(${game.id})">Rejoindre en tant qu'Admin</button>
                    </div>
                    <div class='left'>
                        ${playersHtml}
                    </div>
                </div>
            </details>
        </li>
    `;
}

container.innerHTML = '<ul>' + futurHtml + "</ul>";
}

async function getPlayers(id) {
    const response = await SqlRequest('getPlayers', {game_id: id});
    const players = response.players;
    return players;
}

async function joinGameAsAdmin(gameId) {
    // Redirige vers la page de connexion admin avec le gameId en paramètre
    window.location.href = `admin-login.html?game_id=${gameId}`;
}