PageSourceSearch

https://sayapjparea.com/event

html sayapjparea.com collected 2026-10-09 22:45:07 UTC 127,272 bytes, 4,103 lines download raw bytes

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 &amp; 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&currency=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.