Files
main-website/poker-paf/old/game.php
T
2026-04-27 06:52:16 +00:00

637 lines
24 KiB
PHP

<?php
require_once 'db.php';
session_start();
// 1. Récupération de l'ID de la partie (Session ou URL)
$game_id = $_SESSION['game_id'] ?? (isset($_GET['game_id']) ? intval($_GET['game_id']) : null);
if (!$game_id) {
die("Erreur : Aucune partie trouvée. Repassez par l'accueil.");
}
// 2. Récupération des infos de la partie
$stmt = $db->prepare("SELECT * FROM games WHERE id = ?");
$stmt->execute([$game_id]);
$game = $stmt->fetch(PDO::FETCH_ASSOC);
// 3. Récupération des joueurs
$stmt = $db->prepare("SELECT * FROM players WHERE game_id = ? ORDER BY id ASC");
$stmt->execute([$game_id]);
$players = $stmt->fetchAll(PDO::FETCH_ASSOC);
// --- LE CORRECTIF POUR LE "0" ---
if (empty($players)) {
die("Erreur : Aucun joueur dans cette partie.");
}
// Si la BDD dit 0, on force le premier joueur de la liste
if ($game['current_player_id'] == 0) {
$first_player_id = $players[0]['id'];
// On met à jour la base de données TOUT DE SUITE
$update = $db->prepare("UPDATE games SET current_player_id = ? WHERE id = ?");
$update->execute([$first_player_id, $game_id]);
// On met à jour la variable locale pour que l'affichage suive
$game['current_player_id'] = $first_player_id;
}
// 4. Trouver le nom du joueur actif pour le panneau du bas
$activePlayerName = "Inconnu";
foreach ($players as $p) {
if ($p['id'] == $game['current_player_id']) {
$activePlayerName = htmlspecialchars($p['name']);
break;
}
}
// Trouver qui est le dealer
foreach ($players as $p) {
if ($p['is_dealer']) {
$dealerID = $p['id'];
break;
}
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Poker PAF - Table N°<?php echo $game_id; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='stylesheet' type='text/css' href='game.css'>
<link rel='stylesheet' type='text/css' href='Game_Win.css'>
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
</head>
<body>
<div class="game-container">
<div class="stats-bar">
<div class="money-group">
<input type="number" id="money-amount" placeholder="Montant">
<button class="btn-money" onclick="ModifierArgent()">OK</button>
</div>
<div class="stat-item">MISE ACTUELLE: <strong id="current-bet"><?php echo $game['last_bet'] ?? 0; ?></strong></div>
<button onclick="deleteGame()" class="btn-back">Fermer la table</button>
<button onclick="changePlayer()" class="btn-back">Joueur suivant</button>
<button onclick="EndGame()" class="btn-back">Terminer la partie</button>
<a href="index.php" class="btn-back">⬅ Quitter</a>
</div>
<div class="table-container">
<div class="poker-table">
<div class="pot-area">
<div class="total-pot"><?php echo $game['pot'] ?? 0; ?></div>
<div id="Mise" class="current-bet-display">Mise: <?php echo $game['last_bet'] ?? 0; ?></div>
<button class="btn-next-round" onclick="StartNewGame()">NOUVELLE PARTIE</button>
</div>
<?php foreach ($players as $index => $p): ?>
<div class="player-slot slot-<?php echo $index; ?>" data-id="<?php echo $p['id']; ?>">
<?php
$isActive = ((int)$p['id'] === (int)$game['current_player_id']);
?>
<div class="player-info <?php echo $isActive ? 'active' : ''; ?>">
<?php if (isset($p['is_dealer']) && $p['is_dealer']): ?>
<div class="dealer-badge">D</div>
<?php endif; ?>
<span class="player-name">J<?php echo ($index + 1); ?> : <?php echo htmlspecialchars($p['name']); ?></span>
<span class="player-money"><?php echo $p['money']; ?> 🪙</span><br>
<span class="player-bet">Mise: <?php echo $p['current_bet'] ?? 0; ?> 🪙</span>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<div class="action-panel">
<?php
// On recalcule le nom du joueur actif en fonction de l'ID actuel dans $game
$activePlayerName = "Personne";
foreach ($players as $p) {
if ((int)$p['id'] === (int)$game['current_player_id']) {
$activePlayerName = htmlspecialchars($p['name']);
break;
}
}
?>
<p class="turn-info">Au tour de : <strong id="active-player-name"><?php echo $activePlayerName; ?></strong></p>
<div class="action-buttons">
<button class="btn btn-fold" onclick="SeCoucher()">Se coucher</button>
<button class="btn btn-call" onclick="Suivre()">Suivre</button>
<div class="raise-group">
<input type="number" id="raise-amount" placeholder="Mise" min="<?php echo $game['last_bet'] ?? 0; ?>">
<button class="btn-validate" onclick="Relancer()">OK</button>
</div>
<button class="btn btn-allin" onclick="Tapis()">TAPIS</button>
</div>
</div>
</div>
<script>
// --- VARIABLES GLOBALES ---
let actualGameID = new URLSearchParams(window.location.search).get('game_id');
let current_blind = 0;
let totalBlind = 0; // Corrigé (utilisé dans UpdateLabels)
let currentPlayerId = 0;
let money = {}; // Pour stocker les soldes
let players = []; // Pour stocker les infos des joueurs (id, money, blind, isDealer)
<?php foreach ($players as $p): ?>
players.push(
{
id: <?php echo $p['id']; ?>,
money: <?php echo $p['money']; ?>,
blind: <?php echo $p['current_bet'] ?? 0; ?>,
isDealer: <?php echo $p['is_dealer'] ? 'true' : 'false'; ?>
}
);
<?php endforeach; ?> // Pour l'affichage
let dealerFound = false;
// --- INITIALISATION ---
// On charge les données une première fois
window.onload = () => {
UpdateLabels();
getCurrentPlayer();
};
// On regarde si le joueur est le dealer
players.forEach(player => {
if (dealerFound){
// Relancer(<?php echo $game['starting_blind'] ?? 0; ?>); // Le joueur après le dealer commence avec une relance
return;
}
if (player.isDealer) {
document.querySelector('.dealer-badge').style.display = 'block';
//Relancer(<?php echo $game['starting_blind'] ?? 0; ?>*2); // Le dealer commence toujours avec une relance
dealerFound = true;
}
});
// --- LES FONCTIONS DE JEU (Logique visuelle) ---
function Suivre() {
console.log("Action : Suivre");
let player = players.find(pl => pl.id == currentPlayerId);
if (!(player === undefined)) {
// 1. On vérifie si le joueur a assez d'argent AVANT de lancer le fetch
// Note : currentPlayerId et money doivent être à jour via UpdateLabels
let delta_blind = current_blind - player.blind;
if (delta_blind <= 0) { // Permet de changer de joueur pour rester
alert("Vous avez déjà mis assez pour suivre !");
changePlayer();
return;
}
if (player.money < delta_blind) { // Correction ici : on compare avec le delta, pas la blinde totale
delta_blind = player.money; // Si le joueur n'a pas assez, il suit avec tout ce qu'il lui reste (all-in)
}
// 2. On prépare l'envoi
let formData = new FormData();
formData.append('game_id', actualGameID);
formData.append('amount', delta_blind); // On utilise le delta entre la blinde déjà posée et la blinde actuelle
// 3. On utilise process_bet.php (le fichier "tout-en-un")
fetch('process_bet.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
console.log("Mise suivie avec succès !");
// 4. Une fois que l'argent est retiré en BDD, on change de joueur
changePlayer();
} else {
alert("Erreur serveur : " + data.message);
}
})
.catch(err => console.error("Erreur fetch:", err));
}
}
function SeCoucher() {
console.log("Action : Se coucher");
let formData = new FormData();
formData.append('game_id', actualGameID);
formData.append('action', 'fold'); // On envoie une action spécifique pour se coucher
fetch('fold_player.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
console.log("Joueur couché avec succès !");
UpdateLabels(); // Met à jour les étiquettes de monnaie
changePlayer(); // On change de joueur après s'être couché
} else {
alert("Erreur : " + data.message);
}
})
.catch(err => console.error("Erreur fetch:", err));
// Je suis pas sûr que ce soit néccessaire, voir c'est le problème: UpdateLabels(); // On met a jour les valeurs affichées
// du fait que ça fait trop de fois changer de joueur changePlayer(); // Enfin on change de joueur
}
function Relancer(amount) {
if (amount === undefined) {
amount = parseInt(document.getElementById('raise-amount').value) + current_blind - (players.find(pl => pl.id == currentPlayerId)?.blind || 0); // On ajoute la blinde actuelle pour que le joueur puisse entrer directement le montant total de sa relance
}
if (money[currentPlayerId] >= amount) { // Sécurise au cas où je me tromperais en nottant
console.log("Vous n'avez pas suffisament d'argent")
return;
}
let formData = new FormData();
formData.append('game_id', actualGameID);
formData.append('amount', amount); // On envoie le montant total de la blinde à atteindre (ex: si la blinde est à 10 et que le joueur a déjà mis 4, il doit relancer à 6 pour atteindre les 10)
// UN SEUL fetch qui fait tout
fetch('process_bet.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
console.log("Relance effectuée !");
changePlayer(); // On change de joueur une fois que c'est fini
} else {
alert("Erreur : " + data.message);
}
})
.catch(err => console.error("Erreur:", err));
}
function Tapis() {
console.log("Action : TAPIS !");
let currentPlayerId = getCurrentPlayer(); // On récupère la blind actuelle du joueur pour l'afficher dans le pot
let formData = new FormData();
formData.append('game_id', actualGameID);
formData.append('current_player_id', currentPlayerId); // On envoie aussi l'ID du joueur actuel pour que le PHP puisse faire le lien
fetch('all_in.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
console.log("TAPIS effectué avec succès !");
UpdateLabels(); // Met à jour les étiquettes de monnaie
} else {
alert("Erreur : " + data.message);
}
})
UpdateLabels(); // On met a jour les valeurs affichées
changePlayer(); // Enfin on change de joueur
}
// Fonction pour mettre à jour les étiquettes de monnaie sur l'écran
function UpdateLabels() {
getActualPlayerMoney();
getActualPlayerBlind();
GetCurrentBlind();
getTotalGameBlind();
document.querySelectorAll('.player-slot').forEach(slot => {
const playerId = slot.getAttribute('data-id');
const playerInfo = players.find(p => p.id == playerId);
if (playerInfo) {
slot.querySelector('.player-money').textContent = playerInfo.money + " 🪙";
// CORRECTION ICI : playerInfo au lieu de player
slot.querySelector('.player-bet').textContent = "Mise: " + playerInfo.blind + " 🪙";
}
});
console.log("Blind actuel :", current_blind);
//document.getElementById('main-pot').textContent = totalBlind + " 🪙";
document.getElementById('current-bet').textContent = current_blind + " 🪙";
document.getElementById('Mise').textContent = "Mise: " + current_blind;
}
function changePlayer() {
console.log("Demande de changement de joueur...");
let formData = new FormData();
formData.append('game_id', actualGameID);
formData.append('action', 'next_player');
fetch('change_player.php', {
method: 'POST',
body: formData
})
.then(r => {
// On vérifie si la réponse est bien du JSON
if (!r.ok) throw new Error("Erreur réseau");
return r.json();
})
.then(data => {
if (data.success) {
console.log("Joueur changé avec succès !", data.next_player_id);
// On attend un tout petit peu avant de recharger pour laisser la BDD respirer
setTimeout(() => {
location.reload();
}, 100);
} else {
alert("Erreur serveur : " + data.message);
}
})
.catch(err => {
console.error("Erreur complète :", err);
alert("Erreur lors du changement de joueur. Vérifie la console (F12).");
});
}
function deleteGame() {
if (confirm("Supprimer la partie ?")) {
let formData = new FormData();
// On s'assure que actualGameID est bien défini
formData.append('game_id', actualGameID);
fetch('delete_game.php', {
method: 'POST',
body: formData
})
.then(r => r.json()) // On parse la réponse JSON du PHP
.then(data => {
if (data.success) {
console.log("Supprimé !");
window.location.href = 'index.php';
} else {
alert("Erreur lors de la suppression : " + data.message);
}
})
.catch(err => {
console.error("Erreur réseau :", err);
// Optionnel : rediriger quand même si tu veux forcer
// window.location.href = 'index.php';
});
}
}
function getCurrentPlayer() {
let formData = new FormData();
formData.append('game_id', actualGameID);
fetch('get_current_player.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
currentPlayerId = data.player_id; // On stocke l'ID du joueur actuel dans une variable globale
return data.player_id; // On retourne l'ID du joueur actuel
} else {
alert("Erreur : " + data.message);
}
})
.catch(err => console.error("Erreur fetch:", err));
}
function getActualPlayerMoney() {
let formData = new FormData();
formData.append('game_id', actualGameID);
fetch('get_player_money.php', { method: 'POST', body: formData })
.then(r => r.json())
.then(data => {
if (data.success) {
// On cherche le joueur dans le tableau et on met à jour son argent
let p = players.find(pl => pl.id == data.player_id);
if(p) p.money = data.money;
}
});
}
function getActualPlayerBlind() {
let formData = new FormData();
formData.append('game_id', actualGameID);
fetch('get_player_blind.php', { method: 'POST', body: formData })
.then(r => r.json())
.then(data => {
if (data.success) {
// On cherche le joueur et on met à jour sa mise
let p = players.find(pl => pl.id == data.player_id);
if(p) p.blind = data.blind;
}
});
}
function getActualPlayerBlind() {
let formData = new FormData();
formData.append('game_id', actualGameID);
fetch('get_player_blind.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
players.push({
id: data.player_id,
blind: data.blind
});
} else {
alert("Erreur : " + data.message);
}
})
.catch(err => console.error("Erreur fetch:", err));
}
function getActualGameBlind() {
let formData = new FormData();
formData.append('game_id', actualGameID);
fetch('get_actual_game_blind.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
current_blind = data.blind; // On met à jour l'affichage de la blind
} else {
alert("Erreur : " + data.message);
}
})
.catch(err => console.error("Erreur fetch:", err));
}
function getTotalGameBlind() {
let formData = new FormData();
formData.append('game_id', actualGameID);
fetch('get_total_game_blind.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
totalBlind = data.total_blind; // On met à jour l'affichage du pot total
} else {
alert("Erreur : " + data.message);
}
})
.catch(err => console.error("Erreur fetch:", err));
}
function GetCurrentBlind() {
let blinds = [];
<?php foreach ($players as $p): ?>
blinds.push(
<?php echo $p['current_bet'] ?? 0; ?>
);
<?php endforeach; ?>
current_blind = Math.max(...blinds);
console.log("Blind actuel recalculé :", current_blind);
}
// --- FONCTION EN CAS DE VICTOIRE ---
function EndGame() {
// 1. On cherche le container par sa classe
const container = document.querySelector('.table-container');
if (!container) {
console.error("Conteneur .table-container introuvable");
return;
}
// 2. On évite de créer le panel deux fois
if (document.querySelector('.win-panel')) return;
const winOverlay = document.createElement('div');
winOverlay.className = 'win-overlay';
const winPanel = document.createElement('div');
winPanel.className = 'win-panel';
winPanel.innerHTML = `
<h2>🏆 La partie est terminée ! 🏆<br>Qui a gagné ?</h2>
<div id="winner-buttons-area"></div>
`;
winOverlay.appendChild(winPanel);
container.appendChild(winOverlay);
// 3. Récupération dynamique des noms des joueurs présents à l'écran
const area = document.getElementById('winner-buttons-area');
const playerElements = document.querySelectorAll('.player-slot');
playerElements.forEach(slot => {
const id = slot.getAttribute('data-id');
const name = slot.querySelector('.player-name').textContent.split(': ')[1];
const btn = document.createElement('button');
btn.className = 'btn-win';
btn.innerText = name;
btn.onclick = () => declareWinner(id);
area.appendChild(btn);
});
// On affiche l'overlay (qui contient le panel)
document.getElementById('end-game-screen').style.display = 'flex';
container.classList.add('blur-effect'); // On ajoute un effet de flou à la table pour mettre en avant le panel de victoire
}
function declareWinner(winnerId) {
let formData = new FormData();
formData.append('game_id', actualGameID);
formData.append('winner_id', winnerId);
fetch('declare_winner.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
confetti({
particleCount: 150,
spread: 70,
origin: { y: 0.6 }
});
// Changer la div "win-panel" pour afficher le gagnant
const winPanel = document.querySelector('.win-panel');
if (winPanel) {
winPanel.innerHTML = `
<h2>${data.winner_name} gagne la partie et remporte ${data.amount_won} 🪙 !</h2>
<button class="btn-back" onclick="window.location.href='index.php'">Retour à l'accueil</button>
<button class="btn-replay" onclick="StartNewGame()">Rejouer</button>
`;
}
} else {
alert("Erreur : " + data.message);
}
})
.catch(err => console.error("Erreur fetch:", err));
}
function StartNewGame() {
let formData = new FormData();
formData.append('game_id', actualGameID);
fetch('start_new_game.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
alert("Nouvelle partie lancée !");
location.reload(); // On recharge la page pour afficher la nouvelle partie
} else {
alert("Erreur : " + data.message);
}
})
.catch(err => console.error("Erreur fetch:", err));
}
function ModifierArgent() {
let amount = parseInt(document.getElementById('money-amount').value);
if (isNaN(amount)) {
alert("Veuillez entrer un montant valide.");
return;
}
let formData = new FormData();
formData.append('game_id', actualGameID);
formData.append('amount', amount);
fetch('modify_money.php', {
method: 'POST',
body: formData
})
.then(r => r.json())
.then(data => {
if (data.success) {
console.log("Argent modifié avec succès !");
setTimeout(() => {
location.reload();
}, 100);
} else {
alert("Erreur : " + data.message);
}
})
.catch(err => console.error("Erreur fetch:", err));
}
</script>
</body>
</html>