<!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 Original</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;
}

.settingPanel__container-items {
    margin-bottom: 3.5rem;
}

  </style>

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


<body style="font-size: 12px;" class="">
  
  <div id="app" data-v-app="">
    
    <!---->
    <div data-v-6dbd07ea="" class="onlineGames__container" style="--f817f0ee: 'Roboto', 'Inter', sans-serif;">
      <div data-v-58c5e826="" data-v-9bebd08e="" class="navbar">
        <div data-v-58c5e826="" class="navbar-fixed" style="background: rgb(43 50 112);">
          <div data-v-58c5e826="" class="navbar__content">
            
            <div data-v-6dbd07ea="" class="fun-tabs tabs">
              <div class="fun-tabs__tab-list" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
                <div class="fun-tab-item funtab_item" style="">
                  <div class="fun-tab-item__wrap">
                    <div class="fun-tab-item__label">
                      <div data-v-6dbd07ea="" class="tab_item tab_active"  onclick="location.href='/original'">
                        <img data-v-6dbd07ea="" src="/assets/png/gamecategory_20240415161436vabi.png">
                        <span data-v-6dbd07ea="">
                          ORIGINAL
                        </span>
                      </div>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                
                
                <div class="fun-tab-item funtab_item">
                  <div class="fun-tab-item__wrap">
                    <div class="fun-tab-item__label" >
                      <div data-v-6dbd07ea="" class="tab_item" onclick="location.href='/slotjili'">
                        <img data-v-6dbd07ea="" src="/assets/png/gamecategory_20240221154558lshk.png">
                        <span data-v-6dbd07ea="">
                          SLOTS
                        </span>
                      </div>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                <div class="fun-tab-item funtab_item" style="">
                  <div class="fun-tab-item__wrap">
                    <div class="fun-tab-item__label">
                      <div data-v-6dbd07ea="" class="tab_item"  onclick="location.href='/lottery'">
                        <img data-v-6dbd07ea="" src="/assets/png/gamecategory_20240221154540veqj.png">
                        <span data-v-6dbd07ea="">
                          LOTTERY
                        </span>
                      </div>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                
                <div class="fun-tab-item funtab_item" style="">
                  <div class="fun-tab-item__wrap">
                    <div class="fun-tab-item__label">
                      <div data-v-6dbd07ea="" class="tab_item"  onclick="location.href='/casino'">
                        <img data-v-6dbd07ea="" src="/assets/png/gamecategory_202404171805108e3f.png">
                        <span data-v-6dbd07ea="">
                          CASINO
                        </span>
                      </div>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                <div class="fun-tab-item funtab_item" style="">
                  <div class="fun-tab-item__wrap">
                    <div class="fun-tab-item__label">
                      <div data-v-6dbd07ea="" class="tab_item"  onclick="location.href='/rummy'">
                        <img data-v-6dbd07ea="" src="/assets/png/gamecategory_202404151616441889.png">
                        <span data-v-6dbd07ea="">
                          RUMMY
                        </span>
                      </div>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                <div class="fun-tab-item funtab_item" style="">
                  <div class="fun-tab-item__wrap">
                    <div class="fun-tab-item__label">
                      <div data-v-6dbd07ea="" class="tab_item"  onclick="location.href='/fishing'">
                        <img data-v-6dbd07ea="" src="/assets/png/gamecategory_20240221164829vcfa.png">
                        <span data-v-6dbd07ea="">
                          FISHING
                        </span>
                      </div>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                <div class="fun-tab-item funtab_item" style="">
                  <div class="fun-tab-item__wrap">
                    <div class="fun-tab-item__label">
                      <div data-v-6dbd07ea="" class="tab_item"  onclick="location.href='/sports'">
                        <img data-v-6dbd07ea="" src="/assets/png/gamecategory_20240221154454akso.png">
                        <span data-v-6dbd07ea="">
                          SPORTS
                        </span>
                      </div>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                <div class="fun-tab-item funtab_item" style="">
                  <div class="fun-tab-item__wrap">
                    <div class="fun-tab-item__label">
                      <div data-v-6dbd07ea="" class="tab_item"  onclick="location.href='/popular'">
                        <img data-v-6dbd07ea="" src="/assets/png/gamecategory_20240221154444kutg.png">
                        <span data-v-6dbd07ea="">
                          POPULAR
                        </span>
                      </div>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!---->
    <!---->
    <!---->



    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f7f8ff;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }
        .app {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 10px;
            box-sizing: border-box;
        }
        .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%;
            height: 147px;
            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;
            border-radius: 6px;
        }
    </style>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
    <div class="app">
        </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 = 'Luckywins7777eins_Seamless';
            const agentKey = '98205b5986177f92f6ffbeffc250c788e6f8bbf8';
            const referrerUrl = 'https://api.abcwins.com';

            const baseUrl = "https://fusion.fluxhost.live/post";
            const imageBaseUrl = "https://abcwins.com/jiliimg";
            const gameIds = [
                224, 229, 232, 233, 235, 236, 200, 197, 62, 137, 261, 297, 241, 242, 254];

            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>