<!DOCTYPE html>
<html lang="en" translate="no" data-dpr="1" style="font-size: 40.5px;">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <link rel="shortcut icon" href="/images/bitbug_favicon.ico" type="image/x-icon">
  <meta name="google" content="notranslate">
  <meta name="robots" content="noindex,nofollow">
  <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
  <title>Jili ALL</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
  <link rel="stylesheet" href="../index_files/modules-96c1e775.css">
  <link rel="stylesheet" href="../index_files/page-activity-d48e62db.css">
  <link rel="stylesheet" href="../index_files/index-96409872.css">
  <link rel="stylesheet" href="../index_files/page-home-58543d87.css">


  <link rel="stylesheet" href="../assets/css/_vite_template-88676b31.css">
  <link rel="stylesheet" href="../assets/css/index-3cf8aaa6.css"> 
  <link rel="stylesheet" href="../assets/css/index-8d0b9742.css"> 
  <link rel="stylesheet" href="../assets/css/index-d27f4bf1.css">   
  <link rel="stylesheet" href="../assets/css/NavBar-c40aa6d4.css"> 
  <link rel="stylesheet" href="../assets/css/index-dc81589f.css">
  
  <style>

.fun-tabs {
    
    background: #f7f8ff !important;
}
.fun-tabs {
    overflow: auto !important;
    position: relative;
    margin-top: 0.5rem;
    width: 100%;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
div#lottery {
  margin-top: 0.5rem;
    padding: 0.3rem;
}
.luckyWinners__container {
    padding: 0.4rem !important;
}
.dailyProfitRank {
    padding: 0.3rem;
}
.terms {
    padding: 0.5rem !important;
}
.settingPanel__container.panel-daman {
    padding: 0.5rem !important;
}

.tab_item {
    background: #fff;
}

.onlineGames__container[data-v-6dbd07ea] .tabs .tab_item {
    
    height: 1.53333rem !important;
    
}

div#original {
    padding-top: 1.2rem !important;
    padding: 0.4rem;
}


.onlineGames__container-list[data-v-6dbd07ea] {
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(3, 1fr);
    gap: .26667rem .21333rem;
    height: auto !important; 
    overflow-y: auto;
    padding: 0rem !important;
}

.game-content {
    padding-top: 1.2rem !important;
    padding: 0.4rem;
}
.settingPanel__container-items {
    margin-bottom: 3.5rem;
}

  </style>

</head>
<!-- Dialog HTML -->


<body style="font-size: 12px; class="">
  
  
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f7f8ff;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
            height:110vh;
            
        }
        .app {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 10px;
            box-sizing: border-box;
            height:100%;
            overflow-y:auto;
        }
        .example::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
        .page_title {
            margin: 0;
            color: #fff;
            font-size: 20px;
        }
        main {
            display: flex;
            flex-wrap: wrap;
            padding: 20px 0;
            box-sizing: border-box;
            justify-content: center;
        }
        .jili_games_card {
            flex: 1 0 100%;
            max-width: 28%;
           
            margin: 10px 1%;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            text-decoration: none;
            margin: 8px;
        }
        .jili_games_card img {
            width: 108px;
            height: 144px;
            cursor: pointer;
            object-fit: cover;
        }
    </style>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
    <div class="app example">
        </nav>
        <main id="games-container">
            <!-- Game cards will be injected here -->
        </main>
    </div>
    <script>
        const userInfoTypes = {
            phoneNumber: "phone_user",
            username: "name_user",
            userId: "id_user",
        };
        let userData = null;

        const fetchUser = async () => {
            try {
                const response = await axios.get('/api/webapi/GetUserInfo');
                userData = response?.data?.data;
                if (!userData) throw Error("User data not found!");
                displayGames();
            } catch (error) {
                console.log(error);
            }
        };

        const displayGames = () => {
            const mobile = encodeURIComponent(userData[userInfoTypes.phoneNumber]);

             const agentId = 'tringa_Seamless';
            const agentKey = '16f11f76756d74471283ab71b5eccb72fe339538';
            const referrerUrl = 'https://api.magicclub.pro/jili.php';
            const baseUrl = "https://allapi.shivwin.in/post";
            const imageBaseUrl = "https://abcwins.com/jiliimg";
            const gameIds = [
                          72, 75, 79, 94, 127, 159, 160, 152, 161, 163, 199, 211, 219, 220, 221, 132, 231, 253, 262,  224, 229, 232, 233, 235, 236, 200, 197, 62, 137, 261, 297, 241, 242, 254, 1,20,42,32,60,74,71,82,119,212,289,    2, 4, 5, 6, 9, 10, 13, 14, 17, 21, 23, 26, 27, 30, 33, 35, 36, 37, 38, 40, 43, 44, 45, 46, 47, 48, 49,
                51, 58, 16, 67, 77, 78, 85, 91, 100, 102, 103, 109, 92, 76, 108, 115, 106, 110, 134, 101, 87, 130, 116,
                137, 135, 153, 126, 144, 142, 136, 145, 166, 164, 183, 181, 176, 223, 198, 172, 191, 193, 420, 403, 399,
                238];

            const container = document.getElementById('games-container');
            container.innerHTML = '';

            gameIds.forEach(gameId => {
                const paddedGameId = gameId < 10 ? `0${gameId}` : gameId;
                const imagePath = `${imageBaseUrl}/GAMEID_${paddedGameId}.png`;
                const gameUrl = `${baseUrl}?gameId=${gameId}&mobile=${mobile}&agentId=${agentId}&agentKey=${agentKey}&referrerUrl=${referrerUrl}`;
                const cardHtml = `
                    <a href="${gameUrl}" class="jili_games_card">
                        <img src="${imagePath}" alt="Game ${gameId}" onerror="this.style.display='none'">
                    </a>
                `;
                container.innerHTML += cardHtml;
            });
        };

        fetchUser();
    </script>
</body>
</html>