161 lines
5.8 KiB
PHP
161 lines
5.8 KiB
PHP
<?php
|
|
session_start();
|
|
include 'config.php';
|
|
|
|
// 1. Logika Filter
|
|
$filter = isset($_GET['filter']) ? $_GET['filter'] : 'Semua';
|
|
$whereClause = "";
|
|
|
|
if ($filter !== 'Semua') {
|
|
$safeFilter = $conn->real_escape_string($filter);
|
|
$whereClause = "WHERE scores.difficulty = '$safeFilter'";
|
|
}
|
|
|
|
// 2. Query Database (SUDAH DIPERBAIKI)
|
|
// Menggunakan 'played_at' sesuai gambar database kamu
|
|
$sql = "SELECT users.username, scores.score, scores.difficulty, scores.played_at
|
|
FROM scores
|
|
JOIN users ON scores.user_id = users.id
|
|
$whereClause
|
|
ORDER BY scores.score DESC
|
|
LIMIT 50";
|
|
|
|
$result = $conn->query($sql);
|
|
|
|
// Cek error jika masih ada (tapi harusnya sudah aman)
|
|
if (!$result) {
|
|
die("Query Error: " . $conn->error);
|
|
}
|
|
|
|
// 3. Statistik Atas
|
|
$totalGames = $conn->query("SELECT COUNT(*) as total FROM scores")->fetch_assoc()['total'];
|
|
$highScore = $conn->query("SELECT MAX(score) as max_score FROM scores")->fetch_assoc()['max_score'] ?? 0;
|
|
$topPlayer = $conn->query("SELECT users.username FROM scores JOIN users ON scores.user_id = users.id ORDER BY score DESC LIMIT 1")->fetch_assoc()['username'] ?? '-';
|
|
|
|
// Cek user yang login
|
|
$currentUser = $_SESSION['user'] ?? '';
|
|
if (is_array($currentUser)) {
|
|
$currentName = $currentUser['username'];
|
|
} else {
|
|
$currentName = $currentUser;
|
|
}
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Leaderboard Premium</title>
|
|
<link rel="stylesheet" href="assets/leaderboard.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="topbar">
|
|
<button class="back-btn" onclick="window.location.href='mainboard.php'">← Kembali</button>
|
|
<div class="profile-display">
|
|
<span class="profile-name"><?php echo htmlspecialchars($currentName); ?></span>
|
|
<a href="logout.php" class="logout-btn">Logout</a>
|
|
</div>
|
|
</div>
|
|
|
|
<h1 class="title">🏆 Leaderboard</h1>
|
|
<p class="subtitle">Top skor dari semua pemain</p>
|
|
|
|
<div class="cards">
|
|
<div class="card">
|
|
<div class="icon-stat">🎮</div>
|
|
<div class="count-label">Total Game</div>
|
|
<div class="count-val"><?php echo $totalGames; ?></div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="icon-stat">👑</div>
|
|
<div class="count-label">Top Player</div>
|
|
<div class="count-val"><?php echo htmlspecialchars($topPlayer); ?></div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="icon-stat">⭐</div>
|
|
<div class="count-label">Skor Tertinggi</div>
|
|
<div class="count-val"><?php echo $highScore; ?></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="leaderboard-wrapper">
|
|
|
|
<div class="filter-container">
|
|
<span>Filter:</span>
|
|
<a href="?filter=Semua" class="filter-btn <?php echo ($filter == 'Semua') ? 'active' : ''; ?>">Semua</a>
|
|
<a href="?filter=Easy" class="filter-btn <?php echo ($filter == 'Easy') ? 'active' : ''; ?>">Easy</a>
|
|
<a href="?filter=Medium" class="filter-btn <?php echo ($filter == 'Medium') ? 'active' : ''; ?>">Medium</a>
|
|
<a href="?filter=Hard" class="filter-btn <?php echo ($filter == 'Hard') ? 'active' : ''; ?>">Hard</a>
|
|
</div>
|
|
|
|
<div class="table-header">
|
|
<div class="col-rank">Rank</div>
|
|
<div class="col-player">Pemain</div>
|
|
<div class="col-stage">Mode</div>
|
|
<div class="col-score">Skor</div>
|
|
<div class="col-date">Tanggal</div>
|
|
</div>
|
|
|
|
<div class="ranking-list">
|
|
<?php
|
|
if ($result->num_rows > 0):
|
|
$rank = 1;
|
|
while($row = $result->fetch_assoc()):
|
|
// Logika Icon Juara
|
|
$rankDisplay = $rank;
|
|
if($rank == 1) $rankDisplay = '<i class="fas fa-crown text-gold"></i>';
|
|
elseif($rank == 2) $rankDisplay = '<i class="fas fa-medal text-silver"></i>';
|
|
elseif($rank == 3) $rankDisplay = '<i class="fas fa-medal text-bronze"></i>';
|
|
|
|
$rowUsername = $row['username'];
|
|
$isMe = ($rowUsername === $currentName);
|
|
$initial = strtoupper(substr($rowUsername, 0, 1));
|
|
|
|
// Format Tanggal (Dari played_at)
|
|
$dateDisplay = date('d M H:i', strtotime($row['played_at']));
|
|
?>
|
|
<div class="rank-card <?php echo $isMe ? 'highlight-me' : ''; ?>">
|
|
<div class="col-rank rank-num"><?php echo $rankDisplay; ?></div>
|
|
|
|
<div class="col-player flex-align">
|
|
<div class="avatar-circle"><?php echo $initial; ?></div>
|
|
<div class="player-info">
|
|
<span class="p-name"><?php echo htmlspecialchars($rowUsername); ?></span>
|
|
<?php if($isMe): ?><span class="badge-me">Anda</span><?php endif; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-stage">
|
|
<span class="tag <?php echo strtolower($row['difficulty']); ?>">
|
|
<?php echo $row['difficulty']; ?>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="col-score"><?php echo $row['score']; ?></div>
|
|
<div class="col-date"><?php echo $dateDisplay; ?></div>
|
|
</div>
|
|
<?php
|
|
$rank++;
|
|
endwhile;
|
|
else:
|
|
?>
|
|
<div style="text-align:center; padding: 20px; color: #555;">Belum ada data skor.</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="music-container">
|
|
<button id="lbMusicBtn" class="music-btn">🔇</button>
|
|
</div>
|
|
|
|
<audio id="lbAudio" loop src="music/music_background.mp3"></audio>
|
|
<audio id="sfxAudio" src="music/click.mp3"></audio>
|
|
|
|
<script src="assets/leaderboard.js"></script>
|
|
|
|
</body>
|
|
</html>
|