1<!doctype html> 2<html lang="id"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 6 7 <!-- Meta-Start --> 8 9 <meta name="keywords" content="sayapjp, sayapjp link alternatif, sayapjp slot, sayapjp login, sayapjp daftar, sayap jp" /> 10<meta name="description" content="sayapjp: Agen Website Online Gaming Terpercaya dan Terbaru, memiliki engine terbaik 2025 " /> 11<link rel="canonical" href="https://sayapjparea.com/" /> 12<link rel="amphtml" href="https://sayapjpone.com/" /> 13<meta name="revisit-after" content="1 days" /> 14<meta name="robots" content="index, follow" /> 15<meta name="rating" content="general" /> 16<meta name="geo.region" content="ID" /> 17<meta name="geo.country" content="id" /> 18<meta name="geo.placename" content="Indonesia" /> 19<meta name="author" content="sayapjp" /> 20<meta name="publisher" content="sayapjp" /> 21<link rel="icon" type="image/png" href="https://imagebkbmxs.com/SAYAPJP/favicon-sayapjp.webp"> 22<meta name="google-site-verification" content="2BVMMLtpaA154w398yxCex7Jf30mr2oTuFpoIHMzLi4" /> 23 24<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 24-25
24 25<script async src="https://www.googletagmanager.com/gtag/js?id=
25G-3JLHMTCRK8
vendor: 13 bytes, line 25
25"></script>
26<script> 27
vendor: 138 bytes, lines 27-31
27window.dataLayer = window.dataLayer || []; 28 function gtag(){dataLayer.push(arguments);} 29 gtag('js', new Date()); 30 31 gtag('config', '
31G-3JLHMTCRK8
vendor: 5 bytes, line 31
31');
32</script>
32 33 34<!-- Meta Pixel Code -->
35<script>
vendor: 408 bytes, lines 35-44
35 36!function(f,b,e,v,n,t,s) 37{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 38n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 39if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 40n.queue=[];t=b.createElement(e);t.async=!0; 41t.src=v;s=b.getElementsByTagName(e)[0]; 42s.parentNode.insertBefore(t,s)}(window, document,'script', 43'https://connect.facebook.net/en_US/fbevents.js'); 44fbq('init', '
441072145202350410
vendor: 32 bytes, lines 44-45
44'); 45fbq('track', 'PageView');
46</script>
46 47<noscript><img height="1" width="1" style="display:none" 48src="https://www.facebook.com/tr?id=1072145202350410&ev=PageView&noscript=1" 49/></noscript> 50<!-- End Meta Pixel Code --> 51 52<!-- Meta Pixel Code -->
53<script>
vendor: 408 bytes, lines 53-62
53 54!function(f,b,e,v,n,t,s) 55{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 56n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 57if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 58n.queue=[];t=b.createElement(e);t.async=!0; 59t.src=v;s=b.getElementsByTagName(e)[0]; 60s.parentNode.insertBefore(t,s)}(window, document,'script', 61'https://connect.facebook.net/en_US/fbevents.js'); 62fbq('init', '
621090318997080300
vendor: 32 bytes, lines 62-63
62'); 63fbq('track', 'PageView');
64</script>
64 65<noscript><img height="1" width="1" style="display:none" 66src="https://www.facebook.com/tr?id=1090318997080300&ev=PageView&noscript=1" 67/></noscript> 68<!-- End Meta Pixel Code --> 69 70 <!-- Meta-End --> 71 72 <title>SAYAPJP : Online Gaming Engine Indonesia Terbaru & Paling Populer 2025</title> 73 74 <link rel="icon" href="/images/favicon.png" type="image/png"> 75 76 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous"> 77 78 79 <link rel="preconnect" href="https://fonts.googleapis.com"> 80 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 81 <link rel="preconnect" href="https://fonts.googleapis.com"> 82 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 83 <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Oswald:[email protected]&display=swap" rel="stylesheet"> 84 85
85<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
85 86
86<script src="/js/script.js?6ac96e73513aa"></script>
86 87
87<script src="/js/global.js?1787301696"></script>
87 88
88<script src="/js/toastify.js?1787301696"></script>
88 89
89<script src="/js/masonry.pkgd.min.js?1787301696"></script>
89 90
90<script src="/js/splide.min.js?1787301696"></script>
90 91
91<script src="/js/dataTables.js?1787301696"></script>
91 92
92<script src="/js/dataTables.bootstrap5.js?1787301696"></script>
92 93 94 95 <link rel="stylesheet" href="/css/toastify.css?1787301696"> 96 <link rel="stylesheet" href="/css/splide.min.css?1787301696"> 97 98 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> 99 100 101 <link rel="stylesheet" href="/css/template/DLR.css?1787301696"> 102 103 104 <link rel="stylesheet" href="/css/style.css?1787301696"> 105 <link rel="stylesheet" href="/css/logo.css?1787301696"> 106 <link rel="stylesheet" href="https://imgotp.viva88athenae.com//icomoon/style.css?1787301696"> 107 108 <style> 109 110 @font-face { 111 font-family: 'icomoon'; 112 font-display: swap; 113 src: url('https://imgotp.viva88athenae.com//icomoon/fonts/icomoon.ttf?1787301696') format('truetype'); 114 font-weight: normal; 115 font-style: normal; 116 } 117 118 </style> 119 120 121 </head> 122 <body> 123 124 125 126 <div class="wrapper"> 127 128 <aside class="box-sidebar"> 129 <style> 130 .sidebar-menu.active { 131 background-color: var(--bg-hover); 132 /* Or any custom color */ 133 } 134 135 .new-badge { 136 position: absolute; 137 right: 0; 138 top: 50%; 139 transform: translateY(-50%); 140 margin-right: 8px; 141 } 142</style> 143 144 145<div class="sidebar pb-4"> 146 <div class="sidebar-head d-none d-lg-block"> 147 <div class="d-flex justify-content-center align-items-center w-100 my-4"> 148 <a href="/" 149 onclick="event.preventDefault();content(`/`);unsetSidebarMenuActive()"><img 150 src="/images/logo.png?1787301696" 151 class="logo-sidebar" alt="Logo"></a> 152 </div> 153 154 </div> 155 <div class="sidebar-body"> 156 <div class="d-flex flex-column mx-3"> 157 <div class="d-flex flex-column"> 158 <div class="d-block d-lg-none mt-3 mt-lg-0"> 159 <style> 160 /*:root {*/ 161 /* --bg-surface: rgb(15, 25, 35);*/ 162 /* --text-deep: white;*/ 163 /* --text-surface: white;*/ 164 /* --bg-elevated: rgb(40, 50, 60);*/ 165 /* --placeholder-color: rgb(100, 110, 120);*/ 166 /*}*/ 167 168 /* Input Styles */ 169 .search-container { 170 position: relative; 171 z-index: 991; 172 width: 100%; 173 margin: auto; 174 } 175 176 .search-container input[type="text"] { 177 background-color: var(--bg-surface); 178 color: var(--text-deep); 179 border: 2px solid var(--bg-elevated); 180 outline: none; 181 padding: 8px 40px 8px 50px; /* Add padding for the icon */ 182 border-radius: 4px; 183 transition: border-color 0.2s ease; 184 width: 100%; 185 font-weight: 600; 186 font-size: 16px; 187 } 188 189 .search-container input[type="text"]::placeholder { 190 color: var(--placeholder-color); 191 opacity: 0.8; 192 } 193 194 195 .search-icon { 196 position: absolute; 197 top: 50%; 198 left: 16px; 199 transform: translateY(-50%); 200 color: var(--accent-color); 201 font-size: 20px; 202 pointer-events: none; /* Prevent icon from blocking input */ 203 } 204 205 .search-overlay { 206 position: fixed; 207 top: 0; 208 left: 0; 209 width: 100%; 210 height: 100%; 211 background-color: rgba(0, 0, 0, 0.5); 212 z-index: 990; 213 display: none; 214 } 215 216 .search-result { 217 position: absolute; 218 z-index: 991; 219 width: 100%; 220 height: 440px; 221 max-height: 440px; 222 background-color: var(--bg-surface); 223 border-radius: 8px; 224 overflow-y: auto; 225 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); 226 display: none; 227 } 228 229 .search-result-item { 230 padding: 12px 16px; 231 color: var(--text-surface); 232 cursor: pointer; 233 transition: background-color 0.2s; 234 } 235 236 .search-result-item:hover { 237 background-color: var(--bg-elevated); 238 } 239</style> 240 241<div class="search-widget"> 242 <div class="search-overlay" onclick="closeSearch(this)"></div> 243 244 <div class="search-container"> 245 <span class="search-icon"><i class="icon-search text-accent fs-xl"></i></span> 246 <input 247 type="text" 248 placeholder="Search" 249 class="form-control" 250 onfocus="openSearch(this)" 251 oninput="debouncedSearch(this)" 252 > 253 254 <div class="search-result rounded mt-3"></div> 255 </div> 256</div> 257
258<script> 259 260 261 // Debounced version of searchGame 262 var debouncedSearch = debounce(function (input) { 263 searchGame(input); 264 }, 300); 265 266 function debounce(func, delay = 300) { 267 let timeout; 268 return function (...args) { 269 clearTimeout(timeout); 270 timeout = setTimeout(() => func.apply(this, args), delay); 271 }; 272 } 273 274 function searchGame(input) { 275 const container = input.closest('.search-widget'); 276 const value = input.value.trim(); 277 const resultBox = container.querySelector('.search-result'); 278 const overlay = container.querySelector('.search-overlay'); 279 280 if (value) { 281 resultBox.style.display = 'block'; 282 overlay.style.display = 'block'; 283 284 resultBox.innerHTML = ` 285 <div class="w-100 h-100 d-flex justify-content-center align-items-center"> 286 <div class="spinner-border text-primary" role="status"></div> 287 </div> 288 `; 289 290 const settings = { 291 url: encodeURI(`/game/search?name=${value}`), 292 method: "GET", 293 timeout: 0, 294 }; 295 296 $.ajax(settings).done(function (response) { 297 resultBox.innerHTML = response; 298 }); 299 } else { 300 resultBox.style.display = 'none'; 301 overlay.style.display = 'none'; 302 } 303 } 304 305 function openSearch(input) { 306 const container = input.closest('.search-widget'); 307 container.querySelector('.search-overlay').style.display = 'block'; 308 document.body.classList.add('search-active'); 309 310 if (window.innerWidth <= 768) { 311 setTimeout(() => { 312 const offset = input.getBoundingClientRect().top + window.scrollY - 16; 313 window.scrollTo({ top: offset, behavior: 'smooth' }); 314 }, 100); 315 } 316 } 317 318 function closeSearch(overlay) { 319 const container = overlay.closest('.search-widget'); 320 container.querySelector('.search-overlay').style.display = 'none'; 321 container.querySelector('.search-result').style.display = 'none'; 322 document.body.classList.remove('search-active'); 323 324 input.blur(); 325 } 326 327 function checkFocus(input) { 328 const container = input.closest('.search-widget'); 329 setTimeout(() => { 330 if (!container.contains(document.activeElement)) { 331 closeSearch(container.querySelector('.search-overlay')); 332 } 333 }, 200); 334 } 335 336 337 338</script>
338 339 </div> 340 341 <div 342 class="d-flex flex-lg-row flex-md-column flex-sm-column gap-2 align-items-center h-100 mt-3 mt-lg-0"> 343 <a class="btn btn-promotion w-100" href="/promosi" 344 onclick="event.preventDefault(); content( `/promosi`);">Promosi</a> 345 <a class="btn btn-event w-100" href="/event" 346 onclick="event.preventDefault(); content( `/event`)">Event</a> 347 </div> 348 </div> 349 350 <div class="d-flex flex-column gap-2 mt-3 mt-lg-2"> 351 352 <!-- Togel --> 353 354 <ul class="menu-group"> 355 <li class="menu-item"> 356 <a id="menu-togel" class="sidebar-menu btn-menu" href="/togel" 357 onclick="event.preventDefault();content( `/togel`);setSidebarMenuActive(this); generateTogelToken();"> 358 <div style="width: 16px"><i class="icon-togel text-accent fs-md"></i></div> 359 <span class="menu-name">Togel</span> 360 </a> 361 </li> 362 </ul> 363 364 <!-- Togel --> 365 366 <!-- Menu Game --> 367 368 <ul class="menu-group"> 369 <li class="menu-item"> 370 <a id="menu-slot" class="sidebar-menu btn-menu" 371 href="/game/slot" 372 onclick="event.preventDefault();content( `/game/slot`);setSidebarMenuActive(this)"> 373 <div style="width: 16px"><i class="icon-slot text-accent fs-md"></i></div> 374 <span class="menu-name">Slot</span> 375 </a> 376 377 </li> 378 </ul> 379 380 <ul class="menu-group"> 381 <li class="menu-item"> 382 <a id="menu-casino" class="sidebar-menu btn-menu" 383 href="/game/casino" 384 onclick="event.preventDefault();content( `/game/casino`);setSidebarMenuActive(this)"> 385 <div style="width: 16px"><i class="icon-live-casino text-accent fs-md"></i></div> 386 <span class="menu-name">Casino</span> 387 </a> 388 389 </li> 390 </ul> 391 392 <ul class="menu-group"> 393 <li class="menu-item"> 394 <a id="menu-sports" class="sidebar-menu btn-menu" 395 href="/game/sports" 396 onclick="event.preventDefault();content( `/game/sports`);setSidebarMenuActive(this)"> 397 <div style="width: 16px"><i class="icon-sports text-accent fs-md"></i></div> 398 <span class="menu-name">Sports</span> 399 </a> 400 401 </li> 402 </ul> 403 404 <ul class="menu-group"> 405 <li class="menu-item"> 406 <a id="menu-sabung" class="sidebar-menu btn-menu" 407 href="/game/sabung" 408 onclick="event.preventDefault();content( `/game/sabung`);setSidebarMenuActive(this)"> 409 <div style="width: 16px"><i class="icon-sabung text-accent fs-md"></i></div> 410 <span class="menu-name">Sabung</span> 411 </a> 412 413 </li> 414 </ul> 415 416 <ul class="menu-group"> 417 <li class="menu-item"> 418 <a id="menu-arcade" class="sidebar-menu btn-menu" 419 href="/game/arcade" 420 onclick="event.preventDefault();content( `/game/arcade`);setSidebarMenuActive(this)"> 421 <div style="width: 16px"><i class="icon-arcade text-accent fs-md"></i></div> 422 <span class="menu-name">
422Arcade</span> 423 </a> 424 425 </li> 426 </ul> 427 428 <ul class="menu-group"> 429 <li class="menu-item"> 430 <a id="menu-interactive" class="sidebar-menu btn-menu" 431 href="/game/interactive" 432 onclick="event.preventDefault();content( `/game/interactive`);setSidebarMenuActive(this)"> 433 <div style="width: 16px"><i class="icon-interactive text-accent fs-md"></i></div> 434 <span class="menu-name">Interactive</span> 435 </a> 436 437 </li> 438 </ul> 439 440 <!-- Kupon --> 441 <ul class="menu-group"> 442 <li class="menu-item"> 443 <a id="menu-kupon" class="sidebar-menu btn-menu" 444 onclick="event.preventDefault();content( `/coupon`);setSidebarMenuActive(this);"> 445 <div style="width: 16px"><i class="icon-kupon text-accent fs-md"></i></div> 446 <span class="menu-name">Kupon</span> 447 </a> 448 449 </li> 450 </ul> 451 <!-- Kupon --> 452 453 <!-- Menu Social Media --> 454 455 <ul class="menu-group"> 456 <li class="menu-item"> 457 <a class="btn-menu" href="https://t.me/OFFICIALSAYAPJP" target="_blank" 458 aria-label="Visit telegram" rel="noopener noreferrer"> 459 <div style="width: 16px"><i class="icon-telegram text-accent fs-md"></i></div> 460 <span class="menu-name">Telegram Official SAYAPJP </span> 461 </a> 462 </li> 463 464 </ul> 465 466 <!-- Menu Informasi --> 467 468 <ul class="menu-group"> 469 470 471 472 <li class="menu-item"> 473 <a id="menu-tentang" class="sidebar-menu btn-menu" 474 href="/informasi/tentang" 475 onclick="event.preventDefault();content(`/informasi/tentang`);setSidebarMenuActive(this)"=> 476 <div style="width: 16px"><i class="icon-about-us text-accent fs-md"></i></div> 477 <span class="menu-name">Tentang Kami</span> 478 </a> 479 </li> 480 481 <li class="menu-item"> 482 <a id="menu-bantuan" class="sidebar-menu btn-menu" 483 href="/informasi/bantuan" 484 onclick="event.preventDefault();content(`/informasi/bantuan`);setSidebarMenuActive(this)"> 485 <div style="width: 16px"><i class="icon-help text-accent fs-md"></i></div> 486 <span class="menu-name">FAQ</span> 487 </a> 488 </li> 489 490 <li class="menu-item"> 491 <a id="menu-peraturan" class="sidebar-menu btn-menu" 492 href="/informasi/peraturan" 493 onclick="event.preventDefault();content(`/informasi/peraturan`);setSidebarMenuActive(this)"> 494 <div style="width: 16px"><i class="icon-regulation text-accent fs-md"></i></div> 495 <span class="menu-name">Peraturan</span> 496 </a> 497 </li> 498 499 <li class="menu-item"> 500 <a id="menu-bank" class="sidebar-menu btn-menu" 501 href="/informasi/bank" 502 onclick="event.preventDefault();content(`/informasi/bank`);setSidebarMenuActive(this)"> 503 <div style="width: 16px"><i class="icon-bank-info text-accent fs-md"></i></div> 504 <span class="menu-name">Informasi Bank</span> 505 </a> 506 </li> 507 </ul> 508 509 510 511 </div> 512 513 514 515 </div> 516 </div> 517</div> 518
519<script> 520 521 var sidebarTabs = { 522 "/game/slot": "menu-slot", 523 "/game/casino": "menu-casino", 524 "/game/sports": "menu-sports", 525 "/game/arcade": "menu-arcade", 526 "/game/sabung": "menu-sabung", 527 "/game/interactive": "menu-interactive", 528 "/informasi/tentang": "menu-tentang", 529 "/informasi/bantuan": "menu-bantuan", 530 "/informasi/peraturan": "menu-peraturan", 531 "/informasi/bank": "menu-bank", 532 }; 533 534 document.addEventListener("DOMContentLoaded", function () { 535 const currentURL = window.location.href; 536 537 for (let path in sidebarTabs) { 538 if (currentURL.includes(path)) { 539 const menuId = sidebarTabs[path]; 540 const menuElement = document.getElementById(menuId); 541 if (menuElement) { 542 setSidebarMenuActive(menuElement); 543 } 544 break; 545 } 546 } 547 }); 548 549 function unsetSidebarMenuActive() { 550 // Remove active from all 551 document.querySelectorAll('.sidebar-menu').forEach(menu => { 552 menu.classList.remove('active'); 553 }); 554 } 555 556 557 function setSidebarMenuActive(el) { 558 unsetSidebarMenuActive(); 559 560 // Add active to clicked one 561 el.classList.add('active'); 562 } 563 564 565</script>
565 </aside> 566 567 568 <main class="main"> 569 <div id="box-navbar"> 570 <style> 571 .navbar { 572 height: 60px; 573 max-height: 60px; 574 } 575 576 .dropdown-setting::after { 577 display: none; 578 } 579 580 .flag-icon { 581 width: 22px; 582 height: 16px; 583 object-fit: cover; 584 border-radius: 2px; 585 } 586 587 /* FIXED WIDTH */ 588 .lang-dropdown { 589 width: 72px; /* adjust as needed */ 590 } 591 592 .lang-dropdown .dropdown-menu { 593 width: 100%; 594 } 595 596 .lang-dropdown .dropdown-toggle { 597 width: 100%; 598 text-align: left; 599 } 600 601 .lang-dropdown .dropdown-toggle::after { 602 display: none; /* hides the arrow */ 603 } 604 605 .lang-dropdown .dropdown-menu { 606 width: auto; /* menu auto width */ 607 min-width: 0; /* important: avoid forced minimum */ 608 } 609 610 .lang-dropdown .dropdown-item.active { 611 background-color: var(--btn-accent-background, rgba(76, 175, 80, 0.2)); 612 color: var(--text-accent, #4CAF50); 613 } 614 615 .lang-dropdown .dropdown-item:hover { 616 background-color: rgba(255, 255, 255, 0.1); 617 } 618 619</style> 620 621 622<nav id="navbar" class="navbar shadow w-100" data-bs-theme="dark"> 623 624 <div class="container h-100 flex-nowrap"> 625 <div> 626 <a href="javascript:content('/')" class="navbar-brand d-block d-md-block d-lg-block d-xl-none h-100 p-0 m-0"> 627 <img src="/images/logo.png?1787301696" class="logo-navbar" alt="Logo"> 628 </a> 629 </div> 630 631 632 <div class="d-flex align-items-center gap-3 h-100"> 633 <a class="btn-text fw-semibold"></a> 634 </div> 635 636 637 <div class="d-flex align-items-center gap-3 gap-lg-4"> 638 <a class="btn-text fw-semibold" href="/login" onclick="event.preventDefault();openLoginModal();">Login</a> 639 <a type="button" class="btn btn-accent fw-semibold rounded-1" href="/register" onclick="event.preventDefault();openRegisterModal()">Register</a> 640 </div> 641 642 </div> 643</nav> 644 645 646 647 648 649 <!-- Modal Login --> 650 <div class="modal fade" id="modal-login" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 651 <div class="modal-dialog modal-dialog-centered"> 652 <div class="modal-content bg-surface"> 653 <div class="modal-header bg-base border-0"> 654 <div class="modal-title"><img src='/images/logo.png?1787301696' class="logo-popup"></div> 655 <button type="button" class="text-white ms-auto fw-semibold" data-bs-dismiss="modal" aria-label="Close" style="background: var(--btn-accent-background); border: none; color: white; font-weight: 500; font-size: 0.75rem; padding: 0.3rem 0.8rem; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer;">CLOSE</button> 656 </div> 657 <div class="modal-body"> 658 <form id="login-form"> 659 <div class="mb-3"> 660 <label for="login-username" class="form-label">Username</label> 661 <input id="login-username" class="form-control" placeholder="Username"> 662 <span id="error-username" class="fs-sm text-danger"></span> 663 </div> 664 <div class="mb-3"> 665 <label for="login-password" class="form-label">Password</label> 666 <input id="login-password" type="password" class="form-control" placeholder="Password"> 667 <span id="error-password" class="fs-sm text-danger"></span> 668 </div> 669 670 <div class="form-check mb-3"> 671 <input class="form-check-input" type="checkbox" id="remember-me" checked> 672 <label class="form-check-label" for="remember-me"> 673 Remember Me 674 </label> 675 </div> 676 677 <button id="login-button" type="submit" class="btn btn-accent mt-3 mt-lg-4 w-100" style="height: 40px">Sign In</button> 678 </form> 679 680 <a href="https://telegram.me/sayapjp_bot" id="login-surface" type="submit" class="btn btn-elevated mt-2 mt-lg-2 w-100" style="height: 40px"><i class="bi bi-telegram me-2" style="color: #24A1DE"></i>Main di Telegram</a> 681 </div> 682 </div> 683 </div> 684</div> 685 686 687
688<script> 689 document.addEventListener("DOMContentLoaded", function() { 690 const loginModal = document.getElementById('modal-login'); 691 loginModal.addEventListener('shown.bs.modal', function () { 692 693 const remember = localStorage.getItem('remember'); 694 695 if (remember === 'true') { 696 document.getElementById('login-username').value = localStorage.getItem('username') || ''; 697 document.getElementById('login-password').value = localStorage.getItem('password') || ''; 698 document.getElementById('remember-me').checked = true; 699 700 if(!localStorage.getItem('username')) document.getElementById('login-username').focus(); 701 702 } else if (remember === 'false') { 703 document.getElementById('login-username').value = ''; 704 document.getElementById('login-password').value = ''; 705 document.getElementById('remember-me').checked = false; 706 707 document.getElementById('login-username').focus(); 708 } 709 }); 710 711 document.getElementById('login-form').addEventListener('submit', function (e) { 712 e.preventDefault(); // prevent default form submission 713 login(); // call your custom login logic 714 }); 715 }); 716 717 718 function login() { 719 720 const username = $('#login-username').val(); 721 const password = $('#login-password').val(); 722 const captcha = $('#login-captcha').val(); 723 const remember = $('#remember-me').prop('checked'); 724 725 $('#login-button').prop('disabled', true); 726 727 const formData = { 728 username: username, 729 password: password, 730 game_data: window.game_data, 731 grand_data: window.grand_data, 732 captcha: captcha 733 }; 734 735 window.api.post("/api/login", formData, { 736 onSuccess: (response) => { 737 if (remember) { 738 localStorage.setItem('username', username); 739 localStorage.setItem('password', password); 740 localStorage.setItem('remember', 'true'); 741 } else { 742 localStorage.removeItem('username'); 743 localStorage.removeItem('password'); 744 localStorage.setItem('remember', 'false'); 745 } 746 747 $('#modal-login').modal('hide'); 748 navbar(); 749 bottomNavbar(); 750 content("/"); 751 toast(response.error.message); 752 $('#login-button').prop('disabled', false).text('Login'); 753 754 openModalSyarat(); 755 if (window.game_data == 'kuponotp' && window.grand_data == 'kpn') { 756 if (window.kupon_type && window.kupon_periode) { 757 window.location.href = "/coupon?type=" + encodeURIComponent(window.kupon_type) + "&periode=" + encodeURIComponent(window.kupon_periode); 758 } else { 759 window.location.href = "/coupon"; 760 } 761 } else if (response.data.game && response.data.game.url) { 762 launch(response.data.game.url, response.data.game.width, response.data.game.height); 763 } 764 }, 765 onError: (response) => { 766 if (response.error && response.error.message) { 767 toast(response.error.message, response.error.code); 768 } else { 769 toast('Terjadi kesalahan, silakan coba lagi'); 770 } 771 refreshCaptcha('captcha-login'); 772 $('#login-button').prop('disabled', false).text('Login'); 773 } 774 }); 775 }; 776</script>
776 777 <!-- Modal Register --> 778 <div class="modal fade" id="modal-register" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 779 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> 780 <div class="modal-content bg-surface"> 781 <div class="modal-header bg-base border-0"> 782 <div class="modal-title"><img src='/images/logo.png?1787301696' class="logo-popup"></div> 783 <button type="button" class="text-white ms-auto fw-semibold" data-bs-dismiss="modal" aria-label="Close" style="background: var(--btn-accent-background); border: none; color: white; font-weight: 500; font-size: 0.75rem; padding: 0.3rem 0.8rem; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer;">CLOSE</button> 784 </div> 785 <div class="modal-body"> 786 <form> 787 <div class="row mb-3"> 788 <div class="col-12"> 789 <label for="register-username" class="form-label">Username</label> 790 <input id="register-username" class="form-control" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi"> 791 <span id="error-username_reg" class="fs-sm text-danger"></span> 792 </div> 793 </div> 794 <div class="row mb-3"> 795 <div class="col-6"> 796 <label for="register-password" class="form-label">Password</label> 797 <input id="register-password" type="password" class="form-control" placeholder="Password (6 Karakter atau Lebih)"> 798 <span id="error-register-password" class="fs-sm text-danger"></span> 799 </div> 800 <div class="col-6"> 801 <label for="register-konfirmasi-password" class="form-label">Konfirmasi Password</label> 802 <input id="register-konfirmasi-password" type="password" class="form-control" placeholder="Password Sekali Lagi"> 803 <span id="error-konfirmasi-password" class="fs-sm text-danger"></span> 804 </div> 805 <span id="error-password_reg" class="fs-sm text-danger"></span> 806 </div> 807 <div class="row mb-3"> 808 <div class="col-6"> 809 <label for="register-email" class="form-label">Email</label> 810 <input id="register-email" type="email" class="form-control" placeholder="Email"> 811 <span id="error-email" class="fs-sm text-danger"></span> 812 </div> 813 <div class="col-6"> 814 <label for="register-notelp" class="form-label">Nomor Handphone</label> 815 <input id="register-notelp" type="number" class="form-control" placeholder="Nomor Handphone"> 816 <span id="error-telpon" class="fs-sm text-danger"></span> 817 </div> 818 </div> 819 <div class="row mb-3"> 820 <div class="col-6"> 821 <label for="register-bank" class="form-label">Bank / E-wallet</label> 822 <select id="register-bank" class="form-select"> 823 <option value="">Pilih Bank</option> 824 <option value="BCA">BCA</option> 825 <option value="BNI">BNI</option> 826 <option value="BRI">BRI</option> 827 <option value="CIMB">CIMB</option> 828 <option value="DANA">DANA</option> 829 <option value="GOPAY">GOPAY</option> 830 <option value="Lain-lain">Lain-lain</option> 831 <option value="LinkAja">LinkAja</option> 832 <option value="Mandiri">Mandiri</option> 833 <option value="OVO">OVO</option> 834 <option value="SeaBank">SeaBank</option> 835 </select> 836 <span id="error-bank" class="fs-sm text-danger"></span> 837 </div> 838 <div class="col-6"> 839 <label for="register-norek" class="form-label">Nomor Rekening</label> 840 <input id="register-norek" type="text" class="form-control" placeholder="Nomor Rekening" oninput="this.value = this.value.replace(/[^0-9]/g, '')"> 841 <span id="error-rekening" class="fs-sm text-danger"></span> 842 </div> 843 </div> 844 <div class="row mb-3"> 845 <div class="col-6"> 846 <label for="register-narek" class="form-label">Nama Rekening</label> 847 <input id="register-narek" class="form-control" placeholder="Nama sesuai Rekening"> 848 <span id="error-nama" class="fs-sm text-danger"></span> 849 </div> 850 <div class="col-6"> 851 <label for="register-ref" class="form-label">Referal</label> 852 <input id="register-ref" type="text" class="form-control" placeholder="Username Referal bila ada"> 853 <span id="error-ref" class="fs-sm text-danger"></span> 854 </div> 855 </div> 856 <div style="margin-top:15px"> 857 <label class="checkbox-inline" style="display: flex; gap: 4px"> 858 <input type="checkbox" checked="" disabled=""> 859 <div>Dengan ini saya menyatakan bahwa saya telah membaca dan menyetujui <a href="javascript:content('/informasi/peraturan')" style="color: cornflowerblue;">Kebijakan Privasi</a>
859 pada Situs ini.</div> 860 </label> 861 </div> 862 <div class="mb-3"> 863 <label id="alert" class="form-label text-danger"></label> 864 </div> 865 <button type="button" onclick="register()" class="btn btn-accent mt-3 w-100" style="height: 40px" disabled>Daftar</button> 866 </form> 867 </div> 868 </div> 869 </div> 870 </div> 871 872
873<script> 874 875 876document.addEventListener("DOMContentLoaded", function () { 877 const regModal = document.getElementById("modal-register"); 878 const registerButton = regModal.querySelector("button[onclick='register()']"); 879 880 const fields = { 881 username: { 882 el: document.getElementById("register-username"), 883 error: document.getElementById("error-username_reg"), 884 validate: val => /^[a-zA-Z0-9]{6,16}$/.test(val), 885 message: "Username harus 6–16 karakter (A-Z, a-z, 0-9)", 886 touched: false 887 }, 888 password: { 889 el: document.getElementById("register-password"), 890 error: document.getElementById("error-register-password"), 891 validate: val => val.length >= 6, 892 message: "Password minimal 6 karakter", 893 touched: false 894 }, 895 confirmPassword: { 896 el: document.getElementById("register-konfirmasi-password"), 897 error: document.getElementById("error-konfirmasi-password"), 898 validate: () => 899 fields.password.el.value === fields.confirmPassword.el.value && 900 fields.confirmPassword.el.value.length >= 6, 901 message: "Password tidak cocok", 902 touched: false 903 }, 904 email: { 905 el: document.getElementById("register-email"), 906 error: document.getElementById("error-email"), 907 validate: val => /^\S+@\S+\.\S+$/.test(val), 908 message: "Format email tidak valid", 909 touched: false 910 }, 911 phone: { 912 el: document.getElementById("register-notelp"), 913 error: document.getElementById("error-telpon"), 914 validate: val => /^[0-9]{10,16}$/.test(val), 915 message: "Nomor telepon 10 - 16 digit", 916 touched: false 917 }, 918 bank: { 919 el: document.getElementById("register-bank"), 920 error: document.getElementById("error-bank"), 921 validate: val => val !== "", 922 message: "Silakan pilih bank", 923 touched: false 924 }, 925 norek: { 926 el: document.getElementById("register-norek"), 927 error: document.getElementById("error-rekening"), 928 validate: val => val.length > 0, 929 message: "Nomor rekening wajib diisi", 930 touched: false 931 }, 932 narek: { 933 el: document.getElementById("register-narek"), 934 error: document.getElementById("error-nama"), 935 validate: val => val.length > 0, 936 message: "Nama rekening wajib diisi", 937 touched: false 938 }, 939 }; 940 941 function validateField(field) { 942 943 const val = field.el.value.trim(); 944 const isValid = typeof field.validate === "function" ? field.validate(val) : true; 945 946 if (field.touched && field.error) { 947 field.error.textContent = isValid ? "" : field.message; 948 } else if (field.error) { 949 field.error.textContent = ""; 950 } 951 952 return isValid; 953 } 954 955 function checkForm() { 956 let allValid = true; 957 for (const key in fields) { 958 const valid = validateField(fields[key]); 959 if (!valid) allValid = false; 960 } 961 registerButton.disabled = !allValid; 962 } 963 964 for (const key in fields) { 965 const field = fields[key]; 966 ["focus", "input", "blur"].forEach(evt => { 967 field.el.addEventListener(evt, () => { 968 field.touched = true; 969 validateField(field); 970 checkForm(); 971 }); 972 }); 973 } 974 975 regModal.addEventListener("shown.bs.modal", function () { 976 fields.username.el.focus(); 977 checkForm(); 978 }); 979}); 980 981function allowOnlyText(inputEl, errorEl) { 982 inputEl.addEventListener("input", function () { 983 let original = this.value; 984 // Keep only letters (A–Z, a–z) and spaces 985 this.value = this.value.replace(/[^a-zA-Z\s]/g, ""); 986 987 // Show error if something was removed 988 if (original !== this.value) { 989 errorEl.textContent = "Nama rekening harus alfabet (A–Z, a–z)"; 990 } else { 991 errorEl.textContent = ""; 992 } 993 }); 994} 995 996document.addEventListener("DOMContentLoaded", function () { 997 const narekInput = document.getElementById("register-narek"); 998 const narekError = document.getElementById("error-nama"); 999 1000 allowOnlyText(narekInput, narekError); 1001}); 1002 1003 function register() { 1004 1005 const formData = { 1006 nama: $('#register-narek').val(), 1007 username_reg: $('#register-username').val(), 1008 bank: $('#register-bank').val(), 1009 telpon: $('#register-notelp').val(), 1010 email: $('#register-email').val(), 1011 rekening: $('#register-norek').val(), 1012 password_reg: $('#register-password').val(), 1013 password_reg_confirmation: $('#register-konfirmasi-password').val(), 1014 ref: $('#register-ref').val(), 1015 captcha_reg: $('#register-captcha').val() 1016 }; 1017 1018 window.api.post("/api/register", formData, { 1019 onSuccess: (response) => { 1020 $('#alert').removeClass('text-danger').addClass('text-success').text('Register berhasil!');
1021 $('#modal-register').modal('hide'); 1022 navbar(); 1023 bottomNavbar(); 1024 content("/welcome"); 1025 1026 toast(response.error.message); 1027 }, 1028 onError: (response) => { 1029 if (response.error && response.error.message) { 1030 toast(response.error.message, response.error.code); 1031 } else { 1032 toast('Terjadi kesalahan, silakan coba lagi'); 1033 } 1034 refreshCaptcha('captcha-register'); 1035 } 1036 }); 1037 }; 1038 1039</script>
1039 1040 1041
1042<script> 1043 var i18nNavs = { 1044 transaction: "Transaksi", 1045 loadingTransaction: "Memuat halaman transaksi...", 1046 failedLoadTransaction: "Gagal memuat halaman transaksi. Silakan coba lagi.", 1047 tryAgain: "Coba Lagi", 1048 memoIncoming: "[Memo] Pesan Masuk.", 1049 error: "Error" 1050 }; 1051 1052 function openTransactionModal() { 1053 if (typeof openTransactionModalWithTab === 'function') { 1054 openTransactionModalWithTab('deposit'); 1055 return; 1056 } 1057 $('.modal').modal('hide'); 1058 $('.modal-backdrop').remove(); 1059 $('#dynamic-modal').remove(); 1060 $('body').removeClass('modal-open').css('padding-right', ''); 1061 1062 setTimeout(function() { 1063 const modalHtml = ` 1064 <div class="modal" id="dynamic-modal" tabindex="-1" aria-hidden="true"> 1065 <div class="modal-dialog modal-dialog-centered modal-fixed"> 1066 <div class="modal-content bg-surface"> 1067 <div class="modal-header bg-base border-0 d-flex justify-content-between align-items-center"> 1068 <h5 class="modal-title">${i18nNavs.transaction}</h5> 1069 <button type="button" 1070 class="close-capsule" 1071 data-bs-dismiss="modal" 1072 aria-label="Close" 1073 style="">CLOSE</button> 1074 </div> 1075 <div class="modal-body p-0" id="modal-content-container"> 1076 <div class="d-flex justify-content-center align-items-center p-5"> 1077 <div class="spinner-border text-primary" role="status"></div> 1078 <span class="ms-3">${i18nNavs.loadingTransaction}</span> 1079 </div> 1080 </div> 1081 </div> 1082 </div> 1083 </div> 1084 `; 1085 1086 $('body').append(modalHtml); 1087 $('#dynamic-modal').modal('show'); 1088 1089 $.ajax({ 1090 url: '/user/transaction', 1091 method: 'GET', 1092 success: function(response) { 1093 $('#modal-content-container').html(response).animate({opacity: 1}, 300); 1094 if (typeof initializeTransactionModal === 'function') { 1095 initializeTransactionModal(); 1096 } 1097 }, 1098 error: function(xhr, status, error) { 1099 console.error('Failed to load transaction content:', error); 1100 $('#modal-content-container').html(` 1101 <div class="container-fluid p-4 text-center"> 1102 <div class="alert alert-danger"> 1103 <h5>Error</h5> 1104 <p>Gagal memuat halaman transaksi. Silakan coba lagi.</p> 1105 <button class="btn btn-accent" onclick="openTransactionModal()">${i18nNavs.tryAgain}</button> 1106 </div> 1107 </div> 1108 `).animate({opacity: 1}, 300); 1109 } 1110 }); 1111 }, 200); 1112 } 1113 1114 function openTransactionTab(tabName) { 1115 if (typeof openTransactionModalWithTab === 'function') { 1116 openTransactionModalWithTab(tabName); 1117 } else { 1118 openTransactionModal(); 1119 setTimeout(function() { 1120 if ($('#dynamic-modal #' + tabName + '-tab').length) { 1121 $('#dynamic-modal #' + tabName + '-tab').click(); 1122 } 1123 }, 1000); 1124 } 1125 } 1126 1127 function logout() { 1128 $.ajax({ 1129 url: '/api/logout', 1130 method: 'GET', 1131 success: function () { 1132 window.location.reload(); 1133 }, 1134 error: function (xhr) { 1135 console.error('Logout failed:', xhr.responseText); 1136 } 1137 }); 1138 } 1139 1140 unreadMemo = 0; 1141 1142 function setMemoBadge(value) { 1143 unreadMemo = value; 1144 if(value < 1) { 1145 $('.unread-memo-badge').html(''); 1146 $('#navbar-profile-badge').hide(); 1147 } else { 1148 1149 badgeValue = unreadMemo > 99 ? "99+" : unreadMemo; 1150 $('.unread-memo-badge').html(`<span class="badge text-bg-secondary">${ badgeValue }</span>`); 1151 1152 $('#navbar-profile-badge').html(badgeValue).show(); 1153 } 1154 1155 } 1156 1157 function decreaseMemo() { 1158 if(unreadMemo > 0) { 1159 unreadMemo--; 1160 setMemoBadge(unreadMemo); 1161 } 1162 } 1163 1164 firstload = true; 1165 1166 function getBalance() { 1167 var settings = { 1168 "url": "/api/user/balance?format=0&symbol=0", 1169 "method": "GET", 1170 "timeout": 0, 1171 }; 1172 1173 $.ajax(settings).done(function (response) { 1174 if(response.error.code == 200) { 1175 1176 credit = parseInt(response.data.credit); 1177 1178 // Pulse Deposit Button 1179 if (credit < 400) { 1180 $('#bottom-navbar-deposit').addClass('halo-effect'); 1181 } else { 1182 $('#bottom-navbar-deposit').removeClass('halo-effect'); 1183 } 1184 1185 $('#balance-value').html(credit.toLocaleString('en-US', { 1186 maximumFractionDigits: 0 1187 })); 1188 1189 1190 1191 if(response.data.unreadMemo > unreadMemo && !firstload) { 1192 toast(i18nNavs.memoIncoming); 1193 } 1194 1195 setMemoBadge(response.data.unreadMemo); 1196 1197 var wpc = parseInt(response.data.wheelPendingCount) || 0; 1198 if (wpc > 0) { 1199 var wpcLabel = wpc > 99 ? '99+' : wpc; 1200 if ($('#spinwheel-badge').length) { 1201 $('#spinwheel-badge').text(wpcLabel).show(); 1202 } else { 1203 $('#openSpinwheelBtn').append('<span id="spinwheel-badge" class="badge text-bg-danger" style="position: absolute; top: 2px; right: 2px; font-size: 9px; min-width: 16px; height: 16px; padding: 2px 4px; border-radius: 8px; line-height: 12px;">' + wpcLabel + '</span>'); 1204 } 1205 } else { 1206 $('#spinwheel-badge').hide(); 1207 } 1208 $('#wheel-chance-spin').text('Chance : ' + wpc); 1209
1210 if(firstload) firstload = false; 1211 1212 1213 } else { 1214 logout(); 1215 } 1216 }).fail(function (jqXHR, textStatus, errorThrown) { 1217 console.error("Failed to load balance:", textStatus, errorThrown); 1218 logout(); 1219 });; 1220 } 1221 1222 1223 function getWheels() { 1224 var settings = { 1225 url: "/api/user/generate-wheel-ticket", 1226 method: "GET", 1227 timeout: 0 1228 }; 1229 1230 $.ajax(settings).done(function (response) { 1231 if (response?.error?.code === 200) { 1232 toastAction( 1233 "🎉 " + response.error.message, 1234 200, 1235 "SPIN SEKARANG", 1236 "openSpinwheelBtn" 1237 ); 1238 } 1239 }).fail(function (jqXHR, textStatus, errorThrown) { 1240 console.error("Failed to load wheel:", textStatus, errorThrown); 1241 logout(); 1242 }); 1243 } 1244 1245 1246 1247 function refreshCaptcha(element) { 1248 $(`#${element}`).attr('src', "/api/captcha?" + Date.now()); 1249 } 1250 1251 // Language switcher now uses direct links to /set-locale 1252 // No need for JavaScript - handled by server-side redirect 1253 1254 1255 1256</script>
1256 1257 1258<style id="cs-embed-custom-styles"> 1259 /* Generated widget appearance — theme: light */ 1260.cs-embed { 1261 --cs-primary: #ffd700; 1262 --cs-secondary: #4c4000; 1263 --cs-panel-width: 360px; 1264 --cs-panel-height: 600px; 1265 --cs-footer-bg: #fff; 1266 --cs-footer-border: #f1f5f9; 1267 --cs-input-row-bg: #f1f5f9; 1268 --cs-input-text: #111827; 1269 --cs-input-muted: #64748b; 1270 --cs-upload-bg: #fff; 1271 --cs-upload-border: #cbd5e1; 1272 --cs-upload-icon: #334155; 1273 --cs-image-preview-bg: #eff6ff; 1274 --cs-image-preview-border: #dbeafe; 1275 --cs-closed-notice: #9ca3af; 1276 --cs-scrollbar-track: #eef2f7; 1277 --cs-scrollbar-thumb: #cbd5e1; 1278 --cs-scrollbar-thumb-hover: #94a3b8; 1279 --cs-messages-bg: #f8fafc; 1280 --cs-sticky-banner-bg: #fffbeb; 1281 --cs-sticky-banner-border: #fde68a; 1282 --cs-sticky-banner-inner-bg: #fff; 1283 --cs-sticky-banner-inner-border: #fde68a; 1284 --cs-sticky-banner-text: #92400e; 1285 right: 24px; left: auto; align-items: flex-end; 1286} 1287 1288.cs-embed .cs-panel { 1289 background: #fff; 1290 color: #111827; 1291} 1292 1293.cs-embed .cs-bubble--agent { 1294 background: #fff; 1295 color: #111; 1296 border-color: #e5e7eb; 1297} 1298 1299.cs-toggle:not(.cs-toggle--banner) { 1300 background: var(--cs-primary); 1301 box-shadow: 0 4px 12px rgba(255, 215, 0, 0.4); 1302} 1303 1304.cs-header { 1305 background: linear-gradient(135deg, #ffd700, #4c4000); 1306} 1307 1308.cs-bubble--customer { 1309 background: #ffd700; 1310 color: #111827; 1311} 1312</style>
1313<script src="https://service.lc1001ai.com/embed.js"></script>
1313 1314
1314<script> 1315 (function () { 1316 var chatServiceUrl = "https://service.lc1001ai.com"; 1317 var channelId = "6a3dff3a179b8ad92725eab4"; 1318 var credentials = null; 1319 var showWidget = true; 1320 window.CsChatEmbed 1321 .init({ 1322 chatServiceUrl: chatServiceUrl, 1323 channelId: channelId, 1324 credentials: credentials, 1325 showWidget: showWidget, 1326 fetchAppearance: false, 1327 onError: function (err) { 1328 console.error("Chat error:", err); 1329 }, 1330 onActivity: function (activity) { 1331 console.log("Chat activity:", activity); 1332 }, 1333 }) 1334 .then(function (result) { 1335 console.log("Chat connected, sessionId:", result.sessionId); 1336 }) 1337 .catch(function (err) { 1338 console.error("Chat init failed:", err); 1339 }); 1340 })(); 1341 </script>
1341 1342 </div> 1343 1344 1345 <div id="box-content"> 1346 <div id="content"> 1347 <div> 1348 <div class="bg-elevated page-header"> 1349 <div class="container d-flex align-items-center justify-content-between h-100"> 1350 <h3 class="text-capitalize">Event</h3> 1351 <img src="https://imgotp.viva88athenae.com//header-event.png" style="height: 100%;" class="me-0 me-lg-5"/> 1352 </div> 1353 </div> 1354 1355 1356 1357 <div class="container mt-3 d-flex flex-column gap-3"> 1358 1359 <div class="promo-item bg-elevated rounded overflow-hidden"> 1360 <img class="w-100" src="https://imgotp.thanatosmaero.com/events/pp-mega-gacor-l7-26.jpg" alt="Event"> 1361 <div class="p-3"><h5><b>PRAGMATIC : DAILY WINS MEGA GACOR</b></h5> 1362 1363<p class="provider-event"> 1364 Periode : <b><em>30 Maret 2026 - 28 Maret 2027</em></b> 1365</p> 1366 1367<details open> 1368 <summary><b>Permainan yang berpartisipasi</b></summary> 1369 1370 <p></p> 1371 1372 <div style="white-space: nowrap; overflow-x: auto; padding: 6px 0; 1373 scrollbar-color: var(--accent-color) var(--bg-elevated); 1374 scrollbar-width: thin;"> 1375 1376 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1377 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1378 onmouseover="this.style.filter='brightness(1.2)';" 1379 onmouseout="this.style.filter='brightness(1)';"> 1380 Semua permainan slot Pragmatic Play 1381 </span> 1382 1383 </div> 1384 1385 <p></p> 1386 1387 <p><b>Aturan : </b></p> 1388 1389 <p>Total hadiah Slot senilai Rp 5,983,200,000 (bagian dari Rp 88,000,000,000). </p> 1390 1391</details> 1392 1393<p></p> 1394 1395<details> 1396 1397 <summary><b>Syarat & Ketentuan</b></summary> 1398 1399 <p></p> 1400 <p><b>Wheel Drops Mingguan</b></p> 1401 1402 <ol> 1403 <li>516,000 hadiah senilai Rp 5,983,200,000 akan diberikan, mulai 29 Juni 2026, pukul 20:00 WIB hingga 27 Juli 2026, pukul 19:59 WIB.</li> 1404 <p></p> 1405 <li>Wheel drops akan berlangsung setiap minggu, mulai Senin, pukul 20:00 hingga Senin berikutnya, pukul 19:59 (WIB) dengan 129,000 hadiah dan total hadiah senilai Rp 1,495,800,000 setiap minggunya.</li> 1406 <p></p> 1407 <li>Untuk memenangkan hadiah, pemain harus mendapatkan semua (3) bagian untuk memutar roda.</li> 1408 <p></p> 1409 <li>Setiap bagian dalam wheel drops akan muncul secara acak saat taruhan apapun, dan hanya 1 bagian yang bisa didapatkan dalam setiap taruhan. Jika mendapatkan bagian pertama, maka Anda berhak untuk mengoleksi bagian selanjutnya sampai semuanya lengkap.</li> 1410 <p></p> 1411 <li>Setelah roda komplit, anda bisa memutar roda dan roda vertikal berlayar penuh akan muncul untuk menampilkan hadiah Anda.</li> 1412 <p></p> 1413 <li>Hadiah bisa berupa uang tunai, pengganda taruhan atau freespin.<p></p> 1414 Multiplier didasarkan pada nilai taruhan kemenangan Anda(multiplier yang diperoleh dikalikan dengan nilai taruhan, dengan batas maksimal nilai taruhan sesuai Rp 1,600 untuk perhitungan hadiah). 1415 <p></p> 1416 Hadiah freespin (8 spin) akan diberikan dalam permainan yang dimenangkan, dan sesuai dengan taruhan yang digunakan untuk memenangkan hadiah tersebut. Jika taruhan yang menang melebihi Rp 1,600 , maka akan diberikan free spin senilai Rp 1,600 per spin</li> 1417 <p></p> 1418 <li>Pemain yang mendapatkan free spin bisa memilih untuk memainkan sekarang atau lain waktu. Free spin hanya berlaku 3 hari setelah pemain mendapatkannya, setelah itu hadiah freespin akan hangus.</li> 1419 <p></p> 1420 <li>Game yang terkualifikasi: Semua permainan slot Pragmatic Play kecuali Money Roll, Irish Charms, Diamonds Forever 3 lines, Buffalo King, Buffalo King Megaways, Buffalo King Untamed Megaways, Buffalo King Megaways™ Dice, Table Games, Video Poker, dan Scratch Cards.</li> 1421 <p></p> 1422 <li>Semua hadiah akan dikreditkan dalam bentuk uang tunai tanpa persyaratan taruhan.</li> 1423 <p></p> 1424 <li>Anda bisa melihat progress pengumpulan bagian wheel drops secara aktual dalam tampilan promosi.</li> 1425 <p></p> 1426 <li>Tiap pemain bisa memenangkan hingga 2 hadiah setiap minggunya.</li> 1427 <p></p> 1428 <li>Tidak ada persyaratan minimal taruhan.</li> 1429 <p></p> 1430 </ol> 1431 1432 <p><b>Turnamen Harian</b></p> 1433 <ol> 1434 <li>84,000 pemenang akan memenangkan uang tunai senilai Rp 1,940,400,000 dari 29 Juni 2026, 20:00 WIB hingga 26 Juli 2026, 23:59 WIB untuk Level 4.</li> 1435 <p></p> 1436 <li>Turnamen harian akan berlangsung dari 20:00 hingga 23:59 WIB, dengan 3,000 hadiah harian senilai Rp 69,150,000. Akan ada 28 turnamen selama periode promosi.</li> 1437 <p></p> 1438 <li>Pemenang Turnamen ditentukan berdasarkan Skor pada Papan Peringkat. Skor dihitung berdasarkan jumlah dari semua pengganda kemenangan (Kemenangan/Taruhan).</li> 1439 <p></p> 1440 <li>Skor = (kemenangan terbesar dari pembelian bonus) / (nilai taruhannya) * 100.<br> 1441 Contoh perhitungan:<br> 1442 Pemain 1: beli spin gratis $1 -> menang $50 (skor = $50 / $1 x 100 = 5,000)<br> 1443 Pemain 2: beli spin gratis $1 -> menang $5 (skor = $5 / $1 x 100 = 500)<br> 1444 </li> 1445 <p></p> 1446 <li>Tidak ada taruhan minimum diperlukan dalam promosi ini.</li> 1447 <p></p> 1448 <li>Hanya 2,000 taruhan pertama terkualifikasi setiap turnamenya yang dihitung untuk mengikuti promosi ini. Semua taruhan yang dipasang setelah mencapai limit taruhan t
1448idak dihitung dalam perhitungan promosi.</li> 1449 <p></p> 1450 <li>Hadiah akan diberikan dalam bentuk uang tunai tanpa dikenakan persyaratan turnover atau untuk hadiah free spin dengan taruhan Rp 1,000 per spin (atau setara untuk mata uang lainnya).</li> 1451 <p></p> 1452 <li>Pemain yang mendapatkan free spin bisa memilih untuk memainkan sekarang atau lain waktu. Free spin hanya berlaku 3 hari setelah pemain mendapatkannya, setelah itu hadiah freespin akan hangus.</li> 1453 <p></p> 1454 <li>Free spin hanya bisa dimainkan di permainan berikut: Sweet Bonanza 1000, Mahjong wins 3 – black scatter, Starlight Princess 1000, Gates of Olympus Super Scatter dan Gates of Hades. Setelah pemain menggunakan free spin di salah satu permainan, maka harus menyelesaikan sisa free spin di permainan yang sama.</li> 1455 <p></p> 1456 <li>Game yang terkualifikasi: Semua permainan slot Pragmatic Play kecuali Jelly Express(dari 6 Apr – 3 Mei), Money Roll, Irish Charms, Diamonds Forever 3 lines, Buffalo King, Buffalo King Megaways™, Buffalo King Untamed Megaways™, Buffalo King Megaways™ Dice, Table Games, Video Poker, dan Scratch Cards.</li> 1457 <p></p> 1458 1459 </ol> 1460 <p></p> 1461 1462 <p><b>Disclaimer : </b></p> 1463
1464 <ol> 1465 <li>Jika ada dua atau lebih pemain dengan skor yang sama di papan peringkat turnamen, pemain yang mencetak skor pertama akan mendapatkan posisi yang lebih tinggi di papan peringkat.</li> 1466 <p></p> 1467 <li>Pragmatic Play berhak meninjau aktivitas pemain secara menyeluruh untuk mengidentifikasi adanya potensi penyalahgunaan guna memastikan permainan yang adil dalam Promosi Jaringan kami. Jika ditemukan adanya penyalahgunaan, Pragmatic Play berhak membatalkan jumlah berapapun yang telah dibayarkan kepada pemenang.</li> 1468 <p></p> 1469 <li>Pragmatic Play berhak untuk mengubah, menangguhkan atau membatalkan promosi kapan saja dan tanpa pemberitahuan sebelumnya.</li> 1470 </ol> 1471 1472</details> 1473 1474<p></p> 1475 1476<!-- Start: Popup Event --> 1477 1478<button style=" 1479 background: var(--accent-color); 1480 color : white; 1481 display: block; 1482 font-size: 15px; 1483 font-weight: 600; 1484 margin-left: -15px; 1485 margin-bottom: -15px; 1486 width: calc(100% + 30px); 1487 padding-top: 10px; 1488 padding-bottom: 10px; 1489 border-top : solid 1px #333; 1490 border-bottom : 0px; 1491 border-left : 0px; 1492 border-right : 0px; 1493 border-bottom-left-radius: 10px; 1494 border-bottom-right-radius: 10px;" 1495 1496onmouseover="this.style.filter='brightness(1.2)';" 1497onmouseout="this.style.filter='brightness(1)';" 1498 1499onclick="window.open('https://dailydropsandwins.org/id/promotion/daily-wins-mega-gacor/', '_blank')"> 1500 Detail Event 1501</button> 1502 1503<style> 1504.provider-event em {color: var(--accent-color);} 1505.provider-event em:hover {color: #ff7f00;} 1506details > summary {padding: 4px; border: none; cursor: pointer; box-shadow: 0px 1px 0px #bbbbbb;} 1507details > p {padding: 4px; margin: 0;} 1508</style> 1509 1510<!-- End: Popup Event --></div> 1511 </div> 1512 <div class="promo-item bg-elevated rounded overflow-hidden"> 1513 <img class="w-100" src="https://imgotp.thanatosmaero.com/events/mgw-sep-2026.jpg" alt="Event"> 1514 <div class="p-3"><h5><b>MEGAWIN : HADIAH TANPA BATAS!</b></h5> 1515 1516<p class="provider-event"> 1517Periode : <b><em>7 - 31 September 2026</em></b><br> 1518</p> 1519 1520<details open> 1521 <summary><b>Permainan yang berpartisipasi</b></summary> 1522 1523 <p></p> 1524 1525<div style="white-space: nowrap; overflow-x: auto; padding: 6px 0; 1526 scrollbar-color: var(--accent-color) var(--accent-theme-color); 1527 scrollbar-width: thin;"> 1528 1529 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1530 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1531 onmouseover="this.style.filter='brightness(1.2)';" 1532 onmouseout="this.style.filter='brightness(1)';"> 1533 Mahjong Hit + 1534 </span> 1535 1536 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1537 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1538 onmouseover="this.style.filter='brightness(1.2)';" 1539 onmouseout="this.style.filter='brightness(1)';"> 1540 Mahjong Hit 1541 </span> 1542 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1543 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1544 onmouseover="this.style.filter='brightness(1.2)';" 1545 onmouseout="this.style.filter='brightness(1)';"> 1546 Mahjong Hit 2 1547 </span> 1548 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1549 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1550 onmouseover="this.style.filter='brightness(1.2)';" 1551 onmouseout="this.style.filter='brightness(1)';"> 1552 Crazy Mahjong 1553 </span> 1554 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1555 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1556 onmouseover="this.style.filter='brightness(1.2)';" 1557 onmouseout="this.style.filter='brightness(1)';"> 1558 Super Ace 1559 </span> 1560 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1561 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1562 onmouseover="this.style.filter='brightness(1.2)';"
1563 onmouseout="this.style.filter='brightness(1)';"> 1564 Bounty Loki 1565 </span> 1566 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1567 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1568 onmouseover="this.style.filter='brightness(1.2)';" 1569 onmouseout="this.style.filter='brightness(1)';"> 1570 DuoFuDuoCai 1571 </span> 1572 1573 </div> 1574 1575 <p><b>Aturan :</b></p> 1576 <ol> 1577 <li>Total hadiah Rp 52.800.000.</li> 1578 </ol> 1579</details> 1580 1581<p></p> 1582 1583<details> 1584 <summary><b>Syarat & Ketentuan</b></summary> 1585 1586 <p></p> 1587 1588 <ol> 1589 <li>Event ini akan berlangsung dari 07 Sep 2026 – 30 Sep 2026 | 00:00:00 – 23:59:59 GMT+7.</li> 1590 <p></p> 1591 <li>Mainkan salah satu dari permainan slot Mahjong Hit +, Mahjong Hit, Mahjong Hit 2, Crazy Mahjong, Super Ace, Bounty Loki dan DuoFuDuoCai untuk memenuhi syarat mengikuti event ini.</li> 1592 <p></p> 1593 <li>Event ini hanya berlaku untuk 7 slot pilihan di atas. Permainan lain tidak termasuk.</li> 1594 <p></p> 1595 <li>Koin emas yang digunakan untuk menukarkan hadiah akan langsung dipotong.</li> 1596 <p></p> 1597 <li>Hadiah yang sudah ditukarkan tidak dapat dikembalikan atau dibatalkan.</li> 1598 <p></p> 1599 <li>Hadiah tersedia dalam jumlah terbatas selama periode promosi dan penukaran hadiah dapat dihentikan sewaktu-waktu apabila kuota telah terpenuhi.</li> 1600 <p></p> 1601 <li>Tidak ada batas penukaran hadiah selama event, selama pemain mencapai turnover yang ditentukan atau punya cukup koin emas.</li> 1602 <p></p> 1603 <li>Hadiah akan dikreditkan dalam bentuk uang tunai tanpa persyaratan taruhan.</li> 1604 <p></p> 1605 <li>Koin Emas yang tidak terpakai akan dikonversi menjadi Koin Perak dan dapat digunakan di luar periode event.</li> 1606 <p></p> 1607 <li>MegaWin berhak meninjau aktivitas pemain secara menyeluruh untuk mengidentifikasi adanya potensi penyalahgunaan guna memastikan permainan yang adil dalam event kami. Jika ditemukan adanya penyalahgunaan, MegaWin berhak membatalkan jumlah berapapun yang telah dibayarkan kepada pemenang.</li> 1608 <p></p> 1609 <li>MegaWin berhak untuk mengubah, menangguhkan atau membatalkan promosi kapan saja dan tanpa pemberitahuan sebelumnya.</li> 1610 <p></p> 1611 </ol> 1612</details> 1613 1614<p></p> 1615 1616 1617<button style=" 1618 background: var(--accent-color); 1619 color : white; 1620 display: block; 1621 font-size: 15px; 1622 font-weight: 600; 1623 margin-left: -15px; 1624 margin-bottom: -15px; 1625 width: calc(100% + 30px); 1626 padding-top: 10px; 1627 padding-bottom: 10px; 1628 border-top : solid 1px #333; 1629 border-bottom : 0px; 1630 border-left : 0px; 1631 border-right : 0px; 1632 border-bottom-left-radius: 10px; 1633 border-bottom-right-radius: 10px;" 1634 1635onmouseover="this.style.filter='brightness(1.2)';" 1636onmouseout="this.style.filter='brightness(1)';" 1637 1638data-bs-toggle="modal" data-bs-target="#eventModal34"> 1639 Detail Event 1640</button> 1641 1642<div class="modal fade" id="eventModal34" tabindex="-1" aria-labelledby="eventModal34Label" aria-hidden="true"> 1643 <div class="modal-dialog" style="margin-top: 20px; margin-left: auto; margin-right: auto; max-width: 90%;"> 1644 <div class="modal-content"> 1645 <div class="modal-header"> 1646 <h5 style="color: #000000;" class="modal-title" id="eventModal34Label"> 1647 MEGAWIN : HADIAH TANPA BATAS! 1648 </h5> 1649 <button class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1650 </div> 1651 <div class="modal-body"> 1652 <iframe id="iframe34" width="100%" height="750vh" frameborder="0" 1653 src="https://mega.b2.megawin668.net/as-activity/activity/30143/eventPage_in.html?mode=demo&nmw=1&lang=in¤cy=IDR" 1654 allowfullscreen> 1655 </iframe> 1656 </div> 1657 </div> 1658 </div> 1659</div> 1660 1661<style> 1662.provider-event em {color: var(--accent-color);} 1663.provider-event em:hover {color: #ff7f00;} 1664details > summary {padding: 4px; border: none; cursor: pointer; box-shadow: 0px 1px 0px #bbbbbb;} 1665details > p {padding: 4px; margin: 0;} 1666</style></div> 1667 </div> 1668 <div class="promo-item bg-elevated rounded overflow-hidden"> 1669 <img class="w-100" src="https://imgotp.thanatosmaero.com/events/fs-oct-26.jpg" alt="Event"> 1670 <div class="p-3"><h5><b>FASTSPIN : BET ATAU TREAT</b></h5> 1671 1672<p class="provider-event"> 1673Periode : <b><em>1 Oktober - 12 November 2026</em></b><br> 1674</p> 1675
1676<details open> 1677 <summary><b>Permainan yang berpartisipasi</b></summary> 1678 1679 <p></p> 1680 1681 <div style="white-space: nowrap; overflow-x: auto; padding: 6px 0; 1682 scrollbar-color: var(--accent-color) var(--accent-theme-color); 1683 scrollbar-width: thin;"> 1684 1685 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1686 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1687 onmouseover="this.style.filter='brightness(1.2)';" 1688 onmouseout="this.style.filter='brightness(1)';"> 1689 Semua game Fastspin kecuali game Tembak Ikan 1690 </span> 1691 1692 </div> 1693 1694 <p><b>Aturan :</b></p> 1695 <ol> 1696 <li>Total hadiah Rp 888,888,888.</li> 1697 <li>1 EXP = Rp.16,700.</li> 1698 </ol> 1699</details> 1700 1701<p></p> 1702 1703<details> 1704 <summary><b>Syarat & Ketentuan</b></summary> 1705 1706 <p></p> 1707 1708 <ol> 1709 <li>Selama periode promosi, pemain dapat memperoleh Experience Points (EXP) dengan memainkan semua game slot FASTSPIN untuk naik level dalam promosi Royal VIP.</li> 1710 <p></p> 1711 <li>Bonus akan otomatis dikreditkan ke dompet pemain berdasarkan sistem siapa cepat dia dapat (first-come, first-served).</li> 1712 <p></p> 1713 <li>Mekanisme, hasil, alokasi hadiah, dan probabilitas promosi Royal VIP dihasilkan oleh sistem otomatis tanpa intervensi manual.</li> 1714 <p></p> 1715 <li>FASTSPIN berhak menentukan nilai tukar yang berlaku. Hadiah akan dikonversi ke mata uang lokal pemain berdasarkan jumlah yang ditampilkan di dalam game, dan bersifat final.</li> 1716 <p></p> 1717 <li>FASTSPIN berhak mendiskualifikasi pemain atau kelompok yang terbukti menggunakan cara tidak jujur, melakukan kecurangan, mengintimidasi pihak lain, atau memanfaatkan celah sistem untuk memanipulasi hasil.</li> 1718 <p></p> 1719 <li>Jika pemain tidak aktif selama 3 hari berturut-turut, Reward EXP akan direset menjadi 0. Jika tidak aktif selama 5 hari berturut-turut, Level EXP (Lv. EXP) juga akan direset menjadi 0.</li> 1720 <p></p> 1721 <li>FASTSPIN berhak mengubah syarat & ketentuan event kapan saja tanpa pemberitahuan sebelumnya.</li> 1722 <p></p> 1723 </ol> 1724</details> 1725 1726<p></p> 1727 1728 1729<button style=" 1730 background: var(--accent-color); 1731 color : white; 1732 display: block; 1733 font-size: 15px; 1734 font-weight: 600; 1735 margin-left: -15px; 1736 margin-bottom: -15px; 1737 width: calc(100% + 30px); 1738 padding-top: 10px; 1739 padding-bottom: 10px; 1740 border-top : solid 1px #333; 1741 border-bottom : 0px; 1742 border-left : 0px; 1743 border-right : 0px; 1744 border-bottom-left-radius: 10px; 1745 border-bottom-right-radius: 10px;" 1746 1747onmouseover="this.style.filter='brightness(1.2)';" 1748onmouseout="this.style.filter='brightness(1)';" 1749 1750data-bs-toggle="modal" data-bs-target="#eventModal44"> 1751 Detail Event 1752</button> 1753 1754<div class="modal fade" id="eventModal44" tabindex="-1" aria-labelledby="eventModal44Label" aria-hidden="true"> 1755 <div class="modal-dialog" style="margin-top: 20px; margin-left: auto; margin-right: auto; max-width: 90%;"> 1756 <div class="modal-content"> 1757 <div class="modal-header"> 1758 <h5 style="color: #000000;" class="modal-title" id="eventModal44Label"> 1759 FASTSPIN : BET ATAU TREAT 1760 </h5> 1761 <button class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1762 </div> 1763 <div class="modal-body"> 1764 <iframe id="iframe44" width="100%" height="750vh" frameborder="0" 1765 src="https://fastspinpromotion.com/2026_PAY4D_Royal_VIP/?lang=id-ID" 1766 allowfullscreen> 1767 </iframe> 1768 </div> 1769 </div> 1770 </div> 1771</div> 1772 1773<style> 1774.provider-event em {color: var(--accent-color);} 1775.provider-event em:hover {color: #ff7f00;} 1776details > summary {padding: 4px; border: none; cursor: pointer; box-shadow: 0px 1px 0px #bbbbbb;} 1777details > p {padding: 4px; margin: 0;} 1778</style></div> 1779 </div> 1780 <div class="promo-item bg-elevated rounded overflow-hidden"> 1781 <img class="w-100" src="https://imgotp.thanatosmaero.com/events/mg-sep-26.jpg" alt="Event"> 1782 <div class="p-3"><h5><b>MICROGAMING : BANJIR REZEKI GACOR</b></h5> 1783 1784<p class="provider-event"> 1785 Periode : <b><em>23 September - 13 Oktober 2026</em></b> 1786</p> 1787
1788<details open> 1789 <summary><b>Permainan yang berpartisipasi</b></summary> 1790 1791 <p></p> 1792 1793<div style="white-space: nowrap; overflow-x: auto; padding: 6px 0; 1794 scrollbar-color: var(--accent-color) var(--accent-theme-color); 1795 scrollbar-width: thin;"> 1796 1797 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1798 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1799 onmouseover="this.style.filter='brightness(1.2)';" 1800 onmouseout="this.style.filter='brightness(1)';"> 1801 Luna Princess Link & Merge 1802 </span> 1803 1804 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1805 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1806 onmouseover="this.style.filter='brightness(1.2)';" 1807 onmouseout="this.style.filter='brightness(1)';"> 1808 Bolts of Zeus Coin Grid 1809 </span> 1810 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1811 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1812 onmouseover="this.style.filter='brightness(1.2)';" 1813 onmouseout="this.style.filter='brightness(1)';"> 1814 Lucky Twins Wilds 1815 </span> 1816 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1817 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1818 onmouseover="this.style.filter='brightness(1.2)';" 1819 onmouseout="this.style.filter='brightness(1)';"> 1820 Whale Rush 1821 </span> 1822 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1823 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1824 onmouseover="this.style.filter='brightness(1.2)';" 1825 onmouseout="this.style.filter='brightness(1)';"> 1826 12 Skulls of the Dead 1827 </span> 1828 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1829 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1830 onmouseover="this.style.filter='brightness(1.2)';" 1831 onmouseout="this.style.filter='brightness(1)';"> 1832 Ne Zha: Triple Powers 1833 </span> 1834 1835 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1836 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1837 onmouseover="this.style.filter='brightness(1.2)';" 1838 onmouseout="this.style.filter='brightness(1)';"> 1839 Candy Rush Wilds 1840 </span> 1841 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1842 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1843 onmouseover="this.style.filter='brightness(1.2)';" 1844 onmouseout="this.style.filter='brightness(1)';"> 1845 Phoenix Blaze 1846 </span> 1847 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1848 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1849 onmouseover="this.style.filter='brightness(1.2)';" 1850 onmouseout="this.style.filter='brightness(1)';"> 1851 3 Blazing Volcanoes Power Combo 1852 </span> 1853 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1854 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1855 onmouseover="this.style.filter='brightness(1.2)';" 1856 onmouseout="this.style.filter='brightness(1)';"> 1857 Money on Reels Super Arrow 1858 </span> 1859 </div> 1860 1861 <p></p> 1862 1863 <p><b>Aturan : </b></p> 1864 1865 <p>Total hadiah senilai Rp 3,380,000,000.</p> 1866 1867</details> 1868 1869<p></p> 1870
1871<details> 1872 1873 <summary><b>Syarat & Ketentuan</b></summary> 1874 1875 <p><b>Cashback Shield :</b></p> 1876 <ol> 1877 <li> Banjir Rezeki Gacor – promo cash drop seru dengan hadiah acak setiap hari dan total hadiah hingga Rp3.380.000.000! Pemain berkesempatan memenangkan hingga Rp1.690.000 setiap hari!.</li> 1878 <p></p> 1879 <li>Hadiah uang tunai minimum <b>[84.000]</b> dengan bonus maksimum <b>[1.690.000]</b>.</li> 1880 <p></p> 1881 <li>Hadiah uang tunai akan diberikan secara acak kapan saja setiap hari.</li> 1882 <p></p> 1883 <li>Game yang berpartisipasi: Luna Princess Link & Merge, Bolts of Zeus Coin Grid, Lucky Twins Wilds, Whale Rush, 12 Skulls of the Dead, Ne Zha: Triple Powers, Candy Rush Wilds, Phoenix Blaze, 3 Blazing Volcanoes Power Combo, Money on Reels Super Arrow.</li> 1884 <p></p> 1885 <li>Jika pemain berhasil memenangkan hadiah pada acara undian kejutan tunai harian,maka mereka akan tetap bisa memenangkan hadiah pada jadwal undian kejutan tunai berikutnya.</li> 1886 <p></p> 1887 <li>Pemain yang memenangkan giveaway akan diberi tahu melalui pesan dalam game.</li> 1888 <p></p> 1889 <li>Hadiah uang tunai akan dikreditkan ke akun pemenang paling lambat 2 jam setelah pengumuman pemenang.</li> 1890 <p></p> 1891 <li>Microgaming berhak mengambil keputusan akhir jika terjadi perselisihann.</li> 1892 </ol> 1893 1894</details> 1895 1896<p></p> 1897 1898<!-- Start: Popup Event --> 1899 1900<button style=" 1901 background: var(--accent-color); 1902 color : white; 1903 display: block; 1904 font-size: 15px; 1905 font-weight: 600; 1906 margin-left: -15px; 1907 margin-bottom: -15px; 1908 width: calc(100% + 30px); 1909 padding-top: 10px; 1910 padding-bottom: 10px; 1911 border-top : solid 1px #333; 1912 border-bottom : 0px; 1913 border-left : 0px; 1914 border-right : 0px; 1915 border-bottom-left-radius: 10px; 1916 border-bottom-right-radius: 10px;" 1917 1918onmouseover="this.style.filter='brightness(1.2)';" 1919onmouseout="this.style.filter='brightness(1)';" 1920 1921data-bs-toggle="modal" data-bs-target="#eventModal76"> 1922 Detail Event 1923</button> 1924 1925<div class="modal fade" id="eventModal76" tabindex="-1" aria-labelledby="eventModal76Label" aria-hidden="true"> 1926 <div class="modal-dialog" style="margin-top: 20px; margin-left: auto; margin-right: auto; max-width: 90%;"> 1927 <div class="modal-content"> 1928 <div class="modal-header"> 1929 <h5 style="color: #000000;" class="modal-title" id="eventModal76Label"> 1930 MICROGAMING : BANJIR REZEKI GACOR 1931 </h5> 1932 <button class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1933 </div> 1934 <div class="modal-body"> 1935 <iframe id="iframe76" width="100%" height="750vh" frameborder="0" 1936 src="https://mgr.basebit.net/#/static/exclusive/idr" 1937 allowfullscreen> 1938 </iframe> 1939 </div> 1940 </div> 1941 </div> 1942</div> 1943 1944<style> 1945.provider-event em {color: var(--accent-color);} 1946.provider-event em:hover {color: #ff7f00;} 1947details > summary {padding: 4px; border: none; cursor: pointer; box-shadow: 0px 1px 0px #bbbbbb;} 1948details > p {padding: 4px; margin: 0;} 1949</style> 1950 1951<!-- End: Popup Event --></div> 1952 </div> 1953 <div class="promo-item bg-elevated rounded overflow-hidden"> 1954 <img class="w-100" src="https://imgotp.thanatosmaero.com/events/fgs-oct-26.jpg" alt="Event"> 1955 <div class="p-3"><h5><b>5G GAMES : SLOT TOURNAMENT</b></h5> 1956 1957<p class="provider-event"> 1958 Periode : <b><em>1 - 30 Oktober 2026</em></b> 1959</p> 1960 1961<details open> 1962 <summary><b>Permainan yang berpartisipasi</b></summary> 1963 1964 <p></p> 1965 1966<div style="white-space: nowrap; overflow-x: auto; padding: 6px 0; 1967 scrollbar-color: var(--accent-color) var(--accent-theme-color); 1968 scrollbar-width: thin;"> 1969 1970 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1971 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1972 onmouseover="this.style.filter='brightness(1.2)';" 1973 onmouseout="this.style.filter='brightness(1)';"> 1974 MAHJONG SMASH 1975 </span> 1976 1977 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1978 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1979 onmouseover="this.style.filter='brightness(1.2)';"
1980 onmouseout="this.style.filter='brightness(1)';"> 1981 SUPER 5 ACES 1982 </span> 1983 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1984 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1985 onmouseover="this.style.filter='brightness(1.2)';" 1986 onmouseout="this.style.filter='brightness(1)';"> 1987 FORTUNE GEMS 2000 1988 </span> 1989 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1990 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1991 onmouseover="this.style.filter='brightness(1.2)';" 1992 onmouseout="this.style.filter='brightness(1)';"> 1993 WILD BOUNTY 2 1994 </span> 1995 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 1996 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 1997 onmouseover="this.style.filter='brightness(1.2)';" 1998 onmouseout="this.style.filter='brightness(1)';"> 1999 PIÑATA 1000 2000 </span> 2001 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 2002 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 2003 onmouseover="this.style.filter='brightness(1.2)';" 2004 onmouseout="this.style.filter='brightness(1)';"> 2005 FORTUNE LION 2006 </span> 2007 2008 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 2009 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 2010 onmouseover="this.style.filter='brightness(1.2)';" 2011 onmouseout="this.style.filter='brightness(1)';"> 2012 TREASURE OF QILIN 2013 </span> 2014 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 2015 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 2016 onmouseover="this.style.filter='brightness(1.2)';" 2017 onmouseout="this.style.filter='brightness(1)';"> 2018 LEGACY OF AZTEC 2019 </span> 2020 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 2021 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 2022 onmouseover="this.style.filter='brightness(1.2)';" 2023 onmouseout="this.style.filter='brightness(1)';"> 2024 BANDITO RETURNS 2025 </span> 2026 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 2027 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 2028 onmouseover="this.style.filter='brightness(1.2)';" 2029 onmouseout="this.style.filter='brightness(1)';"> 2030 NEKO X NEKO 2031 </span> 2032 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 2033 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 2034 onmouseover="this.style.filter='brightness(1.2)';" 2035 onmouseout="this.style.filter='brightness(1)';"> 2036 SUPER ACE ROYAL 2037 </span> 2038 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 2039 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 2040 onmouseover="this.style.filter='brightness(1.2)';" 2041 onmouseout="this.style.filter='brightness(1)';"> 2042 WILD BOUNTY 2043 </span> 2044 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 2045 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 2046 onmouseover="this.style.filter='brightness(1.2)';" 2047 onmouseout="this.style.filter='brightness(1)';"> 2048 MAHJONG 5 DRAGONS 2049 </span> 2050 </div> 2051 2052 <p></p> 2053 2054 <p><b>Aturan : </b></p> 2055 2056 <p>Total hadiah senilai Rp270.000.000.</p> 2057 2058</details> 2059 2060<p></p> 2061 2062
2063<details> 2064 2065 <summary><b>Syarat & Ketentuan</b></summary> 2066 2067 <p><b>Slot Tournament :</b></p> 2068 <ol> 2069 2070 <li> 2071 Ultimate 5G Gacor Slot Tournament berlangsung pada 2072 1 Oktober 2026 pukul 00:00:00 hingga 30 Oktober 2026 pukul 23:59:00 (UTC+8). 2073 </li> 2074 <p></p> 2075 2076 <li> 2077 Semua pemain yang memainkan game yang berpartisipasi di 5G Games selama periode event 2078 berhak mengikuti tournament. 2079 </li> 2080 <p></p> 2081 2082 <li> 2083 Peringkat pemain akan ditampilkan melalui sistem leaderboard. 2084 </li> 2085 <p></p> 2086 2087 <li> 2088 Game yang berpartisipasi: Mahjong Smash, Super 5 Aces, Fortune Gems 2000, 2089 Wild Bounty 2, Piñata 1000, Fortune Lion, Treasure of Qilin, Legacy of Aztec, 2090 Bandito Returns, Neko X Neko, Super Ace Royal, Wild Bounty, dan Mahjong 5 Dragons. 2091 </li> 2092 <p></p> 2093 2094 <li> 2095 Hadiah berdasarkan peringkat: 2096 <ul> 2097 <li>Peringkat 1: Rp3.000.000</li> 2098 <li>Peringkat 2: Rp2.000.000</li> 2099 <li>Peringkat 3: Rp1.000.000</li> 2100 <li>Peringkat 4–10: Rp300.000 per pemain</li> 2101 <li>Peringkat 11–100: Rp10.000 per pemain</li> 2102 </ul> 2103 </li> 2104 <p></p> 2105 2106 <li> 2107 Total hadiah harian adalah sebesar Rp9.000.000, dengan total hadiah keseluruhan 2108 selama periode event sebesar Rp270.000.000. 2109 </li> 2110 <p></p> 2111 2112 <li> 2113 Peringkat ditentukan berdasarkan total akumulasi multiplier kemenangan dari seluruh 2114 spin individual yang dilakukan selama periode event, termasuk Free Games. 2115 </li> 2116 <p></p> 2117 2118 <li> 2119 Seluruh multiplier yang memenuhi syarat akan dijumlahkan untuk menentukan peringkat pemain. 2120 </li> 2121 <p></p> 2122 2123 <li> 2124 Perhitungan poin ditentukan dengan rumus: 2125 <br>Poin = Jumlah Kemenangan (Payout) ÷ Jumlah Taruhan (Bet). 2126 </li> 2127 <p></p> 2128 2129 <li> 2130 Contoh perhitungan poin: 2131 <ul> 2132 <li>Bet Rp400 dengan Payout Rp200.000 = 500 poin</li> 2133 <li>Bet Rp100.000 dengan Payout Rp200.000 = 2 poin</li> 2134 <li>Feature Buy Rp100.000 dengan Payout Rp1.000.000 = 10 poin</li> 2135 </ul> 2136 </li> 2137 <p></p> 2138 2139 <li> 2140 Jika terdapat dua atau lebih pemain dengan jumlah poin yang sama, pemain yang 2141 lebih dahulu mencapai jumlah poin tersebut akan mendapatkan peringkat yang lebih tinggi. 2142 </li> 2143 <p></p> 2144 2145 <li> 2146 Leaderboard akan diperbarui setidaknya setiap 5 menit. 2147 </li> 2148 <p></p> 2149 2150 <li> 2151 Hadiah akan difinalisasi dan notifikasi pemenang akan dikirimkan pada waktu 2152 12:00 (UTC+8) pertama setelah proses settlement. 2153 </li> 2154 <p></p> 2155 2156 <li> 2157 Hadiah harus diklaim dalam waktu 1 hari setelah settlement (UTC+8). 2158 Hadiah yang belum diklaim setelah batas waktu tersebut akan secara otomatis 2159 dikirimkan kepada pemain melalui sistem. 2160 </li> 2161 <p></p> 2162 2163 <li> 2164 Spin yang dilakukan selama event sedang ditangguhkan atau dihentikan sementara 2165 tidak akan dihitung ke dalam skor tournament. 2166 </li> 2167 <p></p> 2168 2169 <li> 2170 5G Games berhak untuk mengubah, menangguhkan, menghentikan, atau 2171 menafsirkan event ini kapan saja. 2172 </li> 2173 2174 </ol> 2175 2176</details> 2177 2178 2179 2180 2181</div> 2182 </div> 2183 <div class="promo-item bg-elevated rounded overflow-hidden"> 2184 <img class="w-100" src="https://imgotp.thanatosmaero.com/events/pp-oktober-otp-26.jpg" alt="Event"> 2185 <div class="p-3"><h5><b>PRAGMATIC : OTP BAGI EMAS & CHIPS</b></h5> 2186 2187<p class="provider-event"> 2188 Periode : <b><em>25 Maret - 31 Desember 2026</em></b> 2189</p> 2190
2191<details open> 2192 <summary><b>Permainan yang berpartisipasi</b></summary> 2193 2194 <p></p> 2195 2196 <div style="white-space: nowrap; overflow-x: auto; padding: 6px 0; 2197 scrollbar-color: var(--accent-color) var(--accent-theme-color); 2198 scrollbar-width: thin;"> 2199 2200 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 2201 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 2202 onmouseover="this.style.filter='brightness(1.2)';" 2203 onmouseout="this.style.filter='brightness(1)';"> 2204 Semua permainan Pragmatic Play 2205 </span> 2206 2207 </div> 2208 2209 <p></p> 2210 2211 <p><b>Aturan : </b></p> 2212 2213 <p>Total hadiah Slot & Casino senilai Rp 15,000,000,000. </p> 2214 2215</details> 2216 2217<p></p> 2218 2219<details> 2220 2221 <summary><b>Syarat & Ketentuan</b></summary> 2222 2223 <p></p> 2224 2225 <p><b>SLOT – PAY4D Bagi Emas</b></p> 2226 <ol> 2227 <li>Promosi Prize Drop berlangsung dari 1 Januari hingga 30 Desember 2026, pukul 00:00–23:59 (GMT+7).</li> 2228 <p></p> 2229 <li>Tersedia 2.370 hadiah dengan total nilai IDR 230.000.000 per minggu. Setiap Prize Drop akan memberikan hadiah Emas dan uang tunai senilai IDR 200.000, IDR 100.000, dan IDR 50.000, yang akan dibagikan secara acak kepada pemain yang beruntung.</li> 2230 <p></p> 2231 <li>Taruhan minimum yang diperlukan adalah IDR 600.</li> 2232 <p></p> 2233 <li>Pemain dapat memenangkan lebih dari satu hadiah selama periode promosi.</li> 2234 <p></p> 2235 <li>Game yang memenuhi syarat: Semua permainan slot kecuali Irish Charms, Diamonds are Forever 3 Lines, Table Games, Video Poker dan Scratch Cards.</li> 2236 <p></p> 2237 <li>Sisa hadiah akan diperbarui pada papan peringkat.</li> 2238 <p></p> 2239 <li>Hadiah merchandise akan dikirimkan oleh pihak website. Pragmatic Play tidak bertanggung jawab atas pengiriman atau kewajiban terkait hadiah tersebut.</li> 2240 <p></p> 2241 </ol> 2242 2243 <p><b>LIVE CASINO – PAY4D Bagi Chips</b></p> 2244 <ol> 2245 <li>Turnamen berlangsung dari 1 Januari 2026 hingga 30 Desember 2026, pukul 00:00–23:59 (GMT+7), dengan 1.320 pemenang dan total hadiah sebesar IDR 58.500.000 per minggu selama periode promosi.</li> 2246 <p></p> 2247 <li>Pemenang ditentukan berdasarkan peringkat leaderboard, dengan perhitungan total akumulasi multiplier kemenangan (win/bet).</li> 2248 <p></p> 2249 <li>Taruhan minimum yang diperlukan adalah IDR 2.000.</li> 2250 <p></p> 2251 <li>Hadiah berupa uang tunai tanpa persyaratan taruhan.</li> 2252 <p></p> 2253 <li>Game yang memenuhi syarat: Semua permainan Game Show: Sweet Bonanza CandyLand, Mega Wheel, Lucky 6 Roulette, Mega Roulette, Fortune Roulette, Treasure Island, Mega Baccarat, Money Time, PowerUP Roulette, Football Blitz Top Card, Snakes & Ladders Live, Turkish Mega Roulette, Mega Roulette – Brazilian, Dice City, Auto Mega RouletteI, talian Mega Roulette, Mega Sic Bac, Mega Sic Bo – Indonesian, Bingo spot, Crystal roulette & Gates of Olympus Roulette.</li> 2254 <p></p> 2255 2256 </ol> 2257 2258 <p><b>Disclaimer</b></p> 2259 <ol> 2260 <li>Apabila terdapat dua atau lebih pemain dengan skor yang sama pada leaderboard turnamen, maka pemain yang mencapai skor tersebut lebih dahulu akan mendapatkan peringkat yang lebih tinggi.</li> 2261 <p></p> 2262 <li>Leaderboard turnamen dibangun berdasarkan permainan yang memenuhi syarat dan diperbarui secara real-time.</li> 2263 <p></p> 2264 <li>Pragmatic Play berhak untuk mengubah, menangguhkan, atau membatalkan promosi ini kapan saja.</li> 2265 </ol> 2266 2267</details> 2268 2269<p></p> 2270 2271<!-- Start: Popup Event --> 2272 2273<button style=" 2274 background: var(--accent-color); 2275 color : white; 2276 display: block; 2277 font-size: 15px; 2278 font-weight: 600; 2279 margin-left: -15px; 2280 margin-bottom: -15px; 2281 width: calc(100% + 30px); 2282 padding-top: 10px; 2283 padding-bottom: 10px; 2284 border-top : solid 1px #333; 2285 border-bottom : 0px; 2286 border-left : 0px; 2287 border-right : 0px; 2288 border-bottom-left-radius: 10px; 2289 border-bottom-right-radius: 10px;" 2290 2291onmouseover="this.style.filter='brightness(1.2)';" 2292onmouseout="this.style.filter='brightness(1)';" 2293 2294onclick="window.open('https://dailydropswins.com/id/Tipe/pay4d-bagi-emas-dan-chips/', '_blank')"> 2295 Detail Event 2296</button> 2297 2298<style> 2299.provider-event em {color: var(--accent-color);} 2300.provider-event em:hover {color: #ff7f00;} 2301details > summary {padding: 4px; border: none; cursor: pointer; box-shadow: 0px 1px 0px #bbbbbb;} 2302details > p {padding: 4px; margin: 0;} 2303</style> 2304 2305<!-- End: Popup Event --></div> 2306 </div> 2307 <div class="promo-item bg-elevated rounded overflow-hidden"> 2308 <img class="w-100" src="https://imgotp.thanatosmaero.com/events/jg-money-meteor-6.jpg" alt="Event"> 2309 <div class="p-3"><h5><b>JOKER : MONEY METEOR</b></h5> 2310 2311<p class="provider-event"> 2312Periode : <b><em>Event berlangsung setiap hari</em></b> 2313</p> 2314 2315<p></p> 2316 2317<details open> 2318 <summary><b>Permainan yang berpartisipasi</b></summary> 2319 2320 <p></p> 2321 2322 <div style="white-space: nowrap; overflow-x: auto; padding: 6px 0; 2323 scrollbar-color: var(--accent-color) var(--bg-elevated); 2324 scrollbar-width: thin;"> 2325 2326 <span style="background: var(--accent-color); color: white; font-size: 9pt; display: inline-block; 2327 padding: 4px 6px; border: 1px solid #ccc; border-radius: 20px; margin: 2px; cursor: pointer; transition: 0.2s;" 2328 onmouseover="this.style.filter='brightness(1.2)';" 2329 onmouseout="this.style.filter='brightness(1)';"> 2330 Semua permainan slot JokerGaming 2331 </span> 2332 2333 </div> 2334 2335 <p></p> 2336 2337 <p><b>Aturan :</b></p> 2338 2339 <ol style="padding-top: 0px; margin-top: 0px"> 2340 <li>Total hadiah senilai $80,000 USD.</li> 2341 <li>Hadiah Grand Jackpot dari Jokergaming.</li> 2342 </ol> 2343 2344</details> 2345 2346<p></p> 2347 2348<details> 2349 <summary><b>Syarat & Ketentuan</b></summary> 2350 2351 <p></p> 2352 2353 <ol> 2354 <li> 2355 Supported Platform: versi web JokerGaming.
2356 </li><p></p> 2357 <li> 2358 Berlaku hanya untuk hadiah Grand Jackpot permainan slot JokerGaming. 2359 </li> 2360 </ol> 2361</details> 2362 2363<p></p> 2364 2365<!-- Start: Popup Event --> 2366 2367<style> 2368.provider-event em {color: var(--accent-color);} 2369.provider-event em:hover {color: #ff7f00;} 2370details > summary {padding: 4px; border: none; cursor: pointer; box-shadow: 0px 1px 0px #bbbbbb;} 2371details > p {padding: 4px; margin: 0;} 2372</style> 2373 2374<!-- End: Popup Event --></div> 2375 </div> 2376 2377 </div> 2378 2379 2380</div> 2381 2382 2383<div class="footer bg-surface py-5 mt-5"> 2384 <div class="container"> 2385 2386 <div class="d-flex flex-column flex-lg-row justify-content-between align-items-start align-items-lg-center"> 2387 <div class="d-flex flex-column gap-1"> 2388 <div><img src="/images/logo.png?1787301696" class="logo-footer" alt="Logo"></div> 2389 <div class="fs-sm mt-3 text-nowrap">© 2026 Copyright SAYAPJP. All Rights Reserved.</div> 2390 </div> 2391 2392 2393 <ul class="d-flex justify-content-evenly justify-content-lg-end align-items-center gap-3 w-100 mt-4 mt-lg-0"> 2394 2395 <li><a href="https://t.me/OFFICIALSAYAPJP" target="_blank" aria-label="Visit telegram" rel="noopener noreferrer"><i class="icon-telegram text-accent fs-lg"></i></a></li> 2396 2397 </ul> 2398 2399 </div> 2400 2401 <hr class="my-3 my-lg-5 w-100" /> 2402 2403 <div class="d-flex justify-content-center align-items-center"> 2404 <img class="w-100 d-none d-lg-block" src="https://imgotp.viva88athenae.com//providers.png" style="width: 100%" alt="Provider"/> 2405 <img class="w-100 d-block d-lg-none" src="https://imgotp.viva88athenae.com//mproviders.png" style="width: 100%" alt="Provider"/> 2406 </div> 2407 2408 <hr class="my-3 my-lg-5 w-100" /> 2409 2410 <div class="d-flex justify-content-center align-items-center py-4"> 2411 <img src="https://imgotp.viva88athenae.com//license.png" style="max-width: 800px; width: 100%" alt="License"/> 2412 </div> 2413 2414 <hr class="my-3 my-lg-5 w-100" /> 2415 2416 <h1><span style="color: #fa7a00;"><a href="https://nolehr-services.com/"><strong><span style="color: #fa7a00;">SAYAPJP</span></strong></a> - Link Website Game Online Terpercaya di Indonesia</span></h1> 2417<p>SayapJP adalah platform game online terpercaya di Indonesia yang cocok untuk pemula maupun pemain berpengalaman. Dengan sistem aman, akses mudah, serta peluang menang besar, situs ini menjadi pilihan utama bagi pecinta game online di tahun 2025.</p> 2418 2419<style> 2420.hot { 2421 margin-top: 17px; 2422 margin-bottom: -13px; 2423 text-align: center; 2424} 2425p { 2426 margin-top: 0; 2427 margin-bottom: 1rem; 2428 font-family: system-ui; 2429 font-weight: bold; 2430} 2431</style> 2432 2433 2434<style> 2435 div.col-sm-0 span { 2436 display: none; 2437 } 2438 2439.hover { 2440 top: 144px; 2441} 2442 2443 div.social { 2444 width: 100%; 2445 background-image: url(https://i.imgur.com/1SHCzVn.jpg); 2446 background-size: contain; 2447 padding: 5px 1px 10px 1px; 2448 margin: auto; 2449 text-align: center; 2450 } 2451 2452 #ico { 2453 background: #131313; 2454 padding: 5px 15px 5px 15px; 2455 color: #fff; 2456 text-decoration: none; 2457 border-radius: 5px; 2458 margin: 5px 3px; 2459 border: .5px solid #ffffff; 2460 display: inline-block; 2461 } 2462 2463 div.social img { 2464 vertical-align: middle; 2465 display: inline; 2466 } 2467 2468 div.social p { 2469 display: inline-block; 2470 font-size: 14px; 2471 } 2472 2473 .social { 2474 left: 0; 2475 width: 0; 2476 position: fixed; 2477 top: 111px; 2478 z-index: 9999999999; 2479 } 2480 2481 .social ul { 2482 padding: 0px; 2483 -webkit-transform: translate(-130px, 0); 2484 -moz-transform: translate(-130px, 0); 2485 -ms-transform: translate(-130px, 0); 2486 -o-transform: translate(-130px, 0); 2487 transform: translate(-130px, 0); 2488 } 2489 2490 2491 .social ul li { 2492 display: block; 2493 margin: 6px; 2494 margin-left: 0px; 2495 margin-top: 22px; 2496 background: rgba(0, 0, 0, 0.86); 2497 width: 189px; 2498 text-align: right; 2499 padding: 4px; 2500 -webkit-border-radius: 0 20px 20px 0; 2501 -moz-border-radius: 0 20px 20px 0; 2502 border-radius: 0 20px 20px 0; 2503 -webkit-transition: all 1s; 2504 -moz-transition: all 1s; 2505 -ms-transition: all 1s; 2506 -o-transition: all 1s; 2507 transition: all 1s; 2508 height: 53px; 2509 border: groove 2px #ffffff; 2510 color: white; 2511 } 2512 2513 .social ul li:hover { 2514 -webkit-transform: translate(110px, 0); 2515 -moz-transform: translate(110px, 0); 2516 -ms-transform: translate(110px, 0); 2517 -o-transform: translate(110px, 0); 2518 transform: translate(110px, 0); 2519 background: rgba(95, 95, 95, 0.7); 2520 } 2521 2522 .buttonWrap { 2523 text-transform: uppercase !important; 2524 } 2525</style> 2526<!--end social account--> 2527 2528 2529 2530<style> 2531.alert { 2532 border: 3px solid #ff0000; 2533 border-radius: 5px; 2534 margin-right: 60px; 2535 margin-left: 60px; 2536 margin-top: 17px; 2537 margin-bottom: -13px; 2538 background-color: #000000; 2539} 2540.blinking{ 2541 animation:blinkingText 1.5s infinite; 2542 margin:auto; 2543 display:block; 2544 color:#ff0000; 2545} 2546</style> 2547 2548<style> 2549 .colu { 2550 width: 90px; 2551 padding: 10px 10px 5px 0px; 2552 position: fixed; 2553 bottom: 79px; 2554 left: 10px; 2555 z-index: 100; 2556 /* background: url(https://i.ibb.co/m0KB7mr/petir.webp) no-repeat; */ 2557 background-position: center; 2558 background-size: cover; 2559 font-family: "Raleway", sans-serif; 2560 color: #fff; 2561 font-size: 14px; 2562 text-align: center; 2563 justify-content: center 2564 } 2565 2566 .cons { 2567 display: block; 2568 cursor: pointer; 2569 padding: 10px; 2570 border-radius: 20% 20% 20% 20%; 2571 box-shadow: 0 0 8px 2px rgb(136, 136, 136); 2572 background-color: #f15a23; 2573 width: 80px; 2574 margin: 0 auto; 2575 -webkit-transition: all .7s ease; 2576 -moz-transition: all .7s ease; 2577 -ms-transition: all .7s ease; 2578 -o-transition: all .7s ease; 2579 transition: all .7s ease 2580 } 2581 2582 .barmenu { 2583 display: block; 2584 height: 5px; 2585 width: 40px; 2586 background: linear-gradient(to bottom, #ffffff 0, #ffffff 100%); 2587 margin: 6px auto; 2588 -webkit-transition: all .7s ease; 2589 -moz-transition: all .7s ease; 2590 -ms-transition: all .7s ease; 2591 -o-transition: all .7s ease; 2592 transition: all .7s ease 2593 } 2594 2595 .icn { 2596 background: #f15a23; 2597 background-size: 300%; 2598 background-position: right; 2599 border-radius: 20% 20% 20% 20%; 2600 box-shadow: 0 0 8px 2px rgb(136, 136, 136); 2601 width: 80px; 2602 margin: 5px auto; 2603 text-align: center; 2604 color: #fff; 2605 cursor: pointer; 2606 transition: .5s; 2607 border: solid 3px white; 2608 display: block; 2609 white-space: nowrap; 2610 font-family: "Raleway", sans-serif; 2611 padding: 10px 5px; 2612 font-size: 10px; 2613 text-align: center; 2614 text-transform: uppercase; 2615 } 2616 2617 .icn img { 2618 width: 40px; 2619 margin-bottom: 5px; 2620 } 2621</style> 2622
2623<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
vendor: 2 bytes, line 2623
2623
2624<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
vendor: 2 bytes, line 2624
2624
2625<script>$(document).ready(function () { $("#icns").hide(); $(".cons").click(function () { $("#top").toggleClass("top"); $("#bottom").toggleClass("bottom"); $("#middle").toggleClass("middle"); $("#icns").slideToggle() }) });</script>
2625 2626 2627<!-- Service Table --> 2628<style> 2629 .count-item { 2630 font-size: 1.8rem; 2631 background: #f15a23; 2632 padding: 0.3rem 0.5rem; 2633 color: #fff !important; 2634 border-radius: 10px; 2635 font-weight: bold; 2636 } 2637 .wrapper-service { 2638 display: flex; 2639 align-items: center; 2640 flex-wrap: wrap; 2641 justify-content: center; 2642 border-radius: 10px; 2643 margin-top: 1.3rem; 2644 border: var(--result-border); 2645 padding: 0.8rem; 2646 background: #1b6d79; 2647 } 2648 .status-wrapper, .status-wrapper-mem { 2649 display: flex; 2650 align-items: center; 2651 } 2652 .status-wrapper { 2653 justify-content: center; 2654 } 2655 .status-wrapper-mem { 2656 justify-content: center; 2657 } 2658 .status-wrapper p { 2659 margin-right: 0.6rem !important; 2660 } 2661 .item-service { 2662 margin-right: 3rem; 2663 } 2664 .item-service:last-child { 2665 margin-right: 0; 2666 } 2667 .item-service h1 { 2668 font-size: 2.2rem; 2669 margin-top: 7px !important; 2670 text-transform : uppercase; 2671 font-weight: bold !important; 2672 } 2673 .google-wrapper { 2674 background: #fff; 2675 padding: 1.7rem; 2676 width: 18rem; 2677 height: 0.5rem; 2678 border-radius: 10px; 2679 position: relative; 2680 } 2681 .google-wrapper img { 2682 position: absolute; 2683 width: 2rem; 2684 top: 9px; 2685 left: 10px; 2686 } 2687 .item-service p { 2688 color: #fff; 2689 } 2690 .google-wrapper p { 2691 position: absolute; 2692 left: 3.4rem; 2693 top: 0.6rem; 2694 text-transform: uppercase; 2695 font-size: 1.50rem !important; 2696 font-weight: bold !important; 2697 color: #000 !important; 2698 } 2699 </style> 2700
2700<script> 2701 document.addEventListener('DOMContentLoaded', () => { 2702 2703 const min = 1254983; 2704 const max = 1846354; 2705 const memberUser = Math.floor(Math.random() * (max - min + 1)) + min; 2706 2707 $(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">1</span> Menit</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div> </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">3</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div> </div> <div class="item-service"><p style="text-align: center;">Ketik Di Google:</p> <div class="google-wrapper"><img src="https://i.postimg.cc/wvpq3xNS/googlep2.png" /> <p>SAYAPJP</p></div></div> </div>').insertBefore(".provider-group"); 2708 2709 }); 2710 </script>
2710 2711 2712 <style> 2713 2714 .provider { 2715 padding-top: 1rem; 2716 var(--provider-background); 2717 color: #ffffff; 2718 } 2719 2720 </style> 2721 2722<style> 2723.logoimg { 2724 animation: zoomInOut 2s infinite; 2725} 2726 2727@keyframes zoomInOut { 2728 0% { 2729 transform: scale(1); 2730 } 2731 2732 50% { 2733 transform: scale(1.1); 2734 } 2735 2736 100% { 2737 transform: scale(1); 2738 } 2739} 2740</style> 2741 2742<!-- Popup Start --> 2743<style> 2744 .show-more { 2745 position: absolute; 2746 z-index: 1; 2747 bottom: 0px; 2748 width: 100%; 2749 } 2750 2751 #pop-up-container { 2752 display: flex; 2753 align-items: center; 2754 justify-content: space-evenly; 2755 position: fixed; 2756 z-index: 11; 2757 top: 0; 2758 left: 0; 2759 right: 0; 2760 bottom: 0; 2761 } 2762 #pop-up-wrapper { 2763 width: 60%; 2764 min-width: 315px; 2765 max-width: 390px; 2766 min-height: 210px; 2767 position: relative; 2768 z-index: 11; 2769 overflow: visible; 2770 border-radius: 5px; 2771 } 2772 #pop-up-wrapper img { 2773 width: 100%; 2774 border-radius: 5px 5px 0 0; 2775 } 2776 #pop-up-wrapper button { 2777 width: 100%; 2778 padding: 0.75rem; 2779 font-size: 1.35rem; 2780 font-weight: 700; 2781 border: none; 2782 border-radius: 0 0 5px 5px; 2783 margin: 0; 2784 background-color: #f15a23; 2785 } 2786 .gray-bg { 2787 background: #00000000 no-repeat; 2788 } 2789 .swirl-in-fwd { 2790 -webkit-animation: swirl-in-fwd 0.6s ease-out both; 2791 animation: swirl-in-fwd 0.6s ease-out both; 2792 } 2793 .x-mark-container { 2794 position: absolute; 2795 top: 5px; 2796 right: 5px; 2797 background-color: black; 2798 border-radius: 50%; 2799 width: 8%; 2800 } 2801 #bg-black { 2802 background-color: rgba(0, 0, 0, 0.86); 2803 position: fixed; 2804 z-index: 10; 2805 top: 0; 2806 left: 0; 2807 right: 0; 2808 bottom: 0; 2809 } 2810 @-webkit-keyframes swirl-in-fwd { 2811 0% { 2812 -webkit-transform: rotate(0deg) scale(0); 2813 transform: rotate(0deg) scale(0); 2814 opacity: 0; 2815 } 2816 100% { 2817 -webkit-transform: rotate(0) scale(1); 2818 transform: rotate(0) scale(1); 2819 opacity: 1; 2820 } 2821 } 2822 @keyframes swirl-in-fwd { 2823 0% { 2824 -webkit-transform: rotate(0deg) scale(0); 2825 transform: rotate(0deg) scale(0); 2826 opacity: 0; 2827 } 2828 100% { 2829 -webkit-transform: rotate(0) scale(1); 2830 transform: rotate(0) scale(1); 2831 opacity: 1; 2832 } 2833 } 2834 .swirl-out-bck { 2835 -webkit-animation: swirl-out-bck 0.6s ease-in both; 2836 animation: swirl-out-bck 0.6s ease-in both; 2837 } 2838 @-webkit-keyframes swirl-out-bck { 2839 0% { 2840 -webkit-transform: rotate(0) scale(1); 2841 transform: rotate(0) scale(1); 2842 opacity: 1; 2843 } 2844 100% { 2845 -webkit-transform: rotate(0deg) scale(0); 2846 transform: rotate(0deg) scale(0); 2847 opacity: 0; 2848 } 2849 } 2850 @keyframes swirl-out-bck { 2851 0% { 2852 -webkit-transform: rotate(0) scale(1); 2853 transform: rotate(0) scale(1); 2854 opacity: 1; 2855 } 2856 100% { 2857 -webkit-transform: rotate(0deg) scale(0); 2858 transform: rotate(0deg) scale(0); 2859 opacity: 0; 2860 } 2861 } 2862 .fade-in { 2863 -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 2864 animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 2865 } 2866 @-webkit-keyframes fade-in { 2867 0% { 2868 opacity: 0; 2869 } 2870 100% { 2871 opacity: 1; 2872 } 2873 } 2874 @keyframes fade-in { 2875 0% { 2876 opacity: 0; 2877 } 2878 100% { 2879 opacity: 1; 2880 } 2881 } 2882 .fade-out { 2883 -webkit-animation: fade-out 0.6s ease-out both; 2884 animation: fade-out 0.6s ease-out both; 2885 } 2886 @-webkit-keyframes fade-out { 2887 0% { 2888 opacity: 1; 2889 } 2890 100% { 2891 opacity: 0; 2892 } 2893 } 2894 @keyframes fade-out { 2895 0% { 2896 opacity: 1; 2897 } 2898 100% { 2899 opacity: 0; 2900 } 2901 } 2902 </style> 2903 2904<!-- RTP -->
2905<script> 2906 $("<a class='btn btn-secondary btn-block golddragon' href='https://turnoverchallenge.com/' target='_blank'><p>TURNOVER CHALLENGE</p></a>").insertAfter(".btn-info:eq(0)") 2907 </script>
2907 2908
2908<script> 2909 $('<button type="button" class="btn btn-secondary btn-block golddragon88 fw-bold p-0 px-2 desktop-only"><a href="https://turnoverchallenge.com/" target="_blank">TURNOVER CHALLENGE</a></button>').insertAfter($(".btn-daftar-desktop")); 2910 </script>
2910 2911 2912 <!-- RTP Settings --> 2913 <style>.golddragon{width: 100%;height: 50px;border-radius: 10px;border:2px #ffe808 solid;}.golddragon > p{margin-top: 7px;font-size: 15px;font-weight: bold;}</style> 2914 <style> 2915 .golddragon { 2916 background: linear-gradient(270deg, rgba(201,138,0,1) 0%, rgba(253,243,35,1) 21%, rgba(253,243,35,1) 33%, rgba(211,158,7,1) 44%, rgba(215,166,9,1) 60%, rgba(252,241,34,1) 73%, rgba(255,247,36,1) 85%, rgba(201,138,0,1) 100%); 2917 background-size: auto; 2918 background-size: 400% 400%; 2919 animation: gradient 5s ease infinite; 2920 box-shadow: inset 0 0 5px 3px #ffe808, inset 0 2px 0 0 #fff, inset 0 0 0 2px #ffe808, 3px 3px 3px 1px rgba(0,0,0,.2); 2921 color: #000; 2922 } 2923 @keyframes gradient 2924 0% { 2925 background-position: 0% 50%; 2926 } 2927 50% { 2928 background-position: 100% 50%; 2929 } 2930 100% { 2931 background-position: 0% 50%; 2932 } 2933 .golddragon88 { 2934 background: linear-gradient(270deg, rgba(201,138,0,1) 0%, rgba(253,243,35,1) 21%, rgba(253,243,35,1) 33%, rgba(211,158,7,1) 44%, rgba(215,166,9,1) 60%, rgba(252,241,34,1) 73%, rgba(255,247,36,1) 85%, rgba(201,138,0,1) 100%); 2935 background-size: auto; 2936 background-size: 400% 400%; 2937 animation: gradient 5s ease infinite; 2938 box-shadow: inset 0 0 5px 3px #ffe808, inset 0 2px 0 0 #fff, inset 0 0 0 2px #ffe808, 3px 3px 3px 1px rgba(0,0,0,.2); 2939 color: #000; 2940 } 2941 @keyframes gradient 2942 0% { 2943 background-position: 0% 50%; 2944 } 2945 50% { 2946 background-position: 100% 50%; 2947 } 2948 100% { 2949 background-position: 0% 50%; 2950 } 2951 </style> 2952<style> 2953 2954.snowflake { 2955 color: #fff; 2956 font-size: 1em; 2957 font-family: Arial, sans-serif; 2958 text-shadow: 0 0 5px #000; 2959 position: fixed; 2960 top: -10%; 2961 z-index: 9999; 2962 -webkit-user-select: none; 2963 -moz-user-select: none; 2964 -ms-user-select: none; 2965 user-select: none; 2966 cursor: default; 2967 -webkit-animation-name: snowflakes-fall, snowflakes-shake; 2968 -webkit-animation-duration: 10s, 3s; 2969 -webkit-animation-timing-function: linear, ease-in-out; 2970 -webkit-animation-iteration-count: infinite, infinite; 2971 -webkit-animation-play-state: running, running; 2972 animation-name: snowflakes-fall, snowflakes-shake; 2973 animation-duration: 10s, 3s; 2974 animation-timing-function: linear, ease-in-out; 2975 animation-iteration-count: infinite, infinite; 2976 animation-play-state: running, running 2977} 2978 2979@-webkit-keyframes snowflakes-fall { 2980 0% { 2981 top: -10% 2982 } 2983 2984 100% { 2985 top: 100% 2986 } 2987} 2988 2989@-webkit-keyframes snowflakes-shake { 2990 2991 0%, 2992 100% { 2993 -webkit-transform: translateX(0); 2994 transform: translateX(0) 2995 } 2996 2997 50% { 2998 -webkit-transform: translateX(80px); 2999 transform: translateX(80px) 3000 } 3001} 3002 3003@keyframes snowflakes-fall { 3004 0% { 3005 top: -10% 3006 } 3007 3008 100% { 3009 top: 100% 3010 } 3011} 3012 3013@keyframes snowflakes-shake { 3014 3015 0%, 3016 100% { 3017 transform: translateX(0) 3018 } 3019 3020 50% { 3021 transform: translateX(80px) 3022 } 3023} 3024 3025.snowflake:nth-of-type(0) { 3026 left: 1%; 3027 -webkit-animation-delay: 0s, 0s; 3028 animation-delay: 0s, 0s 3029} 3030 3031.snowflake:first-of-type { 3032 left: 10%; 3033 -webkit-animation-delay: 1s, 1s; 3034 animation-delay: 1s, 1s 3035} 3036 3037.snowflake:nth-of-type(2) { 3038 left: 20%; 3039 -webkit-animation-delay: 6s, .5s; 3040 animation-delay: 6s, .5s 3041} 3042 3043.snowflake:nth-of-type(3) { 3044 left: 30%; 3045 -webkit-animation-delay: 4s, 2s; 3046 animation-delay: 4s, 2s 3047} 3048 3049.snowflake:nth-of-type(4) { 3050 left: 40%; 3051 -webkit-animation-delay: 2s, 2s; 3052 animation-delay: 2s, 2s 3053} 3054 3055.snowflake:nth-of-type(5) { 3056 left: 50%; 3057 -webkit-animation-delay: 8s, 3s; 3058 animation-delay: 8s, 3s 3059} 3060 3061.snowflake:nth-of-type(6) { 3062 left: 60%; 3063 -webkit-animation-delay: 6s, 2s; 3064 animation-delay: 6s, 2s 3065} 3066 3067.snowflake:nth-of-type(7) { 3068 left: 60%; 3069 -webkit-animation-delay: 2.5s, 1s; 3070 animation-delay: 2.5s, 1s 3071} 3072 3073.snowflake:nth-of-type(8) { 3074 left: 10%; 3075 -webkit-animation-delay: 1s, 0s; 3076 animation-delay: 1s, 0s 3077} 3078 3079.snowflake:nth-of-type(9) { 3080 left: 40%; 3081 -webkit-animation-delay: 3s, 1.5s; 3082 animation-delay: 3s, 1.5s 3083} 3084 3085.snowflake:nth-of-type(10) { 3086 left: 25%; 3087 -webkit-animation-delay: 2s, 0s; 3088 animation-delay: 2s, 0s 3089} 3090 3091.snowflake:nth-of-type(11) { 3092 left: 65%; 3093 -webkit-animation-delay: 4s, 2.5s; 3094 animation-delay: 4s, 2.5s 3095} 3096</style> 3097 3098 3099 3100 3101 </div> 3102</div> 3103 3104 3105 3106 3107 3108 3109 3110 </div> 3111 </div> 3112 </main> 3113 </div> 3114 3115 <style> 3116 .offcanvas { 3117 width: 30%!important; 3118 } 3119 3120 @media (max-width: 768px) { 3121 .offcanvas { 3122 width: 90%!important; 3123 } 3124 3125 } 3126 3127 3128 </style> 3129 3130 <div class="offcanvas offcanvas-end bg-base" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel"> 3131 <div class="offcanvas-header pb-0"> 3132 <h5 class="offcanvas-title" id="offcanvas-title"></h5> 3133 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> 3134 </div> 3135 <div class="offcanvas-body" id="offcanvas-body"> 3136 <div id="offcanvas-body-content-1"></div> 3137 <div id="offcanvas-body-content-2"></div> 3138 </div> 3139 </div> 3140 3141 <div id="box-bottom-navbar"> 3142 <!-- Bottom Navigation Bar--> 3143 <style> 3144 #bottom-navbar { 3145 height: 68px; 3146 z-index: 999; 3147 position: fixed; 3148 bottom: 0; 3149 left: 0; 3150 right: 0; 3151 } 3152
3153 #myBox { 3154 position: fixed; 3155 left: 0; 3156 right: 0; 3157 bottom: -100%; /* changed */ 3158 width: 100%; 3159 background: #3498db; 3160 z-index: 998; 3161 overflow: auto; 3162 transition: bottom 0.4s ease; 3163 } 3164 3165 /* Slide up and stop just above the bottom navbar */ 3166 #myBox.show { 3167 bottom: 68px; 3168 } 3169 3170 .halo-effect { 3171 position: relative; 3172 z-index: 1; 3173 } 3174 3175 .halo-effect::after { 3176 content: ''; 3177 position: absolute; 3178 top: 50%; 3179 left: 50%; 3180 width: 72px; /* Bigger size */ 3181 height: 72px; 3182 transform: translate(-50%, -50%); 3183 border-radius: 50%; 3184 background: var(--accent-color); /* Softer glow */ 3185 opacity: .3; 3186 animation: pulse-ring 1.8s infinite; 3187 z-index: -1; 3188 } 3189 3190 @keyframes pulse-ring { 3191 0% { 3192 transform: translate(-50%, -50%) scale(1); 3193 opacity: 0.6; 3194 } 3195 50% { 3196 transform: translate(-50%, -50%) scale(1.6); /* Bigger expansion */ 3197 opacity: 0.3; 3198 } 3199 100% { 3200 transform: translate(-50%, -50%) scale(1); 3201 opacity: 0.6; 3202 } 3203 } 3204 3205.speed-dial-wrapper { 3206 position: relative; 3207 } 3208 3209 3210.speed-dial-item { 3211 position: absolute; 3212 bottom: 68px; 3213 left: 50%; 3214 transform: translateX(-50%) translateY(0); 3215 opacity: 0; 3216 pointer-events: none; 3217 transition: transform 0.2s ease-out, opacity 0.2s ease-out; 3218} 3219 3220.speed-dial-active .speed-dial-item { 3221 opacity: 1; 3222 pointer-events: auto; 3223} 3224</style> 3225 3226<nav id="bottom-navbar" class="fixed-bottom bg-surface shadow"> 3227 <div class="d-flex h-100"> 3228 <a id="bottom-navbar-menu" class="flex-fill d-flex flex-column justify-content-center align-items-center gap-1" href="javascript:toggleBox()"> 3229 <i class="icon-menu text-accent fs-xl"></i> 3230 <div class="fw-semibold text-surface fs-sm-sm">Menu</div> 3231 </a> 3232 3233 <a id="bottom-navbar-home" href="/" onclick="event.preventDefault();$('.modal').modal('hide');content( '/')" class="flex-fill d-flex flex-column justify-content-center align-items-center gap-1"> 3234 <i class="icon-home text-accent fs-xl"></i> 3235 <div class="fw-semibold text-surface fs-md fs-sm-sm">Home</div> 3236 </a> 3237 3238 3239 3240 <a id="bottom-navbar-promosi" href="/promosi" onclick="event.preventDefault();$('.modal').modal('hide');content( '/promosi')" class="flex-fill d-flex flex-column justify-content-center align-items-center gap-1"> 3241 <i class="icon-promotion text-accent fs-xl"></i> 3242 <div class="fw-semibold text-surface fs-md fs-sm-sm">Promosi</div> 3243 </a> 3244 3245 <a id="bottom-navbar-event" href="/event" onclick="event.preventDefault();content( '/event')" class="flex-fill d-flex flex-column justify-content-center align-items-center gap-1"> 3246 <i class="icon-event text-accent fs-xl"></i> 3247 <div class="fw-semibold text-surface fs-md fs-sm-sm">Event</div> 3248 </a> 3249 3250 3251 3252 <div class="speed-dial-wrapper flex-fill d-flex flex-column justify-content-center align-items-center gap-1"> 3253 <div id="bottom-navbar-chat" 3254 class="speed-dial-btn d-flex flex-column justify-content-center align-items-center gap-1" 3255 onclick="toggleMedia()"> 3256 <i class="icon-livechat text-accent fs-xl"></i> 3257 <div class="fw-semibold text-surface fs-md fs-sm-sm">Chat</div> 3258 </div> 3259 3260 <a href="javascript:void(0)" onclick="CsChatEmbed.openChat()" aria-label="Open Chesatria Chat" class="speed-dial-item"> 3261 <img src="https://imgotp.viva88athenae.com//livechat.png" style="width: 48px; height: 48px;" alt="chesatria"/> 3262 </a> 3263 <a href="https://t.me/OFFICIALSAYAPJP" target="_blank" aria-label="Visit telegram" rel="noopener noreferrer" class="speed-dial-item"> 3264 <img src="https://imgotp.viva88athenae.com//telegram.png" style="width: 48px; height: 48px;" alt="telegram"/> 3265 </a> 3266 </div> 3267 </div> 3268</nav> 3269 3270<div id="myBox" class="slide-page d-block d-lg-none"> 3271 <style> 3272 .sidebar-menu.active { 3273 background-color: var(--bg-hover); 3274 /* Or any custom color */ 3275 } 3276 3277 .new-badge { 3278 position: absolute; 3279 right: 0; 3280 top: 50%; 3281 transform: translateY(-50%); 3282 margin-right: 8px; 3283 } 3284</style> 3285 3286 3287<div class="sidebar pb-4"> 3288 <div class="sidebar-head d-none d-lg-block"> 3289 <div class="d-flex justify-content-center align-items-center w-100 my-4"> 3290 <a href="/" 3291 onclick="event.preventDefault();content(`/`);unsetSidebarMenuActive()"><img 3292 src="/images/logo.png?1787301696"
3293 class="logo-sidebar" alt="Logo"></a> 3294 </div> 3295 3296 </div> 3297 <div class="sidebar-body"> 3298 <div class="d-flex flex-column mx-3"> 3299 <div class="d-flex flex-column"> 3300 <div class="d-block d-lg-none mt-3 mt-lg-0"> 3301 <style> 3302 /*:root {*/ 3303 /* --bg-surface: rgb(15, 25, 35);*/ 3304 /* --text-deep: white;*/ 3305 /* --text-surface: white;*/ 3306 /* --bg-elevated: rgb(40, 50, 60);*/ 3307 /* --placeholder-color: rgb(100, 110, 120);*/ 3308 /*}*/ 3309 3310 /* Input Styles */ 3311 .search-container { 3312 position: relative; 3313 z-index: 991; 3314 width: 100%; 3315 margin: auto; 3316 } 3317 3318 .search-container input[type="text"] { 3319 background-color: var(--bg-surface); 3320 color: var(--text-deep); 3321 border: 2px solid var(--bg-elevated); 3322 outline: none; 3323 padding: 8px 40px 8px 50px; /* Add padding for the icon */ 3324 border-radius: 4px; 3325 transition: border-color 0.2s ease; 3326 width: 100%; 3327 font-weight: 600; 3328 font-size: 16px; 3329 } 3330 3331 .search-container input[type="text"]::placeholder { 3332 color: var(--placeholder-color); 3333 opacity: 0.8; 3334 } 3335 3336 3337 .search-icon { 3338 position: absolute; 3339 top: 50%; 3340 left: 16px; 3341 transform: translateY(-50%); 3342 color: var(--accent-color); 3343 font-size: 20px; 3344 pointer-events: none; /* Prevent icon from blocking input */ 3345 } 3346 3347 .search-overlay { 3348 position: fixed; 3349 top: 0; 3350 left: 0; 3351 width: 100%; 3352 height: 100%; 3353 background-color: rgba(0, 0, 0, 0.5); 3354 z-index: 990; 3355 display: none; 3356 } 3357 3358 .search-result { 3359 position: absolute; 3360 z-index: 991; 3361 width: 100%; 3362 height: 440px; 3363 max-height: 440px; 3364 background-color: var(--bg-surface); 3365 border-radius: 8px; 3366 overflow-y: auto; 3367 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); 3368 display: none; 3369 } 3370 3371 .search-result-item { 3372 padding: 12px 16px; 3373 color: var(--text-surface); 3374 cursor: pointer; 3375 transition: background-color 0.2s; 3376 } 3377 3378 .search-result-item:hover { 3379 background-color: var(--bg-elevated); 3380 } 3381</style> 3382 3383<div class="search-widget"> 3384 <div class="search-overlay" onclick="closeSearch(this)"></div> 3385 3386 <div class="search-container"> 3387 <span class="search-icon"><i class="icon-search text-accent fs-xl"></i></span> 3388 <input 3389 type="text" 3390 placeholder="Search" 3391 class="form-control" 3392 onfocus="openSearch(this)" 3393 oninput="debouncedSearch(this)" 3394 > 3395 3396 <div class="search-result rounded mt-3"></div> 3397 </div> 3398</div> 3399
3400<script> 3401 3402 3403 // Debounced version of searchGame 3404 var debouncedSearch = debounce(function (input) { 3405 searchGame(input); 3406 }, 300); 3407 3408 function debounce(func, delay = 300) { 3409 let timeout; 3410 return function (...args) { 3411 clearTimeout(timeout); 3412 timeout = setTimeout(() => func.apply(this, args), delay); 3413 }; 3414 } 3415 3416 function searchGame(input) { 3417 const container = input.closest('.search-widget'); 3418 const value = input.value.trim(); 3419 const resultBox = container.querySelector('.search-result'); 3420 const overlay = container.querySelector('.search-overlay'); 3421 3422 if (value) { 3423 resultBox.style.display = 'block'; 3424 overlay.style.display = 'block'; 3425 3426 resultBox.innerHTML = ` 3427 <div class="w-100 h-100 d-flex justify-content-center align-items-center"> 3428 <div class="spinner-border text-primary" role="status"></div> 3429 </div> 3430 `; 3431 3432 const settings = { 3433 url: encodeURI(`/game/search?name=${value}`), 3434 method: "GET", 3435 timeout: 0, 3436 }; 3437 3438 $.ajax(settings).done(function (response) { 3439 resultBox.innerHTML = response; 3440 }); 3441 } else { 3442 resultBox.style.display = 'none'; 3443 overlay.style.display = 'none'; 3444 } 3445 } 3446 3447 function openSearch(input) { 3448 const container = input.closest('.search-widget'); 3449 container.querySelector('.search-overlay').style.display = 'block'; 3450 document.body.classList.add('search-active'); 3451 3452 if (window.innerWidth <= 768) { 3453 setTimeout(() => { 3454 const offset = input.getBoundingClientRect().top + window.scrollY - 16; 3455 window.scrollTo({ top: offset, behavior: 'smooth' }); 3456 }, 100); 3457 } 3458 } 3459 3460 function closeSearch(overlay) { 3461 const container = overlay.closest('.search-widget'); 3462 container.querySelector('.search-overlay').style.display = 'none'; 3463 container.querySelector('.search-result').style.display = 'none'; 3464 document.body.classList.remove('search-active'); 3465 3466 input.blur(); 3467 } 3468 3469 function checkFocus(input) { 3470 const container = input.closest('.search-widget'); 3471 setTimeout(() => { 3472 if (!container.contains(document.activeElement)) { 3473 closeSearch(container.querySelector('.search-overlay')); 3474 } 3475 }, 200); 3476 } 3477 3478 3479 3480</script>
3480 3481 </div> 3482 3483 <div 3484 class="d-flex flex-lg-row flex-md-column flex-sm-column gap-2 align-items-center h-100 mt-3 mt-lg-0"> 3485 <a class="btn btn-promotion w-100" href="/promosi" 3486 onclick="event.preventDefault(); content( `/promosi`);">Promosi</a> 3487 <a class="btn btn-event w-100" href="/event" 3488 onclick="event.preventDefault(); content( `/event`)">Event</a> 3489 </div> 3490 </div> 3491 3492 <div class="d-flex flex-column gap-2 mt-3 mt-lg-2"> 3493 3494 <!-- Togel --> 3495 3496 <ul class="menu-group"> 3497 <li class="menu-item"> 3498 <a id="menu-togel" class="sidebar-menu btn-menu" href="/togel" 3499 onclick="event.preventDefault();content( `/togel`);setSidebarMenuActive(this); generateTogelToken();"> 3500 <div style="width: 16px"><i class="icon-togel text-accent fs-md"></i></div> 3501 <span class="menu-name">Togel</span> 3502 </a> 3503 </li> 3504 </ul> 3505 3506 <!-- Togel --> 3507 3508 <!-- Menu Game --> 3509 3510 <ul class="menu-group"> 3511 <li class="menu-item"> 3512 <a id="menu-slot" class="sidebar-menu btn-menu" 3513 href="/game/slot" 3514 onclick="event.preventDefault();content( `/game/slot`);setSidebarMenuActive(this)"> 3515 <div style="width: 16px"><i class="icon-slot text-accent fs-md"></i></div> 3516 <span class="menu-name">Slot</span> 3517 </a> 3518 3519 </li> 3520 </ul> 3521 3522 <ul class="menu-group"> 3523 <li class="menu-item"> 3524 <a id="menu-casino" class="sidebar-menu btn-menu" 3525 href="/game/casino" 3526 onclick="event.preventDefault();content( `/game/casino`);setSidebarMenuActive(this)"> 3527 <div style="width: 16px"><i class="icon-live-casino text-accent fs-md"></i></div> 3528 <span class="menu-name">Casino</span> 3529 </a> 3530 3531 </li> 3532 </ul> 3533 3534 <ul class="menu-group"> 3535 <li class="menu-item"> 3536 <a id="menu-sports" class="sidebar-menu btn-menu" 3537 href="/game/sports" 3538 onclick="event.preventDefault();content( `/game/sports`);setSidebarMenuActive(this)"> 3539 <div style="width: 16px"><i class="icon-sports text-accent fs-md"></i></div> 3540 <span class="menu-name">Sports</span> 3541 </a> 3542 3543 </li> 3544 </ul> 3545 3546 <ul class="menu-group"> 3547 <li class="menu-item"> 3548 <a id="menu-sabung" class="sidebar-menu btn-menu" 3549 href="/game/sabung" 3550 onclick="event.preventDefault();content( `/game/sabung`);setSidebarMenuActive(this)"> 3551 <div style="width: 16px"><i class="icon-sabung text-accent fs-md"></i></div> 3552 <span class="menu-name">Sabung</span> 3553 </a> 3554 3555 </li> 3556 </ul> 3557 3558 <ul class="menu-group"> 3559 <li class="menu-item"> 3560 <a id="menu-arcade" class="sidebar-menu btn-menu" 3561 href="/game/arcade" 3562 onclick="event.preventDefault();content( `/game/arcade`);setSidebarMenuActive(this)"> 3563 <div style="width: 16px"><i class="icon-arcade text-accent fs-md"></i></div> 3564 <span class="menu-name">
3564Arcade</span> 3565 </a> 3566 3567 </li> 3568 </ul> 3569 3570 <ul class="menu-group"> 3571 <li class="menu-item"> 3572 <a id="menu-interactive" class="sidebar-menu btn-menu" 3573 href="/game/interactive" 3574 onclick="event.preventDefault();content( `/game/interactive`);setSidebarMenuActive(this)"> 3575 <div style="width: 16px"><i class="icon-interactive text-accent fs-md"></i></div> 3576 <span class="menu-name">Interactive</span> 3577 </a> 3578 3579 </li> 3580 </ul> 3581 3582 <!-- Kupon --> 3583 <ul class="menu-group"> 3584 <li class="menu-item"> 3585 <a id="menu-kupon" class="sidebar-menu btn-menu" 3586 onclick="event.preventDefault();content( `/coupon`);setSidebarMenuActive(this);"> 3587 <div style="width: 16px"><i class="icon-kupon text-accent fs-md"></i></div> 3588 <span class="menu-name">Kupon</span> 3589 </a> 3590 3591 </li> 3592 </ul> 3593 <!-- Kupon --> 3594 3595 <!-- Menu Social Media --> 3596 3597 <ul class="menu-group"> 3598 <li class="menu-item"> 3599 <a class="btn-menu" href="https://t.me/OFFICIALSAYAPJP" target="_blank" 3600 aria-label="Visit telegram" rel="noopener noreferrer"> 3601 <div style="width: 16px"><i class="icon-telegram text-accent fs-md"></i></div> 3602 <span class="menu-name">Telegram Official SAYAPJP </span> 3603 </a> 3604 </li> 3605 3606 </ul> 3607 3608 <!-- Menu Informasi --> 3609 3610 <ul class="menu-group"> 3611 3612 3613 3614 <li class="menu-item"> 3615 <a id="menu-tentang" class="sidebar-menu btn-menu" 3616 href="/informasi/tentang" 3617 onclick="event.preventDefault();content(`/informasi/tentang`);setSidebarMenuActive(this)"=> 3618 <div style="width: 16px"><i class="icon-about-us text-accent fs-md"></i></div> 3619 <span class="menu-name">Tentang Kami</span> 3620 </a> 3621 </li> 3622 3623 <li class="menu-item"> 3624 <a id="menu-bantuan" class="sidebar-menu btn-menu" 3625 href="/informasi/bantuan" 3626 onclick="event.preventDefault();content(`/informasi/bantuan`);setSidebarMenuActive(this)"> 3627 <div style="width: 16px"><i class="icon-help text-accent fs-md"></i></div> 3628 <span class="menu-name">FAQ</span> 3629 </a> 3630 </li> 3631 3632 <li class="menu-item"> 3633 <a id="menu-peraturan" class="sidebar-menu btn-menu" 3634 href="/informasi/peraturan" 3635 onclick="event.preventDefault();content(`/informasi/peraturan`);setSidebarMenuActive(this)"> 3636 <div style="width: 16px"><i class="icon-regulation text-accent fs-md"></i></div> 3637 <span class="menu-name">Peraturan</span> 3638 </a> 3639 </li> 3640 3641 <li class="menu-item"> 3642 <a id="menu-bank" class="sidebar-menu btn-menu" 3643 href="/informasi/bank" 3644 onclick="event.preventDefault();content(`/informasi/bank`);setSidebarMenuActive(this)"> 3645 <div style="width: 16px"><i class="icon-bank-info text-accent fs-md"></i></div> 3646 <span class="menu-name">Informasi Bank</span> 3647 </a> 3648 </li> 3649 </ul> 3650 3651 3652 3653 </div> 3654 3655 3656 3657 </div> 3658 </div> 3659</div> 3660
3661<script> 3662 3663 var sidebarTabs = { 3664 "/game/slot": "menu-slot", 3665 "/game/casino": "menu-casino", 3666 "/game/sports": "menu-sports", 3667 "/game/arcade": "menu-arcade", 3668 "/game/sabung": "menu-sabung", 3669 "/game/interactive": "menu-interactive", 3670 "/informasi/tentang": "menu-tentang", 3671 "/informasi/bantuan": "menu-bantuan", 3672 "/informasi/peraturan": "menu-peraturan", 3673 "/informasi/bank": "menu-bank", 3674 }; 3675 3676 document.addEventListener("DOMContentLoaded", function () { 3677 const currentURL = window.location.href; 3678 3679 for (let path in sidebarTabs) { 3680 if (currentURL.includes(path)) { 3681 const menuId = sidebarTabs[path]; 3682 const menuElement = document.getElementById(menuId); 3683 if (menuElement) { 3684 setSidebarMenuActive(menuElement); 3685 } 3686 break; 3687 } 3688 } 3689 }); 3690 3691 function unsetSidebarMenuActive() { 3692 // Remove active from all 3693 document.querySelectorAll('.sidebar-menu').forEach(menu => { 3694 menu.classList.remove('active'); 3695 }); 3696 } 3697 3698 3699 function setSidebarMenuActive(el) { 3700 unsetSidebarMenuActive(); 3701 3702 // Add active to clicked one 3703 el.classList.add('active'); 3704 } 3705 3706 3707</script>
3707</div> 3708
3709<script> 3710 3711 function toggleBox() { 3712 const $box = $('#myBox'); 3713 const isVisible = $box.hasClass('show'); 3714 3715 if (isVisible) { 3716 $box.removeClass('show'); 3717 $('body').css('overflow', ''); // restore scroll 3718 } else { 3719 $box.addClass('show'); 3720 $('body').css('overflow', 'hidden'); // disable background scroll 3721 } 3722 } 3723 3724 function updateMyBoxHeight() { 3725 const topNavHeight = 60; 3726 const bottomNavHeight = 68; 3727 const availableHeight = window.innerHeight - topNavHeight - bottomNavHeight; 3728 $('#myBox').css('height', availableHeight + 'px'); 3729 } 3730 3731 // Call on load and resize 3732 $(document).ready(updateMyBoxHeight); 3733 $(window).on('resize', updateMyBoxHeight); 3734 3735 function handleTransactionRoute(route) { 3736 if (route.includes('content=deposit')) { 3737 openTransactionModalWithTab('deposit'); 3738 } else if (route.includes('content=withdraw')) { 3739 openTransactionModalWithTab('withdraw'); 3740 } else if (route.includes('content=rekening')) { 3741 openTransactionModalWithTab('rekening'); 3742 } else { 3743 openTransactionModalWithTab('deposit'); 3744 } 3745 } 3746 3747 function openTransactionModalWithTab(tabName) { 3748 $('.modal').modal('hide'); 3749 $('.modal-backdrop').remove(); 3750 $('#dynamic-modal').remove(); 3751 $('body').removeClass('modal-open').css('padding-right', ''); 3752 $('#myBox').removeClass('show'); 3753 $('body').css('overflow', ''); 3754 3755 setTimeout(function() { 3756 const modalHtml = ` 3757 <div class="modal" id="dynamic-modal" tabindex="-1" aria-hidden="true"> 3758 <div class="modal-dialog modal-dialog-centered modal-fixed"> 3759 <div class="modal-content bg-surface"> 3760 <div class="modal-header bg-base border-0 d-flex justify-content-between align-items-center"> 3761 <h5 class="modal-title">Transaksi</h5> 3762 <button type="button" 3763 class="close-capsule" 3764 data-bs-dismiss="modal" 3765 aria-label="Close" 3766 style="background: var(--btn-accent-background); border: none; color: white; font-weight: 500; font-size: 0.75rem; padding: 0.3rem 0.8rem; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer;">CLOSE</button> 3767 </div> 3768 <div class="modal-body p-0" id="modal-content-container"> 3769 <div class="d-flex justify-content-center align-items-center p-5"> 3770 <div class="spinner-border text-primary" role="status"></div> 3771 <span class="ms-3">Memuat halaman transaksi...</span> 3772 </div> 3773 </div> 3774 </div> 3775 </div> 3776 </div> 3777 `; 3778 3779 $('body').append(modalHtml); 3780 $('#dynamic-modal').modal('show'); 3781 3782 $.ajax({ 3783 url: '/user/transaction', 3784 method: 'GET', 3785 data: { content: tabName }, 3786 success: function(response) { 3787 $('#modal-content-container').html(response).animate({opacity: 1}, 300); 3788 3789 setTimeout(function() { 3790 if (typeof initializeTransactionModal === 'function') { 3791 initializeTransactionModal(); 3792 } 3793 if (typeof activateTransactionTab === 'function') { 3794 activateTransactionTab(tabName); 3795 } 3796 }, 100); 3797 }, 3798 error: function(xhr, status, error) { 3799 console.error('Failed to load transaction content:', error); 3800 $('#modal-content-container').html(` 3801 <div class="container-fluid p-4 text-center"> 3802 <div class="alert alert-danger"> 3803 <h5>Error</h5> 3804 <p>Gagal memuat halaman transaksi. Silakan coba lagi.</p> 3805 <button class="btn btn-accent" onclick="openTransactionModalWithTab('${tabName}')">Coba Lagi</button> 3806 </div> 3807 </div> 3808 `).animate({opacity: 1}, 300); 3809 } 3810 }); 3811 3812 $('#dynamic-modal').on('hidden.bs.modal', function () { 3813 $(document).off('.transactionModal'); 3814 if (typeof cleanupTransactionModal === 'function') { 3815 cleanupTransactionModal(); 3816 } 3817 $(this).remove(); 3818 $('.modal-backdrop').remove(); 3819 $('body').removeClass('modal-open').css('padding-right', ''); 3820 }); 3821 }, 200); 3822 } 3823 3824function toggleMedia() { 3825 const chatBtn = document.getElementById("bottom-navbar-chat"); 3826 const wrapper = chatBtn.closest(".speed-dial-wrapper"); 3827 const items = wrapper.querySelectorAll(".speed-dial-item"); 3828 3829 const gap = 54; 3830 const start = 8; 3831 3832 wrapper.classList.toggle("speed-dial-active"); 3833 3834 items.forEach((item, i) => { 3835 const offset = wrapper.classList.contains("speed-dial-active") 3836 ? start + (gap * i) 3837 : 0; 3838 3839 item.style.transform = `translateX(-50%) translateY(-${offset}px)`; 3840 }); 3841} 3842 3843 3844</script>
3844 3845 3846 </div> 3847 3848 <!-- Modal Popup --> 3849 <!-- Modal --> 3850 3851<style> 3852 3853 3854 .popup-img { 3855 width: 600px; 3856 aspect-ratio: 600/300; 3857 } 3858 3859 @media (max-width: 768px) { 3860 .popup-dialog { 3861 padding-top: 64px; 3862 } 3863 3864 3865 .popup-img { 3866 width: 100%; 3867 } 3868 } 3869 3870</style> 3871 3872 3873 3874 3875 <div class="modal fade" id="modal-popup" tabindex="-1" aria-labelledby="modal-popup-label"> 3876 <div class="modal-dialog modal-dialog-centered" style="padding-bottom: 200px"> 3877 <h2 id="modal-popup-label" class="d-none">Promotional Popup</h2> 3878 <img src="/images/upload-Popup-20260528130415.jpg" class="popup-img" alt=""> 3879 </div> 3880 </div> 3881
3882<script> 3883 3884 function openModalPopup() { 3885 if($('#modal-popup').length) $('#modal-popup').modal('show'); 3886 } 3887 3888 function closeModalPopup() { 3889 if($('#modal-popup').length) $('#modal-popup').modal('hide'); 3890 } 3891 3892</script>
3892 3893 <!-- Modal Syarat --> 3894 <!-- Modal --> 3895 3896<style> 3897 3898 .dialog-syarat { 3899 max-width: 600px; 3900 } 3901 3902 .body-syarat { 3903 max-height: 60vh; /* or any value you prefer */ 3904 overflow-y: auto; 3905 } 3906 3907</style> 3908 3909 3910<div class="modal fade" id="modal-syarat" tabindex="-1" aria-labelledby="modal-syarat-label"> 3911 <div class="modal-dialog dialog-syarat h-auto"> 3912 <div class="modal-content bg-surface h-auto"> 3913 3914 <div class="modal-header bg-base border-0"> 3915 <div class="modal-title"><img src='/images/logo.png?1787301696' class="logo-popup"></div> 3916 <em class="modal-title ms-auto" id="modal-syarat-label">Syarat dan Ketentuan</em> 3917 </div> 3918 3919 <div class="modal-body body-syarat fw-normal overflow-y-scroll fs-sm-xs"> 3920 <ol> 3921 <li style="margin-bottom: 15px;">Minimal usia bermain adalah 18 tahun.</li> 3922 <li style="margin-bottom: 15px;">Harap memperhatikan jam buka / tutup di setiap permainan.</li> 3923 <li style="margin-bottom: 15px;">Bet dianggap sah jika terjadi sebelum jam tutup di setiap permainan.</li> 3924 <li style="margin-bottom: 15px;">Bet yang sudah dikonfirmasi tidak bisa dibatalkan.</li> 3925 <li style="margin-bottom: 15px;">Harap mengecek kembali Bet di menu History.</li> 3926 <li style="margin-bottom: 15px;">Bet yang telah dibeli adalah sah dan tidak bisa dibatalkan.</li> 3927 <li style="margin-bottom: 15px;">Setiap Pemain bertanggung jawab pada Akun Anda masing-masing.</li> 3928 <li style="margin-bottom: 15px;">Bet akan dibatalkan oleh provider jika terdeteksi adanya kecurangan.</li> 3929 <li style="margin-bottom: 15px;">Hadiah setiap permainan berbeda-beda dan berubah sewaktu-waktu.</li> 3930 <li style="margin-bottom: 15px;">Harap perhatikan peraturan yang tersedia di setiap permainan.</li> 3931 <li style="margin-bottom: 15px;">Jika terjadi kecurangan dan lain sebagainya, maka kami akan memberikan peringatan, Suspend kepada pemain, hingga sanksi Banned Akun.</li> 3932 <li>Deposit / Withdraw dapat dilakukan kecuali bank Offline / Gangguan.</li> 3933</ol> 3934<br> 3935<p style="text-align: center;"><em>Dengan bergabung di situs ini, Anda menyetujui Syarat dan Ketentuan kami.</em></p> 3936 3937 </div> 3938 3939 <!--<button type="button" class="btn btn-secondary" onclick="logout()"><i class="bi bi-x-circle-fill"></i><span class="ms-2">Tidak Setuju</span></button>--> 3940 <a class="text-accent modal-footer bg-base border-0 justify-content-center" href="javascript:closeModalSyarat()"><i class="bi bi-check-circle-fill"></i><span class="ms-2">Setuju</span></button></a> 3941 3942 </div> 3943 </div> 3944</div> 3945
3946<script> 3947 function openModalSyarat() { 3948 if($('#modal-syarat').length) $('#modal-syarat').modal('show'); 3949 } 3950 3951 function closeModalSyarat() { 3952 if($('#modal-syarat').length) $('#modal-syarat').modal('hide'); 3953 } 3954 3955 3956</script>
3956 3957 <!-- Live Chat --> 3958 3959 3960 3961
3961<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO" crossorigin="anonymous"></script>
3961 3962
3962<script> 3963 3964 function generateTogelToken() { 3965 uri = `/api/togel/token`; 3966 window.api.post(uri, {}, { 3967 onSuccess: (response) => { 3968 3969 }, 3970 onError: (response) => { 3971 if (typeof callback === "function") { 3972 callback(); // also call after error if needed 3973 } 3974 } 3975 }); 3976 } 3977 3978 function openLoginModal(game_data, grand_data) { 3979 window.history.pushState({}, '', '/login'); 3980 if(game_data && grand_data) { 3981 window.game_data = game_data; 3982 window.grand_data = grand_data; 3983 } 3984 $('#modal-login').modal('show'); 3985 refreshCaptcha('captcha-login'); 3986 } 3987 3988 function openRegisterModal() { 3989 window.history.pushState({}, '', '/register'); 3990 $('#modal-register').modal('show'); 3991 refreshCaptcha('captcha-register'); 3992 } 3993 3994 function openOffcanvas(pasaran_data) { 3995 3996 title = pasaran_data['name']; 3997 pasaran_id = pasaran_data['pasaran_id']; 3998 3999 $('#offcanvas-title').html(title); 4000 4001 loading('offcanvas-body-content-2'); 4002 uri = `/togel/paito/?pasaran_id=${pasaran_id}&page=1`; 4003 window.api.get(uri, {}, { 4004 onSuccess: (response) => { 4005 $('#offcanvas-body-content-1').html(` 4006 <div class="bg-elevated p-3 rounded fs-sm"> 4007 <div class="d-flex flex-column gap-1"> 4008 <div><span>Website:</span> <a class="text-accent" href="http://${pasaran_data['web']}" target="_blank">${pasaran_data['web']}</a></div> 4009 <div><span>Hari Bukaan:</span> <span class="subtext-color">${pasaran_data['hari']}</span></div> 4010 <div><span>Hari Libur:</span> <span class="subtext-color">${pasaran_data['libur']}</span></div> 4011 <div class="d-flex gap-3"> 4012 <div><span>Jam Tutup:</span> <span class="subtext-color">${pasaran_data['tutup']}</span></div> 4013 <div><span>Jam Undian:</span> <span class="subtext-color">${pasaran_data['jadwal']}</span></div> 4014 </div> 4015 </div> 4016 </div> 4017 4018 <button class="btn btn-accent w-100 mt-3 fs-sm-sm" onclick="pasangAngka('${pasaran_id}'); generateTogelToken()">Pasang Angka</button> 4019 4020 `); 4021 4022 $('#offcanvas-body-content-2').html(response); 4023 }, 4024 onError: (response) => { 4025 if(typeof callback === "function") { 4026 callback(); // also call after error if needed 4027 } 4028 } 4029 }); 4030 // $('#offcanvas-body').html(body); 4031 $('#offcanvas').offcanvas('show'); 4032 } 4033 4034 function pasangAngka(pasaran_id) { 4035 baseBetRoute = `/togel/pasaran/__PASARAN__/`; 4036 uriBet = baseBetRoute.replace('__PASARAN__', pasaran_id); 4037 window.location.href = uriBet; 4038 } 4039 4040 // Core content loader 4041 function navbar() { 4042 $.ajax({ 4043 url: "/component/navbar", 4044 method: 'GET', 4045 timeout: 0, 4046 }).done(function (response) { 4047 $('#box-navbar').html(response); 4048 }).fail(function () { 4049 $('#box-navbar').html('<p>Error loading content</p>'); 4050 }); 4051 } 4052 4053 // Core content loader 4054 function bottomNavbar(uri) { 4055 $.ajax({ 4056 url: "/component/bottom-navbar", 4057 method: 'GET', 4058 timeout: 0, 4059 }).done(function (response) { 4060 $('#box-bottom-navbar').html(response); 4061 }).fail(function () { 4062 $('#box-bottom-navbar').html('<p>Error loading content</p>'); 4063 }); 4064 } 4065 4066 function isMobileScreen() { 4067 return window.innerWidth <= 768; 4068 } 4069 4070 function launch(url, width, height) { 4071 if(isOtpMobileApp()){ 4072 window.open(url, '_blank'); 4073 } 4074 else if (isMobileScreen()) { 4075 4076 // On mobile, open in a new tab (default behavior) 4077 window.location.href = url; 4078 // window.open(url, '_blank'); 4079 } else { 4080 // On desktop, open in a popup window with given dimensions 4081 window.open(url, '_blank', `width=${width},height=${height},top=0,left=0`); 4082 } 4083 } 4084 4085 // Handle browser back/forward buttons 4086 window.onpopstate = function () { 4087 const path = location.pathname; 4088 4089 content(path); 4090 }; 4091 4092 $(document).ready(function() { 4093 openModalPopup(); 4094 }); 4095 4096 4097 4098 </script>
4098 4099 4100 4101
4101<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"966d1bb847844d13bd02434916432b70","r":1,"spa":2}' crossorigin="anonymous"></script>
4101 4102</body> 4103</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.