<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ThanosBoss Gambling</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Rubik:wght@400;500;700&family=Roboto:wght@700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles/styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <nav class="navbar">
        <ul>
            <li><a href="index.html"><i class="fas fa-home"></i> Home</a></li>
            <li><a href="rewards.html"><i class="fas fa-gift"></i> Rewards</a></li>
            <li><a href="leaderboard.html"><i class="fas fa-trophy"></i> Leaderboard</a></li>
        </ul>
    </nav>
    <div class="game-selector">
        <div class="game-button" id="csgobig" onclick="window.location.href='leaderboard.html';">
            <img src="assets/images/csgobig_img.png" alt="CSGOBig" class="game-logo">
        </div>
        <div class="game-button" id="csgoempire" onclick="window.location.href='csgoempire.html';">
            <img src="assets/images/csgo_empire.png" alt="CSGOEmpire" class="game-logo">
        </div>
    </div>
    <section class="leaderboard">
        <div class="leaderboard-header">
            <h1 class="leaderboard-title">2300 COIN CSGOBIG LEADERBOARD</h1>
            <h1 class="leaderboard-time">Ends In: </h1>
            <p class="leaderboard-description">Top players based on wagers and prizes</p>
            
        </div>
        <div class="leaderboard-ranks">
            <div class="rank-container silver left-rank" id="#2">
                <div class="wagered-section">
                    <p class="wagered-label"><i class="fas fa-coins"></i> Wagered:</p>
                    <p class="wagered-amount"><span class="dollar">$</span>Wagered_2</p>
                </div>
                <div class="player-info">
                    <img src="assets/images/Default_pfp.png" alt="Player Avatar" class="profile-picture">
                    <p class="player-name">Name_2</p>
                </div>
                <div class="prize-section prize-section-silver">
                    <p class="prize-amount">
                        <img src="assets/images/csgobigCoin.png" class="coin-icon" alt="Coin Icon"> 500
                    </p>                    
                </div>
            </div>
        
            <div class="rank-container gold center-rank" id="#1">
                <div class="wagered-section">
                    <p class="wagered-label"><i class="fas fa-coins"></i> Wagered:</p>
                    <p class="wagered-amount"><span class="dollar">$</span>Wagered_1</p>
                </div>
                <div class="player-info">
                    <img src="assets/images/Default_pfp.png" alt="Player Avatar" class="profile-picture">
                    <p class="player-name">Name_1</p>
                </div>
                <div class="prize-section prize-section-gold">
                    <p class="prize-amount">
                        <img src="assets/images/csgobigCoin.png" class="coin-icon" alt="Coin Icon"> 1000
                    </p> 
                </div>
            </div>
        
            <div class="rank-container bronze right-rank" id="#3">
                <div class="wagered-section">
                    <p class="wagered-label"><i class="fas fa-coins"></i> Wagered:</p>
                    <p class="wagered-amount"><span class="dollar">$</span>Wagered_3</p>
                </div>
                <div class="player-info">
                    <img src="assets/images/Default_pfp.png" alt="Player Avatar" class="profile-picture">
                    <p class="player-name">Name_3</p>
                </div>
                <div class="prize-section prize-section-bronze">
                    <p class="prize-amount">
                        <img src="assets/images/csgobigCoin.png" class="coin-icon" alt="Coin Icon"> 300
                    </p> 
                </div>
            </div>
        </div>

        <div class="leaderboard-bar">
            <div class="bar-entry" id="#4">
                <span class="position">4</span>
                <img src="assets/images/Default_pfp.png" alt="Player Avatar" class="bar-avatar">
                <span class="username">Name_4</span>
                <span class="wager"><span class="dollar">$</span>Wagered_4</span>
                <span class="prize">
                    <img src="assets/images/csgobigCoin.png" class="coin-icon" alt="Coin Icon"> 150
                </span>                
            </div>
            <div class="bar-entry" id="#5">
                <span class="position">5</span>
                <img src="assets/images/Default_pfp.png" alt="Player Avatar" class="bar-avatar">
                <span class="username">Name_5</span>
                <span class="wager"><span class="dollar">$</span>Wagered_5</span>
                <span class="prize">
                    <img src="assets/images/csgobigCoin.png" class="coin-icon" alt="Coin Icon"> 100
                </span>                
            </div>
            <div class="bar-entry" id="#6">
                <span class="position">6</span>
                <img src="assets/images/Default_pfp.png" alt="Player Avatar" class="bar-avatar">
                <span class="username">Name_6</span>
                <span class="wager"><span class="dollar">$</span>Wagered_6</span>
                <span class="prize">
                    <img src="assets/images/csgobigCoin.png" class="coin-icon" alt="Coin Icon"> 50
                </span>   
            </div>
            <div class="bar-entry" id="#7">
                <span class="position">7</span>
                <img src="assets/images/Default_pfp.png" alt="Player Avatar" class="bar-avatar">
                <span class="username">Name_7</span>
                <span class="wager"><span class="dollar">$</span>Wagered_7</span>
                <span class="prize">
                    <img src="assets/images/csgobigCoin.png" class="coin-icon" alt="Coin Icon"> 50
                </span>  
            </div>
            <div class="bar-entry" id="#8">
                <span class="position">8</span>
                <img src="assets/images/Default_pfp.png" alt="Player Avatar" class="bar-avatar">
                <span class="username">Name_8</span>
                <span class="wager"><span class="dollar">$</span>Wagered_8</span>
                <span class="prize">
                    <img src="assets/images/csgobigCoin.png" class="coin-icon" alt="Coin Icon"> 50
                </span>  
            </div>
            <div class="bar-entry" id="#9">
                <span class="position">9</span>
                <img src="assets/images/Default_pfp.png" alt="Player Avatar" class="bar-avatar">
                <span class="username">Name_9</span>
                <span class="wager"><span class="dollar">$</span>Wagered_9</span>
                <span class="prize">
                    <img src="assets/images/csgobigCoin.png" class="coin-icon" alt="Coin Icon"> 50
                </span>  
            </div>
            <div class="bar-entry" id="#10">
                <span class="position">10</span>
                <img src="assets/images/Default_pfp.png" alt="Player Avatar" class="bar-avatar">
                <span class="username">Name_10</span>
                <span class="wager"><span class="dollar">$</span>Wagered_10</span>
                <span class="prize">
                    <img src="assets/images/csgobigCoin.png" class="coin-icon" alt="Coin Icon"> 50
                </span>  
            </div>
        </div>
    </section>        
    <footer>
        <div class="footer-content">
            <div class="footer-left">
                <h1><a href="https://www.gambleaware.org" class="highlight-link">BEAWARE GAMBLING</a></h1>
                <p>
                    We are not responsible for illegal gambling activities. Play responsibly. Gambling involves financial risks. Ensure compliance with your local laws before engaging in any activities. Seek help if you experience issues related to gambling.
                </p>
            </div>

            <div class="footer-center">
                <br><p>&copy; 2025 - 2026 ThanosBossGambling</p><br><br><br>
                <p>Made with ❤ by <a href="https://discord.com/users/1210058302109646928">A386</a></p>
            </div>
            <div class="footer-buttons">
                <h3 class="section-header">Site</h3>
                <a href="index.html">Home</a>
                <a href="rewards.html">Rewards</a>
                <a href="leaderboard.html">Leaderboard</a>
            </div>
        </div>
    </footer>

    <script src="scripts/csgobig.js"></script>
    <script src="scripts/csgobig.js"></script>
</body>
</html>