<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Leaderboard - Top Winners</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <style>
        :root { --primary-color: #ff9800; --bg-color: #f0f2f5; --card-bg: white; --text-color: #333; }
        body { font-family: 'Roboto', sans-serif; background-color: var(--bg-color); margin: 0; padding: 15px; padding-bottom: 85px; }
        .header { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; position: relative; }
        .back-btn { position: absolute; left: 0; background: none; border: none; font-size: 24px; color: var(--text-color); cursor: pointer; }
        .header h1 { font-size: 22px; margin: 0; }
        .leaderboard-section { background-color: var(--card-bg); border-radius: 12px; padding: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
        .leaderboard-title { margin-top: 0; font-size: 1.2em; text-align: center; color: var(--primary-color); border-bottom: 2px solid #eee; padding-bottom: 10px; display: flex; align-items: center; justify-content: center; gap: 10px; }
        .leaderboard-list { list-style: none; padding: 0; margin-top: 20px; }
        .player-row { display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
        .player-row:last-child { border-bottom: none; }
        .rank { font-size: 1.2em; font-weight: bold; width: 40px; color: #888; text-align: center; }
        .rank-1 { color: #FFD700; } .rank-2 { color: #C0C0C0; } .rank-3 { color: #CD7F32; }
        .avatar { width: 45px; height: 45px; border-radius: 50%; margin-right: 15px; }
        .player-info { flex-grow: 1; }
        .player-info .name { font-weight: 500; font-size: 1.1em; }
        .player-score { font-size: 1.1em; font-weight: bold; color: var(--text-color); }
        .no-data { text-align: center; color: #888; padding: 40px; }
    </style>
</head>
<body>
    <div class="header">
        <button onclick="window.history.back()" class="back-btn"><i class="fas fa-arrow-left"></i></button>
        <h1>Leaderboard</h1>
    </div>

    <div class="leaderboard-section">
        <h2 class="leaderboard-title"><i class="fas fa-crown"></i> Top Winners by Winning Balance</h2>
        <ul class="leaderboard-list">
            <?php $__empty_1 = true; $__currentLoopData = $topWinners; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $player): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <li class="player-row">
                    <div class="rank rank-<?php echo e($index + 1); ?>">#<?php echo e($index + 1); ?></div>
                    
                    <img src="<?php echo e(asset('assets/images/avatar_placeholder.png')); ?>" alt="Avatar" class="avatar">
                    <div class="player-info"><span class="name"><?php echo e($player->Name); ?></span></div>
                    <div class="player-score">৳<?php echo e(number_format($player->Winning, 2)); ?></div>
                </li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <p class="no-data">No winners on the leaderboard yet.</p>
            <?php endif; ?>
        </ul>
    </div>
    
    <?php echo $__env->make('partials.bottom-nav', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</body>
</html><?php /**PATH /storage/emulated/0/htdocs/resources/views/leaderboard.blade.php ENDPATH**/ ?>