Showing source for: https://slot177ez.com/
Duration: 0.281594s
Server: cloudflare

<!doctype html>
<html lang="id">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>SLOT177 - Platform Game Daring Paling Trendi Pilihan Masa Kini</title>    
    <link rel="icon" type="image/png" href="/favicon.png">
    
    <meta name="description" content="SLOT177 hadir sebagai platform game daring paling trendi pilihan masa kini. Rasakan keseruan tanpa batas dan fitur modern bersama SLOT 177 terbaik." />
	<!-- <meta name="keywords" content="" /> -->
	<link rel="alternate" hreflang="id-ID" href="https://slot177gas.com/" />
	<link rel="alternate" hreflang="x-default" href="https://slot177gas.com/" />
	<link rel="amphtml" href="https://slot177gas.com/" />
	<link rel="canonical" href="https://slot177ez.com/" />
	<meta name="robots" content="index,follow" />
		
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-V623HDK2V0"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'G-V623HDK2V0');
	</script>

	<div style="position:fixed;bottom:80px;left:8px;z-index:100">
	  <a href="https://urlkilat.com/slot177-rtp" target="_blank">
		<img src="https://mm3wrcjtz2ctcker.sgp1.cdn.digitaloceanspaces.com/Info-RTP-Live-Slot-Klik-diSini.webp" alt="RTP Slot177" style="width:80px;height:80px">
	  </a>
	</div>

	<style type="text/css">
	  .messagebleft-container {
		transition: top .5s, right .5s, bottom .5s, left .5s, opacity .5s;
		font-family: Roboto, sans-serif;
		font-size: 12px;
		min-height: 12px;
		background-color: #696969;
		position: fixed;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #696969;
		line-height: 8px;
		padding: 1rem 2rem;
		border-radius: 8px;
		border-left: 8px solid #5A5A5A !important;
		bottom: -100px;
		top: -100px;
		opacity: 0;
		z-index: 9999
	  }

	  .messagebleft-container .action {
		background: inherit;
		display: inline-block;
		font-size: inherit;
		text-transform: uppercase;
		color: #4caf50;
		margin: 0 0 0 24px;
		padding: 0;
		min-width: min-content;
		cursor: pointer
	  }

	  @media only screen and (min-width: 601px) {
		.messagebleft-container {
		  min-width: 288px;
		  max-width: 568px;
		  display: inline-flex;
		  border-radius: 2px;
		  margin: 24px
		}
	  }

	  .messagebleft-pos.bottom-center {
		top: auto !important;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0)
	  }

	  .messagebleft-pos.bottom-left {
		top: auto !important;
		bottom: 0;
		left: 0
	  }

	  .messagebleft-pos.bottom-right {
		top: auto !important;
		bottom: 0;
		right: 0
	  }

	  .messagebleft-pos.top-left {
		bottom: auto !important;
		top: 0;
		left: 0
	  }

	  .messagebleft-pos.top-center {
		bottom: auto !important;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0)
	  }

	  .messagebleft-pos.top-right {
		bottom: auto !important;
		top: 0;
		right: 0
	  }

	  @media only screen and (max-width: 600px) {
		.messagebleft-container {
		  left: 0;
		  right: 0;
		  width: 100%
		}

		.messagebleft-pos.bottom-center,
		.messagebleft-pos.top-center {
		  left: 0;
		  transform: none
		}
	  }
	</style>
	<script src="https://mm3wrcjtz2ctcker.sgp1.cdn.digitaloceanspaces.com/Slot177/SnackBar.js"></script>

	<script>
	document.addEventListener("DOMContentLoaded", function() {
		var aduanButton = document.querySelector(".btn.btn-aduan2.ms-lg-auto.py-1.px-2");
		if (aduanButton) {
			aduanButton.style.display = "none";
		}
	});
	</script>    
    <link rel="preconnect" href="https://img.viva88athenae.com">
    <link rel="preload" href="/fonts/new/ubuntu-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/new/ubuntu-normal-700-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/new/oswald-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link href="/css/new/vendor/bootstrap.min.css?v=1791889411" rel="stylesheet">
    <style id="jt-fonts">/* Self-hosted Ubuntu + Oswald (latin / latin-ext), font-display: swap */
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-600-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-700-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-300-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-700-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-300-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-700-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>    <style id="jt-theme">/* Theme: GY — GY */
:root {
    /* --- Accent --- */
    --accent-color:               #5b595c;

    /* --- Text --- */
    --primary-text-color:         #000000;
    --secondary-text-color:       #444444;
    --accent-text-color:          #000000;

    /* --- Teks tambahan --- */
    --muted-text-color:           #575757;
    --muted-text-color-secondary: #555555;
    --muted-text-color-tertiary:  #5b595c;

    /* --- Background utama --- */
    --primary-background-color:   #f2f2f2;
    --secondary-background-color: #dddddd;
    --ternary-background-color:   #eaebef;
    --quaternary-background-color:#f5f5f5;

    /* --- Background tambahan --- */
    --placeholder-bg:             #eeeeee;
    --overlay-bg:                 rgba(0,0,0,0.6);
    --handle-color:               rgba(0,0,0,0.2);
    --table-hover-bg:             rgba(153,101,21,0.08);
    --btn-close-hover-bg:         rgba(0,0,0,0.08);
    --qr-bg:                      #ffffff;

    /* --- Navbar --- */
    --navbar-bg:                  #ffffff;
    --bottom-navbar-bg:           #ffffff;

    /* --- Navbar text --- */
    --navbar-text-color:          #000000;
    --bottom-navbar-text-color:   #000000;

    /* --- Header & Home --- */
    --topbar-link-color:          var(--primary-text-color);
    --section-title-color:        var(--primary-text-color);
    --togel-market-name-color:    var(--primary-text-color);
    --balance-text-color:         var(--secondary-text-color);
    --nav-active-color:           var(--accent-text-color);
    --marquee-date-color:         var(--accent-text-color);
    --username-text-color:        var(--secondary-text-color);
    --marquee-text-color:         var(--secondary-text-color);

    /* --- Menu / Marquee / Search --- */
    --menu-box-bg:                #ffffff;
    --marquee-bg:                 #b1b1b1;
    --search-bg:                  #e2e2e2;

    /* --- Widget profile gradient --- */
    --widget-profile-bg-start:    #ffffff;
    --widget-profile-bg-end:      #dddddd;

    /* --- Tombol Deposit --- */
    --btn-deposit-color-start:    #5b595c;
    --btn-deposit-color-mid:      #5b595c;
    --btn-deposit-color-end:      #5b595c;
    --btn-deposit-text:           #ffffff;

    /* --- Tombol Withdraw --- */
    --btn-withdraw-color-start:   #dddddd;
    --btn-withdraw-color-end:     #eeeeee;
    --btn-withdraw-text:          #000000;

    /* --- Tab aktif & tabel rekening --- */
    --tx-tab-active-color:        var(--accent-color);
    --tx-table-accent-color:      var(--accent-text-color);

    /* --- Table stripe & placeholder --- */
    --table-stripe-odd-bg:        #ffffff;
    --table-stripe-even-bg:       #f7f7f7;
    --input-placeholder-color:    #888888;

    /* --- CMS Sidebar --- */
    --cms-nav-color:              var(--muted-text-color);
    --cms-nav-hover-color:        var(--secondary-text-color);
    --cms-nav-active-color:       var(--primary-text-color);

    /* --- History table --- */
    --color-tanggal:              #d32f2f;
    --color-pasaran:              #1976d2;
    --color-debit:                #d32f2f;
    --color-kredit:               #2e7d32;
    --color-balance:              #1976d2;

    /* --- Component backgrounds --- */
    --btn-menu-bg:                #ffffff;
    --card-bg:                    #eaebef;
    --avatar-bg:                  #eeeeee;
    --table-header-bg:            #dddddd;
    --dropdown-bg:                #ffffff;
    --sidebar-bg:                 #ffffff;
    --input-bg:                   #ffffff;
    --menu-box-border-color:      rgba(0,0,0,0.12);
    --breadcrumb-color:           var(--accent-color);
    --alert-danger-bg:            #ee5f5b;

    /* --- Accent alpha --- */
    --accent-bg-subtle:           rgba(153,101,21,0.08);
    --accent-bg-active:           rgba(153,101,21,0.15);
    --accent-border-subtle:       rgba(153,101,21,0.35);

    /* --- Skeleton shimmer --- */
    --skeleton-color-base:        #eeeeee;
    --skeleton-color-shine:       #f8f8f8;

    /* --- Card togel --- */
    --togel-card-bg:              #ffffff;
    --togel-card-number-color:    #000000;

    /* --- Splide pagination --- */
    --splide-pagination-inactive: #bdbdbd;

    /* --- Border --- */
    --border-color:               rgba(0,0,0,0.10);
    --border-subtle-color:        rgba(0,0,0,0.05);

    /* --- Font & Radius --- */
    --font-body:                  "Ubuntu", sans-serif;
    --radius-sm:                  6px;
    --radius-md:                  8px;
    --radius-lg:                  10px;
    --radius-xl:                  12px;
    --radius-pill:                999px;

    /* --- Font sizes --- */
    --fs-xs:                      10px;
    --fs-sm:                      11px;
    --fs-md:                      12px;
    --fs-base:                    13px;
    --fs-lg:                      14px;
    --fs-xl:                      15px;
    --fs-2xl:                     16px;
    --fs-3xl:                     18px;
}

/* History table column colors */
.history-table .col-tanggal  { white-space: nowrap; color: var(--color-tanggal); }
.history-table .col-pasaran  { color: var(--color-pasaran); }
.history-table .col-betid    { font-size: var(--fs-xs); word-break: break-all; color: var(--accent-text-color); }
.history-table .col-deskripsi { color: var(--primary-text-color); }
.history-table .col-balance  { white-space: nowrap; color: var(--color-balance); }
</style>    <link rel="stylesheet" href="/css/new/layout.min.css?v=1791889411">
    <link rel="stylesheet" href="/css/new/logo.css?v=1791889411">
    <style>.splide__list{display:flex;margin:0!important;padding:0!important}.splide__track{overflow:hidden;position:relative}</style>

    <link id="css-home-sections" rel="stylesheet" href="/css/new/home-sections.min.css?v=1791889411" media="print" onload="this.media='all'">
    
    <link id="css-bootstrap-icons" rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1791889411" media="print" onload="this.media='all'">
    <link id="css-splide" rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1791889411" media="print" onload="this.media='all'">
    <noscript>
        <link rel="stylesheet" href="/css/new/home-sections.min.css?v=1791889411">
        <link rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1791889411">
        <link rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1791889411">
        <link rel="stylesheet" href="/css/new/game.min.css?v=1791889411">
    </noscript>

    <style>
    @media (max-width: 768px) {
        .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
        .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
        .driver-popover-description { font-size: 12px !important; }
    }
    </style>

    <style>
        a {
          color: inherit; /* blue colors for links too */
          text-decoration: inherit; /* no underline */
        }
    
        .desktop-only {
            display: block!important;
        }
        
        .mobile-only {
            display: none !important;
        }
        
        .btn {
            height: 30px;
            border-radius: 3px;
        }
        
        .login-field {
            width: 104px;
            height: 30px;
            border-radius: 3px;
        }

        .login-input-field {
            margin: 0px;
            padding: 0px 8px;
            border-radius: 3px !important;
        }
        
        .section>.home-view {
            padding: 0px;
        }

        @media only screen and (max-width: 1000px) {

            .desktop-only {
                display: none!important;
            }
                
            .mobile-only {
                display: block!important;
            }
            
            .login-form {
                padding: 32px 0;
                margin: 0px 64px;
                display: flex;
                flex-direction: column;
            }
            
            .login-field, .login-form>button, .btn-promosi {
                height: 36px;
                width: 100% !important;
                border-radius: 8px;
                overflow: hidden;
            }
                    
            .login-input-field {
                border-top-left-radius: 0 !important;
                border-bottom-left-radius: 0 !important;
                font-size: 1rem;
            }
            
            .section {
                padding: 0px 8px!important;
            }
        }

        .grecaptcha-badge {
            display: none !important;
        }
    </style>
    
    
</head>
  <body>
    <script src="/js/new/vendor/jquery.min.js?v=1791889411"></script>
    <script>
        window.JT_CSRF_TOKEN = 'fd332c10b8036179fb947b97d2e86978bff7262ca1959d087dbbe4250c074a63';
        window.JT_NEED_RECAPTCHA_REGISTER = false;
        window.JT_NEED_RECAPTCHA_LOGIN = false;
        window.JT_NEED_RECAPTCHA = false;
        window.JT_RECAPTCHA_SITE_KEY = '6Leu4cosAAAAABe-B_1-oryumOl99wsUEEFN3z8A';
        window.JT_NEED_TURNSTILE_REGISTER = false;
        window.JT_NEED_TURNSTILE_LOGIN = false;
        window.JT_NEED_TURNSTILE = false;
        window.JT_NEED_IFRAME_CAPTCHA = false;
        window.JT_CAPTCHA_LOGIN_MODE = '1';
        window.JT_CAPTCHA_REGISTER_MODE = '1';

        $.ajaxSetup({
            beforeSend: function (xhr, settings) {
                if (settings.type === 'POST' && !settings.crossDomain) {
                    xhr.setRequestHeader('X-CSRF-Token', window.JT_CSRF_TOKEN || '');
                }
            }
        });

        var _recaptchaLoader = null;
        function jtLoadRecaptcha() {
            if (!window.JT_NEED_RECAPTCHA) return Promise.resolve();
            if (typeof grecaptcha !== 'undefined' && grecaptcha.enterprise) return Promise.resolve();
            if (_recaptchaLoader) return _recaptchaLoader;
            _recaptchaLoader = new Promise(function (resolve, reject) {
                var s = document.createElement('script');
                s.src = 'https://www.google.com/recaptcha/enterprise.js?render=' + encodeURIComponent(window.JT_RECAPTCHA_SITE_KEY);
                s.async = true;
                s.onload = function () { resolve(); };
                s.onerror = function () { _recaptchaLoader = null; reject(new Error('recaptcha load failed')); };
                document.head.appendChild(s);
            });
            return _recaptchaLoader;
        }

        
        function jtWarmAuthScripts() {
            if (window.JT_NEED_RECAPTCHA) jtLoadRecaptcha().catch(function () {});
            if (window.JT_NEED_TURNSTILE && typeof window.turnst === 'function') {
                window.turnst('').catch(function () {});
            }
        }

        $(document).on(
            'focusin',
            '#desktoplogin input, #mobilelogin input, #formRegister input, #formRegister select, #desktopregister input, #mobileregister input',
            jtWarmAuthScripts
        );
        $(document).on(
            'click',
            '.btn-daftar, [onclick*="register"], a[href*="register"]',
            jtWarmAuthScripts
        );

        function jtNeedRecaptchaRegister($form) {
            var isRecaptchaRegister = String($form.find('input[name="isrecaptcharegister"]').val() || '');
            return window.JT_NEED_RECAPTCHA_REGISTER === true || isRecaptchaRegister === '1';
        }

        function jtNeedRecaptchaLogin($form) {
            var isRecaptchaLogin = String($form.find('input[name="isrecaptchalogin"]').val() || '');
            return window.JT_NEED_RECAPTCHA_LOGIN === true || isRecaptchaLogin === '1';
        }

        function jtWithRecaptchaToken($form, $status, action, shouldRun, onReady, failCls, onFail, tokenField) {
            if (!shouldRun) {
                onReady();
                return;
            }
            var fieldName = tokenField || 'recaptcha_token';
            var warnCls = (failCls === undefined) ? 'alert alert-sm alert-warning' : failCls;
            function showFail(msg) {
                if (warnCls) {
                    $status.removeClass().addClass(warnCls).text(msg).fadeIn(1000);
                } else {
                    $status.removeClass().text(msg).fadeIn(1000);
                }
                if (typeof onFail === 'function') {
                    onFail();
                }
            }
            jtLoadRecaptcha().then(function () {
                if (typeof grecaptcha === 'undefined' || !grecaptcha.enterprise) {
                    showFail('Verifikasi gagal dimuat, refresh halaman');
                    return;
                }
                grecaptcha.enterprise.ready(function () {
                    grecaptcha.enterprise.execute(window.JT_RECAPTCHA_SITE_KEY, { action: action })
                        .then(function (token) {
                            jtSetHidden($form, fieldName, token);
                            onReady();
                        })
                        .catch(function () {
                            showFail('Verifikasi gagal, coba lagi');
                        });
                });
            }).catch(function () {
                showFail('Verifikasi gagal dimuat, refresh halaman');
            });
        }

        function jtWithRecaptchaRegisterToken($form, $status, onReady) {
            jtWithRecaptchaToken($form, $status, 'register', jtNeedRecaptchaRegister($form), onReady, undefined, undefined, 'recaptcha_register_token');
        }

        function jtWithRecaptchaLoginToken($form, $status, onReady, onFail) {
            jtWithRecaptchaToken($form, $status, 'login', jtNeedRecaptchaLogin($form), onReady, '', onFail, 'recaptcha_login_token');
        }

        function jtSetHidden($form, name, value) {
            var $el = $form.find('input[name="' + name + '"]');
            if ($el.length === 0) {
                $form.append('<input type="hidden" name="' + name + '" value="">');
                $el = $form.find('input[name="' + name + '"]');
            }
            $el.val(value);
        }

        function jtWithTurnstileAction($form, actionName, needFlag, onReady) {
            if (!needFlag || typeof window.turnst !== 'function') {
                onReady();
                return;
            }
            window.turnst(actionName).then(function (fpResult) {
                jtSetHidden($form, 'fp_event_id', (fpResult && fpResult.eventId) || '');
                jtSetHidden($form, 'fp_visitor_id', (fpResult && fpResult.visitorId) || '');
                onReady();
            }).catch(function () {
                jtSetHidden($form, 'fp_event_id', '');
                jtSetHidden($form, 'fp_visitor_id', '');
                onReady();
            });
        }

        function jtWithTurnstileRegister($form, onReady) {
            jtWithTurnstileAction($form, 'account_create', window.JT_NEED_TURNSTILE_REGISTER, onReady);
        }

        function jtWithTurnstileLogin($form, onReady) {
            jtWithTurnstileAction($form, 'account_login', window.JT_NEED_TURNSTILE_LOGIN, onReady);
        }

        var _jtIframePending = null;

        function jtShowIframeCaptcha(isMobile, onReady, onCancelMsg) {
            if (!window.JT_NEED_IFRAME_CAPTCHA) {
                onReady();
                return;
            }
            var modalId = isMobile ? '#captchaModalMobile' : '#captchaModalDesktop';
            var $modal = $(modalId);
            if ($modal.length === 0) {
                onReady();
                return;
            }
            _jtIframePending = {
                isMobile: !!isMobile,
                onReady: onReady,
                onCancelMsg: onCancelMsg || null
            };
            $modal.css('display', 'flex');
        }

        function jtWithIframeCaptchaLogin($form, isMobile, onReady, onCancelMsg) {
            var mode = String($form.find('input[name="iscaptchalogin"]').val() || window.JT_CAPTCHA_LOGIN_MODE || '1');
            if (mode !== '2') {
                onReady();
                return;
            }
            jtShowIframeCaptcha(isMobile, function (token, key) {
                jtSetHidden($form, 'token', token || '');
                jtSetHidden($form, 'key', key || '');
                onReady();
            }, onCancelMsg);
        }

        function jtWithIframeCaptchaRegister($form, isMobile, onReady, onCancelMsg) {
            var mode = String($form.find('input[name="iscaptcharegister"]').val() || window.JT_CAPTCHA_REGISTER_MODE || '1');
            if (mode !== '2') {
                onReady();
                return;
            }
            jtShowIframeCaptcha(isMobile, function (token, key) {
                jtSetHidden($form, 'token', token || '');
                jtSetHidden($form, 'key', key || '');
                onReady();
            }, onCancelMsg);
        }

        window.addEventListener('message', function (e) {
            if (e.origin !== 'https://recaptcha.viva88athenae.com') {
                return;
            }
            if (!_jtIframePending) {
                return; 
            }
            var pending = _jtIframePending;
            _jtIframePending = null;

            var dataCaptcha = e.data || {};
            var $modal = pending.isMobile ? $('#captchaModalMobile') : $('#captchaModalDesktop');
            $modal.css('display', 'none');

            if (dataCaptcha.verified !== true) {
                if (typeof pending.onCancelMsg === 'function') {
                    pending.onCancelMsg('Verifikasi Kosong');
                }
                return;
            }

            if (typeof pending.onReady === 'function') {
                pending.onReady(dataCaptcha.token || '', dataCaptcha.key || '');
            }
        });
    </script>

      
<style>
    .btn-tele {
        text-shadow: 1px 1px #000000;
        height: 36px!important;
        border-radius: 8px;
        background: #28323C;
        color: white;
    }
</style>

    
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasExampleLabel" style="width: 50%; background: var(--primary-background-color); color: var(--primary-text-color); z-index: 99999">
    <div class="offcanvas-header py-3 d-flex justify-content-between">
        <h5 class="offcanvas-title" id="offcanvasExampleLabel" style="color: var(--menu-item-color); font-size: 1.2rem; font-weight: bold">Kontak Kami</h5>
        <button type="button" class="text-reset" style="background: transparent; border: none" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-x" style="color: var(--primary-text-color); font-size: 20px"></i></button>
    </div>
    <div class="offcanvas-body p-0 px-2">
            <div class="d-flex flex-column w-100 gap-2">
                
                                
                                                
                            <a  href="https://wa.me/6287830863938" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));">
                               <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="18" height="18" alt=""></div>
                               <div style="color: var(--primary-text-color);">+62 878 3086 3938</div>
                            </a>
                            
                                            

                                
                                                
                            <a  href="https://t.me/Slot177" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));">
                               <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/telegram.png" width="18" height="18" alt=""></div>
                               <div style="color: var(--primary-text-color);">Slot177</div>
                            </a>
                            
                                            

                                

            </div>

    </div>
</div>

            
    <style>
    
    #mySidenav {
    position: fixed;
    top: 180px;
    right: 100px;
    z-index: 999;
}

#mySidenav div#nav:hover {
  left: -138px;
}

#mySidenav div#nav {
    position: absolute;
    font-size: 20px;
    border-radius: 0 5px 5px 0;
    left: 36px;
    transition: 0.3s;
    display: flex;
}

#kontak-content {
    width: 190px;
    padding: 5px 10px 8px 10px;
    font-size: 15px;
    background-color: #FFF;
    color: #000;
}
    
</style>

            <!-- SIDENAV -->
            <div id="mySidenav" class="sidenav desktop-only">
                <div id="nav">
                    <div style="display: flex; align-items: start;">
                        <div style="height: 246px; width: 64px; background: var(--accent-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
                            
                            <img src="https://img.viva88athenae.com//new/assets/hubungi.png?2" alt="Hubungi Kami">

                        </div>
                        <!--<img id="about" src="/images/kontak.png?4">-->
                    </div>
                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
                       <div id="" style="padding: 4px">
                       <img src="/assets/24h.png" style="width: 100%" alt="Layanan 24 Jam">
                        </div>
                    
                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
                            
                                                                
                                                                                
                                            <a href="https://wa.me/6287830863938" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20" height="20" alt=""><span>+62 878 3086 3938</span>
                                            </a>
                                            
                                            
                                    
                                                                        
                                                                                
                                            <a href="https://t.me/Slot177" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20" height="20" alt=""><span>Slot177</span>
                                            </a>
                                            
                                            
                                    
                                                                
    
                        </div>
                            <div style="margin: 8px">
                                <a href="/register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem!important; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
                            </div>
                    </div>
                </div>
            </div>
    
        
        
    
    <div class="d-none d-md-block px-2">
        
                        
                <div class="section desktop-topbar d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center gap-4">
            
                    </div>
            
                                
                    <!-- Desktop Login Start -->
                    
                    <style>
                        
                        .login-form {
                            display: flex;
                            align-items: center;
                            justify-content: end;
                            gap: 4px;
                        }
                        
                        .btn-masuk {
                            background: linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49) !important;
                            color: white;
                        }
                        
                        .btn-daftar {
                            background: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db); !important;
                            color: white;
                        }

                        .btn-google {
                            width: 30px;
                            height: 30px;
                            background: #fff;
                            border: 1px solid #ddd;
                            border-radius: 3px;
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                        }

                        .btn-google:hover {
                            background: #f5f5f5;
                        }

                        .btn-google-mobile {
                            background: #fff;
                            color: #3c4043;
                            border: 1px solid #dadce0;
                            border-radius: 3px;
                            height: 36px;
                            padding: 0 12px;
                            font-weight: 600;
                            font-size: 1.2rem;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            gap: 8px;
                        }

                        .btn-google-mobile:hover {
                            background: #f8f9fa;
                            color: #202124;
                        }

                    </style>
                    
                    <div class="d-flex align-items-center gap-2">
                        <div id="desktoplogin" class="desktop-only">
                            <form class="login-form form" role="form">
                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
                                <div class="input-group login-field">
                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
                                </div>
                                
                                
                                
                                <div class="input-group login-field">
                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
                                </div>
                                
                                <!-- captcha -->
                         
                                    <div class="verifikasiform" style="">
                                        <div style="display: flex; gap: 2px;">
                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;" alt="Kode verifikasi"></span>
                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off" aria-label="Kode verifikasi">
                                        </div>
            
                                    </div>
                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
                              
                                <!-- end captcha -->
            
            
                                <!--<button value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit d-flex justify-content-center align-items-center">Masuk</button>
                                <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="openRegister('desktop')">Daftar</button>
                                
                                <input type="hidden" name="task" value="login">
                                <input type="hidden" name="iscaptchalogin" value="1">
                                <input type="hidden" name="isrecaptchalogin" value="0">
                                <input type="hidden" name="recaptcha_login_token" value="">
                                <input type="hidden" name="fp_event_id" value="">
                                <input type="hidden" name="fp_visitor_id" value="">
                                <input type="hidden" name="logindesktop" value="++xallHkXxsruE8sljIIM8eJRvgRmYEi8zhEvgVzcjY=">
                            </form>

                                                        
                            <script>
                                function jtRandomString(length) {
                                    var result = '';
                                    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
                                
                                    for (var i = 0; i < length; i++) {
                                        result += characters.charAt(Math.floor(Math.random() * characters.length));
                                    }
                                
                                    return result;
                                }
                                
                                function jtGetCaptchaHtml(captchaPath, captchaStyle) {
                                    var r = Math.floor(Math.random() * 10000);
                                    return '<img src="' + captchaPath + '?' + r + '" ' + captchaStyle + ' alt="Kode verifikasi">';
                                }
                                
                                function jtHandleLoginResponse(res, $root, verHtml) {
                                    var $msg = $root.find('#msgbox');

                                    var code = res && res.error && res.error.code;
                                    var msg  = res && res.error && res.error.message;
                                    var data = (res && res.data) || {};

                                    if (code === 200 && msg === 'success') {
                                        toast('Login berhasil', 200);
                                        $msg.removeClass().text('Logging in').fadeTo(900, 1, function() {
                                            window.location = '/home';
                                        });
                                        return;
                                    }

                                    if (code === 429 || msg === 'ratelimit') {
                                        $msg.removeClass().text('Terlalu banyak percobaan.').fadeIn(1000);
                                    } else if (msg === 'wrong') {
                                        $msg.removeClass().text('Salah Password').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'banned') {
                                        $msg.removeClass().text('User di Banned').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'empty') {
                                        $msg.removeClass().text('Silakan diisi').fadeIn(1000);
                                    } else if (msg === 'capempty') {
                                        $msg.removeClass().text('Verifikasi Kosong').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'caperror') {
                                        $msg.removeClass().text('Verifikasi Salah').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'recaperror') {
                                        $msg.removeClass().text('Recaptcha salah, coba lagi').fadeIn(1000);
                                    } else if (msg === 'iperror') {
                                        $msg.removeClass().text('IP Tidak Sesuai').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'capexp') {
                                        $msg.removeClass().text('Captcha Expired').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'cap') {
                                        $msg.removeClass().text('Isi Verifikasi').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                        $root.find('.verifikasiform, #mverifikasiform').show();
                                        $root.find('.verifval').val('1');
                                    } else if (msg === 'turnnoevent') {
                                        window.location.reload();
                                    } else if (msg === 'turnblock') {
                                        $msg.removeClass().text('Insecure Device').fadeIn(1000);
                                    } else {
                                        $msg.removeClass().text('Login gagal, coba lagi').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    }
                                }
                                
                                function jtSubmitLogin(rootSel, captchaPath, captchaStyle) {
                                    var $root = $(rootSel);
                                    var $form = $root.find('form.form');
                                
                                    if ($form.length === 0) {
                                        $form = $root.find('.form');
                                    }
                                
                                    if ($form.length === 0) {
                                        console.error('Login form not found:', rootSel);
                                        return false;
                                    }
                                
                                    var $submitBtn = $root.find('.submit');
                                    var $msg = $root.find('#msgbox');
                                    var verHtml = jtGetCaptchaHtml(captchaPath, captchaStyle);
                                    var isMobile = (rootSel.indexOf('mobile') !== -1);
                                
                                    $msg.removeClass().text('Validating').fadeIn(1000);
                                
                                    $submitBtn.prop('disabled', true).addClass('disabled');

                                    function unlockSubmit() {
                                        $submitBtn.prop('disabled', false).removeClass('disabled');
                                    }

                                    function doLoginPost() {
                                        $.ajax({
                                            url: '/api/front/login',
                                            type: 'POST',
                                            data: $form.serialize(),
                                            dataType: 'json',
                                            headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
                                            success: function(data) {
                                                jtHandleLoginResponse(data, $root, verHtml);
                                            }
                                        })
                                        .fail(function() {
                                            $msg.removeClass().text('Koneksi gagal').fadeIn(1000);
                                            $root.find('#verifikasi').html(verHtml);
                                        })
                                        .always(unlockSubmit);
                                    }

                                    function afterTurnstile() {
                                        if (typeof jtWithRecaptchaLoginToken === 'function') {
                                            jtWithRecaptchaLoginToken($form, $msg, doLoginPost, unlockSubmit);
                                        } else {
                                            doLoginPost();
                                        }
                                    }

                                    function afterIframe() {
                                        if (typeof jtWithTurnstileLogin === 'function') {
                                            jtWithTurnstileLogin($form, afterTurnstile);
                                        } else {
                                            afterTurnstile();
                                        }
                                    }

                                    if (typeof jtWithIframeCaptchaLogin === 'function') {
                                        jtWithIframeCaptchaLogin($form, isMobile, afterIframe, function (msgText) {
                                            $msg.removeClass().text(msgText || 'Verifikasi Kosong').fadeIn(1000);
                                            unlockSubmit();
                                        });
                                    } else {
                                        afterIframe();
                                    }
                                
                                    return false;
                                }
                                
                                // Login desktop
                                $(document).on('click', '#desktoplogin .submit', function(e) {
                                    e.preventDefault();
                                
                                    jtSubmitLogin(
                                        '#desktoplogin',
                                        '/capimg.php',
                                        'width="40" height="30" style="border:1px #999 solid;"'
                                    );
                                
                                    return false;
                                });
                                
                                // Login mobile
                                $(document).on('click', '#mobilelogin .submit', function(e) {
                                    e.preventDefault();
                                
                                    jtSubmitLogin(
                                        '#mobilelogin',
                                        '/mcapimg.php',
                                        'width="600" height="88" style="width:100%;height:auto;border-radius:5px;"'
                                    );
                                
                                    return false;
                                });
                                
                                // Tekan Enter utk login
                                $(document).on('keypress', '#desktoplogin input, #mobilelogin input', function(e) {
                                    if (e.which === 13) {
                                        e.preventDefault();
                                
                                        var $root = $(this).closest('#desktoplogin, #mobilelogin');
                                
                                        if ($root.attr('id') === 'desktoplogin') {
                                            $('#desktoplogin .submit').trigger('click');
                                        } else {
                                            $('#mobilelogin .submit').trigger('click');
                                        }
                                
                                        return false;
                                    }
                                });
                                
                                function jtEnsureDriver(done) {
                                    if (window.driver && window.driver.js) {
                                        done();
                                        return;
                                    }
                                    if (window._jtDriverLoading) {
                                        window._jtDriverLoading.push(done);
                                        return;
                                    }
                                    window._jtDriverLoading = [done];

                                    var link = document.createElement('link');
                                    link.rel = 'stylesheet';
                                    link.href = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css';
                                    link.integrity = 'sha384-eyrYgcjChmzD338JTHFZssgJHOqqOZbajet8yZpCw8ESroLDi28BarMEKCImNGHC';
                                    link.crossOrigin = 'anonymous';
                                    document.head.appendChild(link);

                                    var s = document.createElement('script');
                                    s.src = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js';
                                    s.integrity = 'sha384-BhR06AMz62Xn0o53z8itVS1vw4JslNckRFgOTa6/Dob0Agdmbbh8Dr9sDO2h18TO';
                                    s.crossOrigin = 'anonymous';
                                    s.onload = function () {
                                        var q = window._jtDriverLoading || [];
                                        window._jtDriverLoading = null;
                                        q.forEach(function (fn) {
                                            try { fn(); } catch (e) {}
                                        });
                                    };
                                    s.onerror = function () {
                                        window._jtDriverLoading = null;
                                    };
                                    document.head.appendChild(s);
                                }

                                function scrollToLoginForm() {
                                    if (typeof jtWarmAuthScripts === 'function') jtWarmAuthScripts();
                                    var isDesktop = window.innerWidth >= 992;
                                    var formEl = document.getElementById(isDesktop ? 'desktoplogin' : 'mobilelogin');

                                    if (!formEl) {
                                        return;
                                    }

                                    formEl.scrollIntoView({
                                        behavior: 'smooth',
                                        block: 'center'
                                    });

                                    setTimeout(function() {
                                        var inp = formEl.querySelector('input[type="text"], input[name="username"], input[name="BOX_username"]');

                                        if (inp) {
                                            inp.focus();
                                        }

                                        if (!inp) {
                                            return;
                                        }

                                        jtEnsureDriver(function () {
                                            if (!window.driver || !window.driver.js) {
                                                return;
                                            }

                                            var driver = window.driver.js.driver({
                                                popoverClass: 'driverjs-theme',
                                                showProgress: false,
                                                showButtons: [],
                                                overlayOpacity: 0.3,
                                                steps: [
                                                    {
                                                        element: inp,
                                                        popover: {
                                                            title: 'Harap Login',
                                                            description: 'Silakan masukkan username Anda',
                                                            side: 'bottom',
                                                            align: 'start',
                                                            showButtons: [],
                                                            nextBtnText: '',
                                                            prevBtnText: '',
                                                            doneBtnText: ''
                                                        }
                                                    }
                                                ],
                                                onDestroyStarted: () => driver.destroy(),
                                            });
                                            driver.drive();

                                            var destroyDriver = function() {
                                                driver.destroy();
                                                inp.removeEventListener('input', destroyDriver);
                                                inp.removeEventListener('click', destroyDriver);
                                                inp.removeEventListener('focus', destroyDriver);
                                            };
                                            inp.addEventListener('input', destroyDriver, { once: true });
                                            inp.addEventListener('click', destroyDriver, { once: true });
                                            inp.addEventListener('focus', destroyDriver, { once: true });
                                        });
                                    }, 400);
                                }
                                
                                window.JT_LOGGED_IN = false;
                                
                                if (sessionStorage.getItem('jt_pending_action')) {
                                    $(document).ready(function() {
                                        scrollToLoginForm();
                                    });
                                }
                                </script>
            
                        </div>
                    
                        
                        <!--<a href="/event">-->
                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
                        <!--</a>-->
                    </div>
                    
                    <!-- Desktop Login End -->
                  </div>
                  
                  <div class="desktop-topbar-line"></div>
                
                
                

        <div class="desktop-topbar-line d-flex align-items-center justify-content-between" style="margin-left:-2.0rem;margin-right:-2.0rem"></div>
            
                  <nav class="section desktop-mainnav d-flex align-items-center">
                    <!-- <a class="navbar-brand me-2 flex-shrink-0 navbar-brand-guest" href="/home" onclick="content('/home.php','#content',this); return false;"> -->
                    <a class="navbar-brand me-2 flex-shrink-0" href="/home" onclick="openPage('home'); return false;">
                      <img src="/images/logo.png?v=1791889411" alt="Logo" class="logo">
                    </a>
                    <div class="d-flex align-items-stretch h-100 ms-auto" style="overflow-x:auto;scrollbar-width:none;">
                                            <a href="/home"
                         onclick="openPage('home',this); return false;"                         class="desktop-nav-link"
                         data-nav="home">
                                                  <img src="https://img.viva88athenae.com/new/menu-home.png?v=1791889411" alt="">
                                                <span>Home</span>
                      </a>
                                            <a href="/togel"
                         onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;"                         class="desktop-nav-link"
                         data-nav="togel">
                                                  <img src="https://img.viva88athenae.com/new/menu-togel.png?v=1791889411" alt="">
                                                <span>Togel</span>
                      </a>
                                            <a href="/slot"
                         onclick="showProviders('slot',this); return false;"                         class="desktop-nav-link"
                         data-nav="slot">
                                                  <img src="https://img.viva88athenae.com/new/menu-slot.png?v=1791889411" alt="">
                                                <span>Slot</span>
                      </a>
                                            <a href="/casino"
                         onclick="showProviders('casino',this); return false;"                         class="desktop-nav-link"
                         data-nav="casino">
                                                  <img src="https://img.viva88athenae.com/new/menu-casino.png?v=1791889411" alt="">
                                                <span>Casino</span>
                      </a>
                                            <a href="/sport"
                         onclick="openPage('sport',this); return false;"                         class="desktop-nav-link"
                         data-nav="sport">
                                                  <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1791889411" alt="">
                                                <span>Sport</span>
                      </a>
                                            <a href="/sabung"
                         onclick="openPage('sabung',this); return false;"                         class="desktop-nav-link"
                         data-nav="sabung">
                                                  <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1791889411" alt="">
                                                <span>Sabung</span>
                      </a>
                                            <a href="/arcade"
                         onclick="showProviders('arcade',this); return false;"                         class="desktop-nav-link"
                         data-nav="arcade">
                                                  <img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1791889411" alt="">
                                                <span>Arcade</span>
                      </a>
                                            <a href="/interactive"
                         onclick="showProviders('interactive',this); return false;"                         class="desktop-nav-link"
                         data-nav="interactive">
                                                  <img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1791889411" alt="">
                                                <span>Interactive</span>
                      </a>
                                            <a href="/kupon"
                         onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;"                         class="desktop-nav-link"
                         data-nav="kupon">
                                                  <img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1791889411" alt="">
                                                <span>Kupon</span>
                      </a>
                                            <a href="/promosi"
                         onclick="openPage('promosi',this); return false;"                         class="desktop-nav-link"
                         data-nav="promosi">
                                                  <img src="https://img.viva88athenae.com/new/menu-promo.png?v=1791889411" alt="">
                                                <span>Promosi</span>
                      </a>
                                            <a href="/event"
                         onclick="openPage('event',this); return false;"                         class="desktop-nav-link"
                         data-nav="event">
                                                  <img src="https://img.viva88athenae.com/new/menu-event.png?v=1791889411" alt="">
                                                <span>Event</span>
                      </a>
                                          </div>
                  </nav>
            
                </div>
        <!-- WHEEL -->
                <!-- WHEEL -->
        

            
                <nav class="navbar px-3 d-md-none" style="z-index: 1046">
                  <div class="w-100 d-flex justify-content-between align-items-center ps-3">
                    <a class="navbar-brand" href="/home" onclick="content('/home.php','#content',this); return false;">
                      <img src="/images/logo.png?v=1791889411" alt="Logo" class="logo">
                    </a>
                                            <div class="d-flex align-items-center gap-2 pe-2">
                          <button class="btn btn-transparent py-0 px-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight" aria-label="Menu kontak">
                            <i class="bi bi-person-lines-fill" style="font-size: 20px; color: var(--primary-text-color)" aria-hidden="true"></i>
                          </button>
                        </div>
                                              </div>
                  </div>
                </nav>
                


                
                

<style>

        .banner {
              aspect-ratio: 1920 / 380;
              width: 100%;
              object-fit: cover;
              background: black
        }

        @media only screen and (max-width: 1000px) {

            .banner {
                aspect-ratio: 600 / 300;
            }

        }

</style>

<div class="carousel slide" id="banner-carousel" data-bs-ride="carousel">
  <div class="carousel-indicators">
                         <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="4" aria-label="Slide 5"></button>
              </div>
    <div class="carousel-inner" style="height: 100%">
                    <div class="carousel-item active" style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20260928233253.jpg"
                        class="d-block w-100 banner"
                        alt=""
                        fetchpriority="high"                    >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20260928233305.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20260928233320.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="https://img.viva88athenae.com/banner/mgl-25.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="https://img.viva88athenae.com/banner/slider-fgs.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
            </div>
</div>

                <div class="section marquee-bar">
                  <div class="marquee-date ps-2">
                    <span id="datetime"></span>
                    <i class="bi bi-volume-up-fill ms-1 secondary-text-color"></i>
                  </div>
                  <div class="marquee-text">
                    <div class="marquee-runner" id="marqueeRunner">
                      <span>Deposit via Mesin EDC / e-Channel Akan di Proses Dalam 1x24 Jam | Selamat Datang di SLOT177 - Website Slot Online Terbaik, dan Terpercaya | Menerima Deposit via Pulsa, dan e-Wallet, Online 24 Jam</span>
                    </div>
                  </div>
                </div>

                <div class="p-2">
                    <div class="d-md-none">
                    <div id="lobbyMenuWrap" class="splide pb-4 mt-2">
                      <div class="splide__track">
                        <ul class="splide__list">
                                                    <li class="splide__slide">
                            <a href="/home"
                               onclick="openPage('home',this); return false;"
                               class="lobby-menu"
                               data-nav="home">
                              <img src="https://img.viva88athenae.com/new/menu-home.png?v=1791889411" alt="">
                              <small>Home</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/togel"
                               onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;"
                               class="lobby-menu"
                               data-nav="togel">
                              <img src="https://img.viva88athenae.com/new/menu-togel.png?v=1791889411" alt="">
                              <small>Togel</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/kupon"
                               onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;"
                               class="lobby-menu"
                               data-nav="kupon">
                              <img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1791889411" alt="">
                              <small>Kupon</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/slot"
                               onclick="showProviders('slot',this); return false;"
                               class="lobby-menu"
                               data-nav="slot">
                              <img src="https://img.viva88athenae.com/new/menu-slot.png?v=1791889411" alt="">
                              <small>Slot</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/casino"
                               onclick="showProviders('casino',this); return false;"
                               class="lobby-menu"
                               data-nav="casino">
                              <img src="https://img.viva88athenae.com/new/menu-casino.png?v=1791889411" alt="">
                              <small>Casino</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/sport"
                               onclick="openPage('sport',this); return false;"
                               class="lobby-menu"
                               data-nav="sport">
                              <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1791889411" alt="">
                              <small>Sport</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/sabung"
                               onclick="openPage('sabung',this); return false;"
                               class="lobby-menu"
                               data-nav="sabung">
                              <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1791889411" alt="">
                              <small>Sabung</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/arcade"
                               onclick="showProviders('arcade',this); return false;"
                               class="lobby-menu"
                               data-nav="arcade">
                              <img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1791889411" alt="">
                              <small>Arcade</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/interactive"
                               onclick="showProviders('interactive',this); return false;"
                               class="lobby-menu"
                               data-nav="interactive">
                              <img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1791889411" alt="">
                              <small>Interactive</small>
                            </a>
                          </li>
                                                  </ul>
                      </div>
                    </div>
                    </div>

                    <script>
                    document.addEventListener('DOMContentLoaded', function () {
                      var lobbyEl = document.getElementById('lobbyMenuWrap');
                      if (lobbyEl && !lobbyEl.classList.contains('is-initialized')) {
                        var mountLobby = function () {
                          if (!lobbyEl || typeof Splide === 'undefined' || lobbyEl.classList.contains('is-initialized')) return;
                          new Splide('#lobbyMenuWrap', {
                            type: 'slide', perPage: 5, perMove: 5,
                            gap: '8px', pagination: true, arrows: false, drag: true,
                          }).mount();
                        };
                        if (typeof ensureSplide === 'function') {
                          ensureSplide().then(mountLobby).catch(function () {});
                        } else {
                          mountLobby();
                        }
                      }

                      if (typeof initUserareaShell === 'function') {
                        initUserareaShell();
                      } else if (typeof initGuestShell === 'function') {
                        initGuestShell();
                      } else if (typeof content === 'function') {
                        var isDesktop = window.innerWidth >= 768;
                        var homeMenu = isDesktop
                          ? document.querySelector('.desktop-nav-link[data-nav="home"]')
                          : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]');
                        content('/home.php', '#content', homeMenu);
                      }
                    });
                    </script>
                </div>
                
                    
                <!-- Mobile Login Start -->
            
                <div id="mobilelogin" class="d-block d-lg-none mb-3">
                        <form class="login-form form d-flex flex-column gap-2 align-items-center" style="padding: 0px; padding-top: 16px" role="form">
                        <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
                        <div class="input-group login-field">
                            <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
                            <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
                        </div>
                        <div class="input-group login-field">
                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
                            <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
                        </div>
                        
                        <!-- captcha -->
                       
                        <div id="mverifikasiform" class="w-100" style="">
                            
                            <span id="verifikasi"><img src="/mcapimg.php" width="600" height="88" style="width:100%;height:auto;border-radius: 5px;" alt="Kode verifikasi"></span>
                            <div class="input-group login-field mt-1">
                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
                                <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
                            </div>
                        </div>
                
                        <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
                
                        <!-- end captcha -->
                        
                        <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
                            <input class="login-field" type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> <span style="white-space: nowrap;">Remember Me</span>
                        </label>
                
                        <!--<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
                        <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit w-100 d-flex justify-content-center align-items-center" style="height: 36px; border-radius: 8px">Masuk</button>
                        <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftarMobile()">Daftar Sekarang</button>

                        
                                                    <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/slot177_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button>
                                        
                        
                        <input type="hidden" name="task" value="login">    
                        <input type="hidden" name="iscaptchalogin" value="1">
                        <input type="hidden" name="isrecaptchalogin" value="0">
                        <input type="hidden" name="recaptcha_login_token" value="">
                        <input type="hidden" name="fp_event_id" value="">
                        <input type="hidden" name="fp_visitor_id" value="">
                        <input type="hidden" name="loginmobile" value="DzXTrNjavKQ4o2iIC925HBtf2D7Nmpmjl1COVBHexeE=">
                    </form>

                                        
                    <a href="/wap" class="mt-4" style="display: grid; place-items: center; font-size: 1rem; cursor: pointer; color: var(--menu-item-color)">WAP</a>
                
                </div>
            
                <!-- Mobile Login End -->

                <script>
                    function openDaftar() {
                        if (typeof openRegister === 'function') {
                            openRegister('desktop');
                        } else {
                            window.location.href = '/register';
                        }
                    }
                    
                    function openDaftarMobile() {
                        if (typeof openRegister === 'function') {
                            openRegister('mobile');
                            $("#content").get(0).scrollIntoView({behavior: 'smooth'});
                        } else {
                            window.location.href = '/register';
                        }
                    }
                    
                    
                </script>

                
    <div class="modal fade" id="modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-lg modal-fullscreen-sm-down">
        <div id="modal-content" class="modal-content rounded-0 primary-background-color">
        </div>
      </div>
    </div>

    <div id="content" class="section p-2" style="position:relative;min-height:60vh;">
<div class="home-view">
            
        <div class="home-section">
        <div class="section-title">
            <i class="bi bi-bar-chart-fill me-1"></i>
            Pasaran Togel        </div>
        <div id="togel-panel" class="togel-grid-wrap togel-panel" style="margin-bottom: 20px;margin-top: 15px;">
                        <div class="togel-panel-more"><i class="bi bi-chevron-double-down"></i></div>
        </div>
    </div>

    
        
        <div class="home-section">
        <div class="section-title">
            <i class="bi bi-fire me-1"></i>
            Hot Slot Games        </div>
        <div class="game-scroll-wrap">
                    <div class="game-card" onclick="launchGame('Q8zYJj6mzB3Htjyb5ZB7o37_CBB8_4Yv7quj3kauDWY', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/mahjong-ways.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('uTGr5TJLwACEL97ckO30tBJvQZcVie0g4-9Kiu2usOI', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/mahjong-ways2.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('IMmJ7yEEUc66f_HexXOOT5uTXtUNi64Id-XrsCuPfrg', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/wild-bounty-showdown.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('btTGoABKuRQrVcFdnFVXb-3gvc7KtOXUyX-S0Ady0kM', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vs20olympx.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('uNVPa_U_Aj7qgAlySA23qRtI1Pz1lBF5uyWHD61I59Z8XAZTe2FmvOnPusSCfh6P', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vswaysmahwblck.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('Ky-DiW8edqq6wMMb4lPYPj7jp-hWknHllmghGAZBGZlTwns3aABWJdxpi7q-fjhm', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vs20olympgold.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('T7A_wPJVVbixWaBADXHmNtT3-zcf1E4QUEP2USKRkpY', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/cq9/images/VPCQS28.png?v=1" data-provider="cq9" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('pChE8AaNl-5iwZQNvZpuSTIlMvgYJREeLylwQhvwn5U', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/mgw/images/6059.png?v=1" data-provider="mgw" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('vYEyovkB6YZZQ54R0jw3VLd87BSzuUAGDKG9JXbwYDFrDWHBnGw6v7XMhBdFcsSZ', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/mg/images/p5_mahjongmaxwin.png?v=1" data-provider="mg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('sVHCgdllnRxNvRhod5eyH6vbDpMVN-ZFayUtwUX4PVGVyCR_3CFhKvTOqWvPqsA8', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/fgs/images/S5G-H5-99950.png?v=1" data-provider="fgs" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        </div>
    </div>
    
        
        <div class="home-section">
        <div class="section-title">
            <i class="bi bi-suit-heart-fill me-1"></i>
            Hot Casino Games        </div>
        <div class="game-scroll-wrap">
                    <div class="game-card" onclick="launchGame('2RS9yR_YhQAOLjaJe3pGfG7plj7M0uhMsidIHObvYFg', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/1301.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('M01IYuWmwmm1heoVOL-Oxbuq637ykqpP3nF2bAs11zw', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/801.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('iUcKaXcQS2MAeOUd4EOJ2EzKo98d0lPp9wvmdjb54Ig', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/1101.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('1DaXwTmf4VTrq8WZJksxWXCy0evsE6u3EkWx2XebaE0', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/icefishing.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('LNWacQIWVAiRZR_ZkkiFiBaKuB7vh_kkreRJyh9-MCw', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/crazytime.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('vOqs4f0-LFqYEqN-JtfbhSmLsQkgL6iOYAoHT2gHHCIGKe0msjmiHWnxh3unJXLA', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/lightningstorm.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('NnFKoVNLo7w59Xe7hjTqKscqg5fygo0LuRFKbir-46mer7j6BCKE1oYN7ISv7Do0', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/ion/images/ion_roulette.png?v=1" data-provider="ion" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('ZB1zstNPY8hqpYicIHmAAC6X2ON2aXhxlZr2_5fHnSg', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/sx/images/lobby.png?v=1" data-provider="sx" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('NWnUifeAceq7lLgv_X6kqo5_kmZE7LUnseJRHq4x3uGVRBBneDldnolucTiYw59t', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/sbo/images/sbol_roulette.png?v=1" data-provider="sbol" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('kY1TX_Wc8aGykk2-kmiL0bheOtSBxWM0A8IRCaW4F_0', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/ptlc/images/rol.png?v=1" data-provider="ptlc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        </div>
    </div>
    
        
        <div class="home-section">
        <div class="section-title">
            <i class="bi bi-trophy-fill me-1"></i>
            Sport Matches        </div>
        <div class="match-slider-wrap">
            <div id="sportMatchSplide" class="splide">
                <div class="splide__track">
                    <ul class="splide__list">
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">October 17, 2026 — 18:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/9592d1e0be6375b9e6c5ef169b7aa864.png" class="team-logo" alt="">
                                        <div class="team-name">Everton</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145100872)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" class="team-logo" alt="">
                                        <div class="team-name">Chelsea</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.70</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.60</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">October 17, 2026 — 21:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" class="team-logo" alt="">
                                        <div class="team-name">Manchester City</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145101068)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png" class="team-logo" alt="">
                                        <div class="team-name">Ipswich Town</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        1.5                                        <small style="margin-left: 5px;">0.67</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        -1.5                                        <small style="margin-left: 5px;">-0.77</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">October 17, 2026 — 21:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" class="team-logo" alt="">
                                        <div class="team-name">Brentford</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145100947)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" class="team-logo" alt="">
                                        <div class="team-name">Liverpool</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.85</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.95</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">SPAIN LA LIGA</div>
                                <div class="kickoff-time">October 17, 2026 — 23:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/018e260ad68bdad741c61e3171c4c608.png" class="team-logo" alt="">
                                        <div class="team-name">Real Betis (n)</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(147215858)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" class="team-logo" alt="">
                                        <div class="team-name">Barcelona</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        -1.25                                        <small style="margin-left: 5px;">-0.91</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        1.25                                        <small style="margin-left: 5px;">0.81</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">October 17, 2026 — 21:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png" class="team-logo" alt="">
                                        <div class="team-name">Fulham</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145101003)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/262691204102d2200797f0ac34efb316.png" class="team-logo" alt="">
                                        <div class="team-name">Hull City</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.5                                        <small style="margin-left: 5px;">0.72</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        -0.5                                        <small style="margin-left: 5px;">-0.82</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">October 18, 2026 — 20:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48ce556.png" class="team-logo" alt="">
                                        <div class="team-name">Leeds United</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145101264)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" class="team-logo" alt="">
                                        <div class="team-name">Manchester United</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.77</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.87</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">October 17, 2026 — 23:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/5dbe320855e3ba772dbce54f940c6fa5.png" class="team-logo" alt="">
                                        <div class="team-name">Newcastle United</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145101114)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" class="team-logo" alt="">
                                        <div class="team-name">Aston Villa</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.73</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.83</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">October 18, 2026 — 22:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/62572999d107f777efa4aeb907443527.png" class="team-logo" alt="">
                                        <div class="team-name">Nottingham Forest</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145101308)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" class="team-logo" alt="">
                                        <div class="team-name">Arsenal</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        -0.5                                        <small style="margin-left: 5px;">-0.71</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.5                                        <small style="margin-left: 5px;">0.61</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ITALY SERIE A</div>
                                <div class="kickoff-time">October 17, 2026 — 01:45 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/93c278d5d8d1d5e2d390ff686359963d.png" class="team-logo" alt="">
                                        <div class="team-name">Frosinone</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(146602186)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/616bf242a532f72e970648f2ead423cf.png" class="team-logo" alt="">
                                        <div class="team-name">Sassuolo</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.91</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.99</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">SPAIN LA LIGA</div>
                                <div class="kickoff-time">October 17, 2026 — 02:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/d7f9ac6cceee4a1d472eea59be7f8581.png" class="team-logo" alt="">
                                        <div class="team-name">RC Deportivo A Coruna</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(147215865)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/13e2038bd23a38ce32a3eb259c8bf7d8.png" class="team-logo" alt="">
                                        <div class="team-name">Levante</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.53</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.63</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>

    
        
            <div class="home-section">
        <div class="widget-kupon" style="margin-top:20px;">
            <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php" title="Widget kupon" loading="lazy"></iframe>
            <div onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',null) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm())" style="position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:5;"></div>
        </div>
    </div>
    
    
</div>

<script>
(function () {
    function mountSportSplide() {
        var el = document.getElementById('sportMatchSplide');
        if (!el || el.classList.contains('is-initialized')) return;
        if (typeof Splide === 'undefined') return;
        new Splide('#sportMatchSplide', {
            type       : 'loop',
            perPage    : 3,
            gap        : '8px',
            autoplay   : true,
            interval   : 4500,
            pauseOnHover: true,
            pagination : true,
            arrows     : true,
            breakpoints: {
                767: { perPage: 1 }
            }
        }).mount();
    }
    function bootSportSplide() {
        if (typeof ensureSplide === 'function') {
            ensureSplide().then(mountSportSplide).catch(function () {});
        } else {
            mountSportSplide();
        }
    }
    // SSR: defer sampai Splide ready; AJAX: mount via ensureSplide.
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', bootSportSplide);
    } else {
        bootSportSplide();
    }
})();

var _sboLaunchToken = null;

function jtSboBet(matchId) {
    if (window.JT_LOGGED_IN && _sboLaunchToken) {
        var url = '/new/launch/' + _sboLaunchToken;
        var standalone = window.navigator.standalone === true ||
                         window.matchMedia('(display-mode: standalone)').matches;
        var isMobile = standalone || window.innerWidth < 768;
        var popup = isMobile ? null : window.open('about:blank', '_blank', 'width=1200,height=800,top=0,left=0,resizable=yes,scrollbars=yes');
        jtPost(url, { check: 1, matchId: matchId || '' }).then(function(res) {
            if (res.ok) {
                if (popup) { popup.location.href = url; } else { window.location.href = url; }
            } else if (popup) {
                popup.close();
            }
        }).catch(function() {
            if (popup) popup.close();
        });
    } else {
        if (matchId) sessionStorage.setItem('jt_pending_action', JSON.stringify({type: 'sbo', matchId: matchId}));
        else sessionStorage.removeItem('jt_pending_action');
        if (typeof scrollToLoginForm === 'function') scrollToLoginForm();
    }
}

</script>

<div id="pasaranPopupOverlay" class="pasaran-popup-overlay">
    <div class="pasaran-popup themed-box">
        <div class="pasaran-popup-inner">
            <div class="pasaran-popup-header">
                <div class="pasaran-popup-select">
                    <button type="button" class="pasaran-popup-select-btn" onclick="ppToggleDropdown()" id="ppSelectBtn">
                        <span id="ppTitle">-</span>
                        <i class="bi bi-chevron-down"></i>
                    </button>
                    <div class="pasaran-popup-dropdown" id="ppDropdown"></div>
                </div>
                <button type="button" class="tx-btn-close" onclick="closePasaranPopup()" aria-label="Tutup"><i class="bi bi-x-lg"></i></button>
            </div>
            <div class="pasaran-popup-meta" id="ppMeta"></div>
            <div class="pasaran-popup-body">
                <table class="themed-table history-table" id="ppTable">
                    <thead>
                        <tr>
                            <th style="width:10%">No.</th>
                            <th>Tanggal</th>
                            <th>Hari</th>
                            <th>Periode</th>
                            <th>Result</th>
                        </tr>
                    </thead>
                    <tbody id="ppTableBody"></tbody>
                </table>
            </div>
            <div class="history-paging pasaran-popup-paging" id="ppPaging" style="display:none;">
                <ul class="h-pages" id="ppPages"></ul>
            </div>
        </div>
    </div>
</div>

<script>
window.addEventListener('message', function(e) {
    if (e.origin !== 'https://fkupon.com') return;
    var iframe = document.querySelector('.iframe-kupon');
    if (!iframe) return;
    var h = null;
    if (e.data && typeof e.data.height === 'number') h = e.data.height;
    else if (typeof e.data === 'number') h = e.data;
    if (h !== null) {
        iframe.style.height = Math.max(60, h) + 'px';
    }
});

// launchGame / copy helpers → main.js

var _ppMarkets       = [];
var _ppCurrentNameid = '';
var PP_PER_PAGE      = 10;

function showPasaranPopup(el) {
    var overlay = document.getElementById('pasaranPopupOverlay');
    var nameid  = el.dataset.nameid || '';
    if (!overlay || !nameid) return;
    overlay.style.display = 'flex';
    ppSelectPasaran(nameid);
}

function ppFindMarket(nameid) {
    for (var i = 0; i < _ppMarkets.length; i++) {
        if (String(_ppMarkets[i].nameid) === String(nameid)) return _ppMarkets[i];
    }
    return null;
}

function ppRenderDropdown() {
    var dd = document.getElementById('ppDropdown');
    if (!dd) return;
    dd.innerHTML = '';
    _ppMarkets.forEach(function (m) {
        var btn = document.createElement('button');
        btn.type = 'button';
        btn.className = 'pasaran-popup-dd-item' + (String(m.nameid) === String(_ppCurrentNameid) ? ' active' : '');
        btn.textContent = m.name || '';
        btn.dataset.nameid = m.nameid || '';
        btn.addEventListener('click', function () { ppSelectPasaran(btn.dataset.nameid); });
        dd.appendChild(btn);
    });
}

function ppSelectPasaran(nameid) {
    var market = ppFindMarket(nameid);
    if (!market) return;
    _ppCurrentNameid = nameid;
    document.getElementById('ppTitle').textContent = market.name || '';
    var ppMetaRows = [
        ['Website', market.web],
        ['Hari Undi', market.hari],
        ['Jam Tutup', market.jam_tutup],
        ['Jam Result', market.jam_result]
    ];
    document.getElementById('ppMeta').innerHTML = ppMetaRows.map(function (r) {
        return '<div class="pasaran-popup-meta-row"><span class="pp-meta-label">' + esc(r[0]) + '</span><span class="pp-meta-value">: ' + esc(r[1] || '-') + '</span></div>';
    }).join('');
    ppRenderDropdown();
    ppCloseDropdown();
    ppLoadKeluaran(1);
}

function ppToggleDropdown() {
    var dd   = document.getElementById('ppDropdown');
    var wrap = document.querySelector('.pasaran-popup-select');
    if (dd) dd.classList.toggle('open');
    if (wrap) wrap.classList.toggle('open');
}

function ppCloseDropdown() {
    var dd   = document.getElementById('ppDropdown');
    var wrap = document.querySelector('.pasaran-popup-select');
    if (dd) dd.classList.remove('open');
    if (wrap) wrap.classList.remove('open');
}

function ppLoadKeluaran(page) {
    var tbody = document.getElementById('ppTableBody');
    tbody.innerHTML = '<tr><td colspan="5" class="text-center pp-loading-cell"><div class="content-loader-wrap"><div class="loader"></div></div></td></tr>';

    jtPostJson('/api/front/pasaran-keluaran', {
            pasaran: _ppCurrentNameid,
            page: page,
            per_page: PP_PER_PAGE
        })
        .then(function (res) {
            if (!res.error || res.error.code !== 200) { ppRenderError(); return; }
            var data = res.data || {};
            ppRenderRows(data.rows || [], data.pagination || {});
        })
        .catch(ppRenderError);
}

function ppRenderError() {
    document.getElementById('ppTableBody').innerHTML = '<tr><td colspan="5" class="text-center pp-empty-cell" style="color:var(--secondary-text-color)">Gagal memuat data.</td></tr>';
    document.getElementById('ppPaging').style.display = 'none';
}

function ppRenderRows(rows, pagination) {
    var tbody = document.getElementById('ppTableBody');
    if (!rows.length) {
        tbody.innerHTML = '<tr><td colspan="5" class="text-center pp-empty-cell" style="color:var(--secondary-text-color)">Tidak ada data.</td></tr>';
    } else {
        var page    = pagination.page || 1;
        var startNo = (page - 1) * PP_PER_PAGE;
        tbody.innerHTML = rows.map(function (row, i) {
            return '<tr>' +
                '<td class="text-center" style="color:var(--secondary-text-color)">' + (startNo + i + 1) + '</td>' +
                '<td class="pp-col-tanggal">' + esc(row.tanggal) + '</td>' +
                '<td class="pp-col-hari">' + esc(row.hari) + '</td>' +
                '<td>' + esc(row.pasaran) + '</td>' +
                '<td class="pp-col-result"><strong>' + esc(row.result) + '</strong></td>' +
                '</tr>';
        }).join('');
    }
    ppRenderPaging(pagination);
}

function ppRenderPaging(pagination) {
    var paging     = document.getElementById('ppPaging');
    var pagesList  = document.getElementById('ppPages');
    var totalPages = pagination.total_pages || 0;
    var page       = pagination.page || 1;

    if (totalPages <= 1) { paging.style.display = 'none'; return; }
    paging.style.display = '';

    pagesList.innerHTML = '';
    function btn(label, targetPage, disabled, active) {
        var li = document.createElement('li');
        var b  = document.createElement('button');
        b.innerHTML = label;
        if (disabled) b.disabled = true;
        if (active)   b.classList.add('active');
        b.addEventListener('click', function () { ppLoadKeluaran(targetPage); });
        li.appendChild(b);
        pagesList.appendChild(li);
    }
    function ellipsis() {
        var li   = document.createElement('li');
        var span = document.createElement('span');
        span.className = 'h-ellipsis';
        span.textContent = '...';
        li.appendChild(span);
        pagesList.appendChild(li);
    }

    btn('First', 1, page === 1, false);

    var winStart = Math.max(1, page - 2);
    var winEnd   = Math.min(totalPages, page + 2);
    for (var p = winStart; p <= winEnd; p++) btn(p, p, false, p === page);

    if (winEnd < totalPages) {
        if (winEnd < totalPages - 1) ellipsis();
        btn(totalPages, totalPages, false, page === totalPages);
    }

    btn('Last', totalPages, page === totalPages, false);
}

function closePasaranPopup() {
    var overlay = document.getElementById('pasaranPopupOverlay');
    if (overlay) overlay.style.display = 'none';
    ppCloseDropdown();
}

document.addEventListener('click', function(e) {
    var overlay = document.getElementById('pasaranPopupOverlay');
    if (overlay && e.target === overlay) closePasaranPopup();

    var selectWrap = document.querySelector('.pasaran-popup-select');
    if (selectWrap && !selectWrap.contains(e.target)) ppCloseDropdown();
});

(function() {
    var PER_PAGE = 10;

    function initTogelPagination() {
        var wrap = document.querySelector('.togel-list-guest');
        if (!wrap) return;

        var rows = Array.prototype.slice.call(wrap.querySelectorAll('.togel-list-row'));
        var total = rows.length;
        if (total <= PER_PAGE) return;

        var totalPages = Math.ceil(total / PER_PAGE);
        var currentPage = 1;

        function showPage(page) {
            currentPage = page;
            rows.forEach(function(row, i) {
                var start = (page - 1) * PER_PAGE;
                row.style.display = (i >= start && i < start + PER_PAGE) ? 'flex' : 'none';
            });
            renderPager();
        }

        function renderPager() {
            var pager = document.getElementById('togelListPager');
            if (!pager) return;
            pager.innerHTML = '';

            for (var p = 1; p <= totalPages; p++) {
                (function(pg) {
                    var dot = document.createElement('button');
                    dot.className = 'tlp-dot' + (pg === currentPage ? ' active' : '');
                    dot.addEventListener('click', function() { showPage(pg); });
                    pager.appendChild(dot);
                })(p);
            }
        }

        var pager = document.createElement('div');
        pager.id = 'togelListPager';
        pager.className = 'togel-list-pager';
        wrap.parentNode.insertBefore(pager, wrap.nextSibling);

        var touchStartX = 0;
        wrap.addEventListener('touchstart', function(e) {
            touchStartX = e.changedTouches[0].clientX;
        }, { passive: true });
        wrap.addEventListener('touchend', function(e) {
            var dx = e.changedTouches[0].clientX - touchStartX;
            if (Math.abs(dx) < 40) return;
            if (dx < 0 && currentPage < totalPages) showPage(currentPage + 1);
            if (dx > 0 && currentPage > 1)           showPage(currentPage - 1);
        }, { passive: true });

        showPage(1);
    }

    initTogelPagination();
})();

(function() {
    var btn = document.querySelector('.togel-panel-more');
    if (!btn) return;
    btn.addEventListener('click', function() {
        var wrap = btn.closest('.togel-panel');
        if (wrap) wrap.classList.toggle('togel-panel--open');
    });
})();

function jtBootHomePartial() {
    var isLoggedIn = false;
    var bootMarkets = [{"name":"WYONG","nameid":"WYG","periode":"075","status":1,"web":"www.wyongpools.com","hari":"Setiap Hari","jam_tutup":"06:30 WIB","jam_result":"07:00 WIB","result":"9536","date":"16/10/2026"},{"name":"HK SIANG","nameid":"HKD","periode":"942","status":1,"web":"www.hkpools1.com","hari":"Setiap Hari","jam_tutup":"10:30 WIB","jam_result":"11:00 WIB","result":"0775","date":"15/10/2026"},{"name":"GANZHOU DAY","nameid":"GHZD","periode":"068","status":1,"web":"www.ganzhoupools.com","hari":"Setiap Hari","jam_tutup":"12:30 WIB","jam_result":"13:00 WIB","result":"5202","date":"15/10/2026"},{"name":"KOREA","nameid":"KRL","periode":"073","status":1,"web":"www.koreanlotto.com","hari":"Setiap Hari","jam_tutup":"16:00 WIB","jam_result":"16:30 WIB","result":"7154","date":"15/10/2026"},{"name":"SINGAPORE","nameid":"SG","periode":"895","status":1,"web":"www.singaporepools.com.sg","hari":"Senin, Rabu, Kamis, Sabtu, Minggu","jam_tutup":"17:30 WIB","jam_result":"17:45 WIB","result":"0314","date":"15/10/2026"},{"name":"GANZHOU NIGHT","nameid":"GHZN","periode":"072","status":1,"web":"www.ganzhoupools.com","hari":"Setiap Hari","jam_tutup":"18:30 WIB","jam_result":"19:00 WIB","result":"3468","date":"15/10/2026"},{"name":"MALAYSIA","nameid":"MY","periode":"125","status":1,"web":"www.malaysialottery.net","hari":"Setiap Hari","jam_tutup":"18:30 WIB","jam_result":"19:00 WIB","result":"5171","date":"15/10/2026"},{"name":"SHANGHAI","nameid":"SHL","periode":"071","status":1,"web":"www.shanghailotto.com","hari":"Setiap Hari","jam_tutup":"20:40 WIB","jam_result":"21:00 WIB","result":"4578","date":"15/10/2026"},{"name":"HONGKONG","nameid":"HK","periode":"128","status":1,"web":"www.hongkongpools.com","hari":"Setiap Hari","jam_tutup":"22:15 WIB","jam_result":"23:00 WIB","result":"7345","date":"15/10/2026"},{"name":"TOTO WUHAN","nameid":"TWH","periode":"961","status":1,"web":"www.totowuhan.com","hari":"Setiap Hari ( 09:00 | 12:00 | 15:00 | 18:00 | 21:00 | 00:00 )","jam_tutup":"Tiap 3 jam","jam_result":"Tiap 3 jam","result":"6551","date":"16/10/2026"}];

    function renderTogelCards(markets) {
        var panel = document.getElementById('togel-panel');
        if (!panel) return;

        var loading = panel.querySelector('.togel-cards-loading');
        if (loading) loading.remove();

        var moreBtn = panel.querySelector('.togel-panel-more');
        panel.querySelectorAll('.togel-grid-row').forEach(function (el) { el.remove(); });

        var mid  = markets.length > 10 ? Math.ceil(markets.length / 2) : Math.min(markets.length, 12);
        var rows = [markets.slice(0, mid), markets.slice(mid)];

        rows.forEach(function (row) {
            if (!row.length) return;
            var rowDiv = document.createElement('div');
            rowDiv.className = 'togel-grid-row';

            row.forEach(function (m) {
                var card = document.createElement('div');
                card.className = 'togel-card';

                var inner = '<div class="market-name">'  + esc(m.name)   + '</div>' +
                            '<div class="market-code">'  + esc(m.result) + '</div>' +
                            '<div class="market-info">'  + esc(m.date)   + '</div>';

                if (isLoggedIn) {
                    var isMarketOnline = String(m.status) === '1';
                    if (isMarketOnline) {
                        var marketCode = (m.nameid || '') + '-' + (m.periode || '');
                        card.setAttribute('onclick', "content('/togel-detail.php?market=" + encodeURIComponent(marketCode) + "','#content')");
                    } else {
                        card.setAttribute('onclick', "content('/togel.php','#content')");
                    }
                } else {
                    card.setAttribute('onclick', 'showPasaranPopup(this)');
                    card.dataset.nameid    = m.nameid     || '';
                    card.dataset.market    = m.name       || '';
                    card.dataset.website   = m.web        || '';
                    card.dataset.hari      = m.hari       || 'Setiap Hari';
                    card.dataset.jamTutup  = m.jam_tutup  || '-';
                    card.dataset.jamResult = m.jam_result || '-';

                    inner += '<div class="tc-guest-detail">' +
                        '<div class="tc-dr"><span>Web</span><span>'    + esc(m.web)       + '</span></div>' +
                        '<div class="tc-dr"><span>Buka</span><span>'   + esc(m.hari)      + '</span></div>' +
                        '<div class="tc-dr"><span>Tutup</span><span>'  + esc(m.jam_tutup) + '</span></div>' +
                        '<div class="tc-dr"><span>Result</span><span>' + esc(m.jam_result)+ '</span></div>' +
                        '</div>';
                }

                card.innerHTML = inner;
                rowDiv.appendChild(card);
            });

            panel.insertBefore(rowDiv, moreBtn || null);
        });

        updateTogelMoreBtn(panel, moreBtn);
    }

    function updateTogelMoreBtn(panel, moreBtn) {
        if (!moreBtn) return;
        var check = function() {
            var cards = panel.querySelectorAll('.togel-card');
            var multiRow = false;
            if (cards.length) {
                var firstTop = cards[0].offsetTop;
                for (var i = 1; i < cards.length; i++) {
                    if (cards[i].offsetTop > firstTop + 1) { multiRow = true; break; }
                }
            }
            moreBtn.style.display = multiRow ? '' : 'none';
            if (!multiRow) {
                panel.classList.remove('togel-panel--open');
                panel.style.maxHeight = panel.scrollHeight + 'px';
            } else if (!panel.classList.contains('togel-panel--open')) {
                var secondTop = null;
                for (var j = 0; j < cards.length; j++) {
                    if (cards[j].offsetTop > firstTop + 1) { secondTop = cards[j].offsetTop; break; }
                }
                var peek = cards[0].offsetHeight * 0.12;
                panel.style.maxHeight = secondTop !== null ? (secondTop + peek) + 'px' : '';
            }
        };
        check();
        window.addEventListener('resize', check, { passive: true });
        window.addEventListener('load', check);
    }

    if (Array.isArray(bootMarkets) && bootMarkets.length) {
        _ppMarkets = bootMarkets;
        renderTogelCards(bootMarkets);
    }

    if (typeof initHomeGameImageFallback === 'function') {
        initHomeGameImageFallback(document);
    }

    (function() {
        function enableDragScroll(el) {
            var isDown = false, startX, scrollLeft;
            el.addEventListener('mousedown', function(e) {
                isDown = true;
                el.style.cursor = 'grabbing';
                startX = e.pageX - el.offsetLeft;
                scrollLeft = el.scrollLeft;
                e.preventDefault();
            });
            el.addEventListener('mouseleave', function() { isDown = false; el.style.cursor = ''; });
            el.addEventListener('mouseup',    function() { isDown = false; el.style.cursor = ''; });
            el.addEventListener('mousemove',  function(e) {
                if (!isDown) return;
                el.scrollLeft = scrollLeft - (e.pageX - el.offsetLeft - startX);
            });
        }
        document.querySelectorAll('.home-view .game-scroll-wrap, .home-view .togel-grid-wrap').forEach(enableDragScroll);
    })();

    (function () {
        document.querySelectorAll('.home-view .game-scroll-wrap').forEach(function (wrap) {
            if (wrap.parentNode && wrap.parentNode.classList.contains('game-scroll-outer')) return;

            var outer = document.createElement('div');
            outer.className = 'game-scroll-outer';
            wrap.parentNode.insertBefore(outer, wrap);
            outer.appendChild(wrap);

            var btnL = document.createElement('button');
            var btnR = document.createElement('button');
            btnL.className = 'game-scroll-btn game-scroll-btn-l';
            btnR.className = 'game-scroll-btn game-scroll-btn-r';
            btnL.type = 'button';
            btnR.type = 'button';
            btnL.innerHTML = '&#8249;';
            btnR.innerHTML = '&#8250;';
            outer.appendChild(btnL);
            outer.appendChild(btnR);

            function update() {
                var canL = wrap.scrollLeft > 0;
                var canR = wrap.scrollLeft < wrap.scrollWidth - wrap.clientWidth - 1;
                btnL.style.display = canL ? 'flex' : 'none';
                btnR.style.display = canR ? 'flex' : 'none';
            }

            function cardWidth() {
                var card = wrap.querySelector('.game-card');
                if (!card) return 120;
                return card.offsetWidth + 10;
            }
            btnR.addEventListener('click', function () {
                wrap.scrollBy({ left: cardWidth(), behavior: 'smooth' });
            });
            btnL.addEventListener('click', function () {
                wrap.scrollBy({ left: -cardWidth(), behavior: 'smooth' });
            });

            wrap.addEventListener('scroll', update);
            window.addEventListener('resize', update);
            update();
        });
    })();
}

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', jtBootHomePartial);
} else {
    jtBootHomePartial();
}
</script>
</div>
    
    
<!-- Transaksi Start -->



<style>

    .transaksi-group {
        display: grid;
        grid-template-columns: 458px 1fr;
        justify-content: space-between;
        grid-template-areas:
        "transaksi-bank transaksi-other transaksi-crypto";
    }
    
    .transaksi-bank {
        grid-area: transaksi-bank;
        display: grid;
        place-items: center
    }
    
    .transaksi-other {
        grid-area: transaksi-other;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    
    .transaksi-crypto {
        grid-area: transaksi-crypto;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    
    .icon-crypto {
        width: 24px;
        height: 24px;
    }
    
    .transaksi-list-bank {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(4, 92px);
        grid-template-rows: repeat(4, auto);
        gap: 4px;
    }
    
    .transaksi-list-other {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(3, 92px);
        gap: 4px;
    }
    
    .transaksi-list-crypto {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(2, 80px);
        gap: 10px 8px;
    }
    
    
    .transaksi-item {
        display: flex;
        flex-direction: column;
        /* transform: perspective(10px) rotateX(3deg); */
    }
    
    .transaksi-header {

        height: 30px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        font-weight: bold;
        border: 2px solid rgba(108,108,108,1);
        background: rgba(54,54,54,1);
        color: white;
    }
    
    .transaksi-status {
        margin-left: 3px;
        margin-right: 3px;
        height: 3px;
        border-radius: 0px 0px 4px 4px;
        background: rgb(54,54,54);
        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
    }
    
    .header-green {
        background: rgba(44,121,6,1);
        border-color: rgba(168,255,0,1);
    }
    
    .header-blue {
        background: rgba(0,80,89,1);
        border-color: rgba(0,255,204,1);
    }
    
    .status-green {
        background: rgb(44,121,6);
        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
    }
    
    .status-blue {
        background: rgb(0,80,89);
        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
    }
    
    .transaksi-name {
        font-size: 1.1rem; 
        font-weight: bold; 
        line-height: 1.5rem
    }
    
    .transaksi-wrapper {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }


    @media only screen and (max-width: 768px) {
        
        .transaksi-group {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-areas:
            "transaksi-bank"
            "transaksi-other"
            "transaksi-crypto";
            gap: 32px;
            margin-bottom: 8px;
            
        }
        
        .transaksi-header {
            font-size: 1.1rem;
            height: 36px;
        }
        
        .transaksi-list-bank {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list-other {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list-crypto {
            width: 86%;
            margin: auto;
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }
        
        .transaksi-item {
            width: 100%;
        }
        
        .transaksi-title-group {
            justify-content: center;
            padding: 16px 0;
        }
        
        .transaksi-name {
            font-size: 1.3rem;
            text-align: center;    
            line-height: 1.8rem;
        }

        .transaksi-wrapper {
            width: 100%;
            max-width: 100%!important;
            gap: 1rem;
        }
        
        .icon-crypto {
            width: 28px;
            height: 28px;
        }

    }
</style>

    
    <style>
        .transaksi-wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start;
}

.transaksi-name {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5rem;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.transaksi-list-bank, .transaksi-list-other {
    grid-template-columns: repeat(4, minmax(110px, 1fr));
    gap: 8px 10px;
}


.transaksi-list-bank, .transaksi-list-other {
    height: fit-content;
    display: grid;
    grid-template-columns: repeat(4, minmax(80px, 1fr));
    gap: 4px 6px;
}


.transaksi-item {
    display: flex;
    flex-direction: column;
    position: relative;
}
.transaksi-header {
    height: 34px;
    border-radius: 6px;
    font-weight: bold;
    border: 2px solid rgba(108, 108, 108, 1);
    background: rgba(54, 54, 54, 1);
    color: white;
    min-width: 110px;
    padding: 0 16px 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}

.transaksi-header {
    border: none;
    padding: 0px;
    padding-bottom: 4px;
}

.transaksi-header.is-online::before {
    content: "";
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 4px;
    bottom: 0%;
    background-color: #00ff66;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 255, 102, .85);
}

.transaksi-header.is-offline {
    padding: 0 16px;
    background: #2e2e2e;
    border-color: #555;
    opacity: .35;
    align-items: center;
    justify-content: center;
    text-align: center;
}
    </style>

 <div class="section desktop-only" style="min-height: 220px">

<div class="transaksi-group">
    <div class="transaksi-bank">

            <div class="transaksi-wrapper">
                <div class="transaksi-name">Bank Lokal</div>
                
                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                                                        <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                                                                                <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                                                
                </div>
                <div class="carousel-inner" style="min-height: 144px">
                                            <div class="carousel-item active" style="min-height: 144px">
                            <div class="transaksi-list-bank">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BCA</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Mandiri</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BNI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BRI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">CIMB</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Danamon</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Permata</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BJB</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">PANIN</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">OCBC</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">DKI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">SUMUT</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BSI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">NEO</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">JAGO</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">SeaBank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                            </div>
                        </div>
                    
                                            <div class="carousel-item " style="min-height: 144px">
                            <div class="transaksi-list-bank">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">DBS</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">NOBU</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Maybank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Mestika</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Sinarmas</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Mega</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">UOB</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BluBCA</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Superbank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Allobank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">SAQU</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                            
                            </div>
                        </div>
                    
                     
                     
                  </div>
                </div>

        </div>
    </div>
    
    <div class="transaksi-other">
            
            
            <div class="transaksi-wrapper" style="max-width: 458px">

                <div class="transaksi-name">E Money & Pulsa</div>

    
                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                                                                        <button type="button" data-bs-target="#transaksi-other-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                                                                                                            <button type="button" data-bs-target="#transaksi-other-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                                                            
                    </div>
                  <div class="carousel-inner" style="min-height: 144px">
                                            <div class="carousel-item active">
                            <div class="transaksi-list-other">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">QRIS</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">AntarBank</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Telkomsel</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Axiata</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Jenius</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">DANA</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">OVO</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">ShopeePay</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">GOPAY</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">LinkAja</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Sakuku</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">AstraPay</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                            </div>
                        </div>
                    
                                            <div class="carousel-item ">
                            <div class="transaksi-list-other">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Lain-lain</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                            
                            </div>
                        </div>
                    
                     
                     
                </div>
            </div>
        </div>
        
        
        
    </div>
    
     <div class="transaksi-crypto">
    <div class="transaksi-wrapper" style="max-width: 284px">

                <div class="transaksi-name mb-1">Crypto Currency</div>

    
                <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                        
                    </div>
                  <div class="carousel-inner" >
                     
                     
                </div>
            </div>
        </div>
    </div>
</div>

</div>


        


    <footer class="site-footer">
<div class="section">

    <div class="footer-nav">
                <a href="javascript:void(0)" onclick="openCms('tentang')">TENTANG KAMI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('bantuan')">BANTUAN</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('peraturan')">PERATURAN</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('bank')">INFORMASI BANK</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('hubungi')">HUBUNGI KAMI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('privasi')">KEBIJAKAN PRIVASI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('cookies')">PERSETUJUAN COOKIES</a>
            </div>

    <div class="footer-guidelines-wrap">
        <img src="https://img.viva88athenae.com/new/guidelines.png?v=1791889411" alt="Guidelines" class="footer-guidelines-img" width="929" height="52">
    </div>

    <div class="footer-providers">
        <img src="https://img.viva88athenae.com/assets/provider_w.png?v=1791889411" alt="Provider Logos" class="d-none d-md-block" style="margin:0 auto;" width="1201" height="124">
        <img src="/images/new/provider-mobile.png?v=1791889411" alt="Provider Logos" class="d-md-none" width="600" height="262" style="max-width:100%;height:auto;">
    </div>

        <div class="footer-meta"><script type="text/javascript">
  $('<div style="margin-top: 14px; margin-bottom: 14px; display: flex; flex-direction: column; align-items: center; width: 100%;"><div style="color: var(--text-color); font-weight: 900; font-size: 1.05rem; letter-spacing: 1.5px; margin-bottom: 6px; display: flex; align-items: center; gap: 8px; text-transform: uppercase;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="var(--primary-color)" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/></svg> OFFICIAL PARTNER</div><a href="https://urlkilat.com/slot155" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_sxJIlv5BMgd7gDwUFgdzl7_uj7OT87ycGLMAaltUl-k4eLKlq6tJ59J52zQdS5_-gp0rUvc3QXIR6dIEoke3Qw0O5QfWRA9ZoGx27vw7eYK9DflcuCWTxrluxjBOPvkD5wy1ygD_94UtdgFTEfhzK7miVaHGS8ng_xRd41-Me32WnSkhvmj_GQ5NX8/s16000/logo-slot155.png" alt="Official Partner" style="width: 160px; max-width: 100%; height: auto; object-fit: contain;"></a></div>').insertBefore('.btn-tele');
</script>

<a href="https://slot177ez.com/">SLOT177</a> hadir sebagai platform game daring paling trendi pilihan masa kini. Rasakan keseruan tanpa batas dan fitur modern bersama <a href="https://slot177nyala.com/">SLOT 177</a> terbaik.</div>
    
    
    <!-- LIVE CHAT -->
    
    
    <!-- LiveChat Internal -->
        <style id="cs-embed-custom-styles">
    /* Generated widget appearance — theme: light */
.cs-embed {
  --cs-primary: #5b595c;
  --cs-secondary: #5b595c;
  --cs-panel-width: 360px;
  --cs-panel-height: 520px;
  --cs-footer-bg: #fff;
  --cs-footer-border: #f1f5f9;
  --cs-input-row-bg: #f1f5f9;
  --cs-input-text: #111827;
  --cs-input-muted: #64748b;
  --cs-upload-bg: #fff;
  --cs-upload-border: #cbd5e1;
  --cs-upload-icon: #334155;
  --cs-image-preview-bg: #eff6ff;
  --cs-image-preview-border: #dbeafe;
  --cs-closed-notice: #9ca3af;
  --cs-scrollbar-track: #eef2f7;
  --cs-scrollbar-thumb: #cbd5e1;
  --cs-scrollbar-thumb-hover: #94a3b8;
  --cs-messages-bg: #f8fafc;
  --cs-sticky-banner-bg: #fffbeb;
  --cs-sticky-banner-border: #fde68a;
  --cs-sticky-banner-inner-bg: #fff;
  --cs-sticky-banner-inner-border: #fde68a;
  --cs-sticky-banner-text: #92400e;
  right: 24px; left: auto; align-items: flex-end;
}

.cs-embed .cs-panel {
  background: #fff;
  color: #111827;
}

.cs-embed .cs-bubble--agent {
  background: #fff;
  color: #111;
  border-color: #e5e7eb;
}

.cs-toggle:not(.cs-toggle--banner) {
  background: var(--cs-primary);
  box-shadow: 0 4px 12px rgba(91, 89, 92, 0.4);
}

.cs-header {
  background: linear-gradient(135deg, #5b595c, #5b595c);
}

.cs-bubble--customer {
  background: #5b595c;
  color: #ffffff;
}    </style>
    <script src="https://service.lc1001ai.com/embed.js"></script>
    <script>
                (function () {
            var chatServiceUrl = "https://service.lc1001ai.com";
            var channelId = "6a87d68d498ca8c6baaaff4e";
            var credentials = "";
            var showWidget = true;
            window.CsChatEmbed
            .init({
                chatServiceUrl: chatServiceUrl,
                channelId: channelId,
                credentials: credentials,
                createWidget: true,
                showWidget: showWidget,
                fetchAppearance: false,
            })
            .then(function (result) {
                console.log("Chat connected, sessionId:", result.sessionId);
            })
            .catch(function (err) {
                console.error("Chat init failed:", err);
            });
        })();
    </script>

    <div class="footer-group">

        <div class="footer-copyright">
            <div style="white-space:nowrap">
                &copy; 2015 &ndash; 2026                Copyright                SLOT177.
                All Rights Reserved.
            </div>
        </div>

                <div class="footer-wap-btn" onclick='window.location.href="/wap"'>WAP</div>
        
    </div>

</div>
</footer>    <nav class="navbar fixed-bottom p-0 d-md-none" style="z-index:10000">
  <div class="container-fluid px-0">
    <div style="display:grid;grid-template-columns:repeat(4,1fr);width:100%;">

      
        <a href="/home" onclick="openPage('home',this); window.scrollTo({top:0,behavior:'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="home">
          <i class="bi bi-house-fill" style="font-size:20px;"></i>
          <small>Home</small>
        </a>

        <a href="/promosi" onclick="openPage('promosi',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="promosi">
          <i class="bi bi-gift-fill" style="font-size:20px;"></i>
          <small>Promosi</small>
        </a>

        <a href="/event" onclick="openPage('event',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="event">
          <i class="bi bi-calendar-event-fill" style="font-size:20px;"></i>
          <small>Event</small>
        </a>

                              <div class="chat-dial-wrap bottom-menu d-flex flex-column justify-content-around align-items-center py-2" style="position:relative;">
              <a href="javascript:void(0)" onclick="toggleChatDial(event)" class="text-decoration-none d-flex flex-column justify-content-around align-items-center" style="color:inherit;">
                <img src="https://img.viva88athenae.com/navbar/chat_w.png?v=1791889411" alt="" style="width:20px;height:20px;object-fit:contain;">
                <small>Chat</small>
              </a>
              <div class="chat-dial-list" id="chatDialList">
                                  <a href="https://wa.me/6287830863938" target="_blank" class="chat-dial-item" title="WhatsApp">
                    <img src="https://img.viva88athenae.com/whatsapp.png?v=1791889411" alt="WhatsApp">
                  </a>
                                  <a href="https://t.me/Slot177" target="_blank" class="chat-dial-item" title="Telegram">
                    <img src="https://img.viva88athenae.com/telegram.png?v=1791889411" alt="Telegram">
                  </a>
                                                  <a href="javascript:void(0)" onclick="window.CsChatEmbed.openChat(); return false;" class="chat-dial-item chat-dial-livechat" title="Livechat">
                    <img src="https://img.viva88athenae.com/navbar/livechat_w.png?v=1791889411" alt="Livechat">
                  </a>
                              </div>
            </div>
                  
      
    </div>
  </div>
</nav>

<script>
  function toggleChatDial(e) {
    e.stopPropagation();
    document.getElementById('chatDialList').classList.toggle('open');
  }
  document.addEventListener('click', function (e) {
    var list = document.getElementById('chatDialList');
    if (!list) return;
    // close when clicking outside, or after picking any dial item (livechat included)
    if (!e.target.closest('.chat-dial-wrap') || e.target.closest('.chat-dial-item')) {
      list.classList.remove('open');
    }
  });
</script>

    <div class="offcanvas offcanvas-end w-100" tabindex="-1" id="offcanvasExample">

      <div class="offcanvas-body p-0">

        <div class="d-grid gap-2 mt-2 px-3 offcanvas-user-menu">
          <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-clock-fill me-2 accent-text-color"></i> History
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
    <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/Slot177.apk','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-android2 me-2 accent-text-color"></i> Download App
    </div>
    <img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/slot177_bot','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
    </div>
    <img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')">
    <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
</button>        </div>

      </div>
    </div>

    <div id="desktopUserDropdown" class="desktop-user-dropdown">
      <div class="d-grid">
        <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-clock-fill me-2 accent-text-color"></i> History
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
    <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/Slot177.apk','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-android2 me-2 accent-text-color"></i> Download App
    </div>
    <img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/slot177_bot','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
    </div>
    <img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')">
    <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
</button>      </div>
    </div>

    <script src="/js/new/vendor/bootstrap.bundle.min.js?v=1791889411"></script>
    <script src="/js/new/main.js?v=1791889411"></script>
    
    <script>
        window.JT_SSR_PATH = "\/home.php";
                setTimeout(function() {
                    const mobileForm = document.querySelector('#mobilelogin form') || 
                                      document.querySelector('#mobilelogin .login-form') ||
                                      document.querySelector('.mobile-only form');
                    
                    if (!mobileForm) {
                        return;
                    }
                    
                    const username = mobileForm.querySelector('input[name="username"]');
                    const password = mobileForm.querySelector('input[name="password"]');
                    const remember = document.querySelector('#rememberMe') || 
                                    document.querySelector('input[type="checkbox"]');
                    
                    if (!username || !password || !remember) {
                        return;
                    }
                    
                    
                    
                    try {
                        localStorage.setItem('test', 'working');
                        if (localStorage.getItem('test') === 'working') {
                            localStorage.removeItem('test');
                        } else {
                            return;
                        }
                    } catch(e) {
                        return;
                    }
                    
                    initializeRememberMe();
                    loadSavedData();
                    
                    mobileForm.addEventListener('submit', handleSave);
                    mobileForm.addEventListener('click', function(e) {
                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
                            handleSave();
                        }
                    });
                    remember.addEventListener('change', function() {
                        if (!this.checked) {
                            clearSavedData();
                            localStorage.setItem('mobile_remember_unchecked', 'true');
                        } else {
                            localStorage.removeItem('mobile_remember_unchecked');
                        }
                    });
    
                    function initializeRememberMe() {
                        try {
                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
                                remember.checked = false;
                            } else {
                                remember.checked = true;
                            }
                        } catch(e) {
                            remember.checked = true;
                        }
                    }
                    
                    function loadSavedData() {
                        try {
                            
                            const savedUsername = localStorage.getItem('mobile_username');
                            const savedPassword = localStorage.getItem('mobile_password');
                            
                            
                            
                            const rememberChecked = localStorage.getItem('mobile_remember');
                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
                                username.value = savedUsername;
                                password.value = savedPassword;
                            }
                        } catch(e) {
                            // console.log('Error loading data:', e);
                        }
                    }
                    
                    function handleSave() {
                        if (remember.checked) {
                            const usernameVal = username.value.trim();
                            const passwordVal = password.value.trim();
                            
                            if (usernameVal && passwordVal) {
                                try {
                                    localStorage.setItem('mobile_username', usernameVal);
                                    localStorage.setItem('mobile_password', passwordVal);
                                    localStorage.setItem('mobile_remember', 'true');
                                    localStorage.setItem('mobile_login_success', 'true');
                                } catch(e) {
                                    // console.log('Error saving data:', e);
                                }
                            }
                        } else {
                            clearSavedData();
                            localStorage.setItem('mobile_login_success', 'true');
                        }
                    }
                    
                    function clearSavedData() {
                        try {
                            localStorage.removeItem('mobile_username');
                            localStorage.removeItem('mobile_password');
                            localStorage.removeItem('mobile_remember');
                        } catch(e) {
                            // console.log('Error clearing data:', e);
                        }
                    }
                }, 100); // Wait 100ms
    </script>

    <script>
        var JT_GUEST_MAP = {
            '':            '/' + 'home' + '.php',
            'home':        '/' + 'home' + '.php',
            'togel':       '/togel.php',
            'kupon':       '/kupon.php',
            'promosi':     '/' + 'promosi' + '.php',
            'event':       '/' + 'event' + '.php',
            'register':    '/' + 'register' + '.php',
            'slot':        '/game.php?content=slot',
            'casino':      '/game.php?content=casino',
            'sport':       '/' + 'game' + '.php?' + 'content=sport',
            'sabung':      '/' + 'game' + '.php?' + 'content=sabung',
            'arcade':      '/game.php?content=arcade',
            'interactive': '/game.php?content=interactive',
        };
        
        if (window.matchMedia("(max-width: 768px)").matches) {
            JT_GUEST_MAP.register = '/' + 'mregister' + '.php';
        }

        var JT_URL_PREFIX = "";

        function jtGuestAjaxPathFromLocation() {
            var re = new RegExp('^' + (JT_URL_PREFIX ? JT_URL_PREFIX.replace(/\//g, '\\/') : '') + '\\/([^/?#]*)');
            var match = location.pathname.match(re);
            var slug = match ? match[1] : '';
            return JT_GUEST_MAP[slug] || '/home.php';
        }

        function jtGuestUrlForPath(path) {
            var gameMatch = path.match(/^\/game\.php\?content=([a-z]+)/);
            if (gameMatch) return JT_URL_PREFIX + '/' + gameMatch[1];
            for (var slug in JT_GUEST_MAP) {
                if (JT_GUEST_MAP[slug] === path) {
                    return slug === '' ? JT_URL_PREFIX + '/' : JT_URL_PREFIX + '/' + slug;
                }
            }
            return null;
        }

        function jtUpdateBrowserUrl(path) {
            var cleanUrl = jtGuestUrlForPath(path);
            if (cleanUrl && window.history) {
                history.pushState({ path: path }, '', cleanUrl);
            }
        }

        var _initGuestPath = jtGuestAjaxPathFromLocation();
        history.replaceState({ path: _initGuestPath }, '', location.href);

        function initGuestShell() {
            var path = jtGuestAjaxPathFromLocation();
            var homeMenu = path === '/home.php'
                ? (window.innerWidth >= 768
                    ? document.querySelector('.desktop-nav-link[data-nav="home"]')
                    : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]'))
                : null;

            // Skip AJAX jika home sudah di-SSR.
            if (window.JT_SSR_PATH && window.JT_SSR_PATH === path) {
                $('.lobby-menu, .desktop-nav-link').removeClass('active');
                if (homeMenu) $(homeMenu).addClass('active');
                if (typeof waitForCss === 'function') waitForCss(ASYNC_CSS_IDS);
                return;
            }

            content(path, '#content', homeMenu, true);
        }

        window.addEventListener('popstate', function (e) {
            var path = e.state && e.state.path;
            if (path) content(path, '#content', null, true);
        });

        // Heartbeat 60 detik — cek maintenance mode diaktifkan admin saat guest lagi buka web
        setInterval(function () {
            fetch('/api/front/maintenance-status')
                .then(function (r) { return r.json(); })
                .then(function (res) {
                    if (res.data && res.data.maintenance) {
                        window.location.href = '/maintenance';
                    }
                })
                .catch(function () {});
        }, 60000);

        $('#modal').on('hidden.bs.modal', function () {
            $('.navbar.fixed-bottom').css('z-index', '9999');
        });

        function syncOffcanvasBounds() {
            if (window.innerWidth >= 768) return;

            var topNav = document.querySelector('nav.navbar.d-md-none:not(.fixed-bottom)');
            var bottomNav = document.querySelector('nav.navbar.fixed-bottom');
            var top = topNav ? Math.round(topNav.getBoundingClientRect().bottom) : 56;
            var bottom = bottomNav
                ? Math.round(window.innerHeight - bottomNav.getBoundingClientRect().top)
                : 58;
            // navbar atas bukan fixed: kalau halaman ter-scroll (mis. setelah
            // buka menu Statement/History/dll lewat content()), rect.bottom bisa
            // negatif dan bikin sisi atas offcanvas + backdrop kepotong.
            top = Math.max(0, top);
            bottom = Math.max(0, bottom);

            document.documentElement.style.setProperty('--offcanvas-top', top + 'px');
            document.documentElement.style.setProperty('--offcanvas-bottom', bottom + 'px');
        }

        document.addEventListener('DOMContentLoaded', syncOffcanvasBounds);
        window.addEventListener('resize', syncOffcanvasBounds);

        $('#offcanvasExample').on('show.bs.offcanvas', function () {
            syncOffcanvasBounds();
            $('#providerBackdrop, #providerOverlay').remove();
            var modalInst = bootstrap.Modal.getInstance(document.getElementById('modal'));
            if (modalInst) modalInst.hide();
        });

        /* ── Nav horizontal scroll (desktop) ───────────────────────────── */
        (function () {
            var navEl = document.querySelector('.desktop-mainnav .ms-auto');
            if (!navEl) return;

            /* mouse-wheel → horizontal scroll */
            navEl.addEventListener('wheel', function (e) {
                if (e.deltaY !== 0) {
                    e.preventDefault();
                    navEl.scrollLeft += e.deltaY;
                }
            }, { passive: false });

            /* scroll arrow buttons */
            var btnL = document.createElement('button');
            var btnR = document.createElement('button');
            [btnL, btnR].forEach(function (b) {
                b.style.cssText = 'position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:var(--primary-background-color);border:1px solid var(--border-color);color:var(--primary-text-color);width:28px;height:40px;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;border-radius:4px;';
            });
            btnL.innerHTML = '&#8249;';
            btnR.innerHTML = '&#8250;';
            btnL.style.fontSize = btnR.style.fontSize = '20px';

            var nav = document.querySelector('.desktop-mainnav');
            if (nav) {
                nav.style.position = 'relative';
                nav.appendChild(btnL);
                nav.appendChild(btnR);
            }

            function placeArrows() {
                var navRect = nav ? nav.getBoundingClientRect() : null;
                var logoEl  = nav ? nav.querySelector('.navbar-brand') : null;
                var logoRight = logoEl ? logoEl.getBoundingClientRect().right : 0;
                btnL.style.left  = (logoRight - (navRect ? navRect.left : 0) + 4) + 'px';
                btnR.style.right = '4px';
            }

            function updateArrows() {
                placeArrows();
                var canL = navEl.scrollLeft > 0;
                var canR = navEl.scrollLeft < navEl.scrollWidth - navEl.clientWidth - 1;
                btnL.style.display = canL ? 'flex' : 'none';
                btnR.style.display = canR ? 'flex' : 'none';
            }

            var scrollTimer;
            function scrollBy(dir) {
                scrollTimer = setInterval(function () { navEl.scrollLeft += dir * 8; }, 16);
            }
            btnL.addEventListener('mousedown', function () { scrollBy(-1); });
            btnR.addEventListener('mousedown', function () { scrollBy(1);  });
            document.addEventListener('mouseup', function () { clearInterval(scrollTimer); });

            navEl.addEventListener('scroll', updateArrows);
            window.addEventListener('resize', updateArrows);
            updateArrows();
        })();

        function toggleDesktopUserMenu(e) {
            e.stopPropagation();
            document.getElementById('desktopUserDropdown').classList.toggle('open');
        }
        function closeDesktopUserMenu() {
            var d = document.getElementById('desktopUserDropdown');
            if (d) d.classList.remove('open');
        }
        document.addEventListener('click', function(e) {
            if (!e.target.closest('#desktopUserDropdown')) closeDesktopUserMenu();
            if (!e.target.closest('.tpl-picker-wrap')) {
                var dd = document.getElementById('tplPickerDd');
                if (dd) dd.classList.remove('open');
            }
        });

        function toggleTplPicker(e) {
            e.stopPropagation();
            closeDesktopUserMenu();
            document.getElementById('tplPickerDd').classList.toggle('open');
        }


        (function() {
            var days = ['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'];
            var daysShort = ['Min','Sen','Sel','Rab','Kam','Jum','Sab'];
            var p = n => String(n).padStart(2,'0');
            function updateClock() {
                var now = new Date();
                var isMobile = window.innerWidth < 768;
                var dayName = isMobile ? daysShort[now.getDay()] : days[now.getDay()];
                var text = dayName + ' ' + p(now.getDate()) + '/' + p(now.getMonth()+1) + '/' + now.getFullYear();
                if (!isMobile) text += ' ' + p(now.getHours()) + ':' + p(now.getMinutes()) + ':' + p(now.getSeconds());
                var el = document.getElementById('datetime');
                if (el) el.textContent = text;
            }
            updateClock();
            setInterval(updateClock, 1000);
        })();

        (function () {
            var runner = document.getElementById('marqueeRunner');
            var container = runner ? runner.closest('.marquee-text') : null;
            var resizeTimer;
            var SPEED = 100;

            function initMarquee() {
                if (!runner || !container) return;
                var cW = container.offsetWidth;
                var tW = runner.offsetWidth;
                var dur = ((cW + tW) / SPEED).toFixed(2);
                runner.style.setProperty('--mq-start', cW + 'px');
                runner.style.animation = 'none';
                requestAnimationFrame(function () {
                    requestAnimationFrame(function () {
                        runner.style.animation = 'mq-scroll ' + dur + 's linear infinite';
                    });
                });
            }

            requestAnimationFrame(function () { requestAnimationFrame(initMarquee); });

            document.addEventListener('visibilitychange', function () {
                if (!document.hidden) initMarquee();
            });

            window.addEventListener('resize', function () {
                clearTimeout(resizeTimer);
                resizeTimer = setTimeout(function () {
                    initMarquee();
                    positionProviderOverlay();
                    var isDesktop = window.innerWidth >= 768;
                    if (isDesktop) {
                        var oc = bootstrap.Offcanvas.getInstance(document.getElementById('offcanvasExample'));
                        if (oc) oc.hide();
                    } else {
                        closeDesktopUserMenu();
                    }
                }, 150);
            });

            window.addEventListener('orientationchange', function () {
                setTimeout(function () { initMarquee(); positionProviderOverlay(); }, 200);
            });
        })();
    </script>
    
    <!-- Auth -->
    
    <script>

$(document).on("click", "#desktopregister #buttonRegisterDesktop", function()
	{
	nocache = new Date().getTime().toString().slice(-3);
	    
	var ver = `<img src="capreg.php?${nocache}" width="100%" height="30" style="border:1px #999 solid;" alt="Kode verifikasi">`;
	var $form = $('#desktopregister #formRegister');
	var $status = $('#desktopregister #statusRegister');
	
	  if (typeof window.validateAllDesktop === 'function' && !window.validateAllDesktop()) {
        $('#desktopregister #statusRegister').removeClass().addClass('alert alert-sm alert-warning').text('Harap periksa data yang diisi').fadeIn(500);
        return false;
    }
	
	$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);

	function submitDesktopRegister() {

	$.ajax({
		url: "/api/front/register",
		type: "POST",
		data: $form.serialize(),
		headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
		success: function(data)
		{
		    
		    $('.is-invalid').removeClass('is-invalid');
		    
			  if (data == 'success')
			  {  
			    
				toast('Registrasi Sukses!, Selamat Bergabung.', 200);
				$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);

			    window.location='/home?welcome';
			  }
			  else
			  if (data == 'userWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000);
				  $('#desktopregister #reg_username').addClass('is-invalid');
				  
			  }
			  else
			  if (data == 'passWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
				  $('#desktopregister #reg_pass').addClass('is-invalid');
			  }
			  else
			  if (data == 'passSame')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
				  $('#desktopregister #reg_passcon').addClass('is-invalid');
			  }
			  else
			  if (data == 'bankEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
				  $('#desktopregister #reg_bank').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
				  $('#desktopregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'namaEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
				  $('#desktopregister #reg_nama').addClass('is-invalid');
			  }
			  else
			  if (data == 'dbError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
			  }
			  else
			  if (data == 'userExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
				  $('#desktopregister #reg_username').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
				  $('#desktopregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'refError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut, bila tidak punya referal, bisa kosongkan').fadeIn(1000);
				  $('#desktopregister #reg_ref').addClass('is-invalid'); $('#desktopregister #reg_ref').removeAttr('readonly').val('');
			  }
			  else
			  if (data == 'emailError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
				  $('#desktopregister #reg_email').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak boleh kosong').fadeIn(1000);
				  $('#desktopregister #reg_telpon').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
				  $('#desktopregister #reg_telpon').addClass('is-invalid');
			  }
			  else if (data == 'namaError') {
			       $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
                    $('#desktopregister #reg_nama').addClass('is-invalid');
                }
			  else
			  if (data == 'dariEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
				  $('#desktopregister #reg_dari').addClass('is-invalid');
			  }
			  else
			  if (data == 'lainEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
				  $('#desktopregister #reg_lain').addClass('is-invalid');
			  }
			  else
			  if (data == 'caperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
				  $('#desktopregister #reg_verifikasi').addClass('is-invalid');
				  
			  }
			  else
			  if (data == 'recaperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'iperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
			  }
			  else
			  if (data == 'capexp')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
			  }
			  else
			  if (data == 'wait')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'turnnoevent')
			  {
				  window.location.reload();
			  }
			  else
			  if (data == 'turnblock')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
			  }
			  else
				if (data.indexOf('passNotSafe|') === 0)
				{
					var msg = data.substring('passNotSafe|'.length);
					if (!msg) {
						msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
					}

					$status
						.removeClass()
						.addClass('alert alert-sm alert-warning')
						.text(msg)
						.fadeIn(1000);

					$('#desktopregister #reg_pass').addClass('is-invalid');
				}
			  
			  $('#desktopregister #capverifikasi').html(ver);

		}})
		.fail(function() {
			$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
			$('#desktopregister #capverifikasi').html(ver);
		});
	}

	jtWithIframeCaptchaRegister($form, false, function () {
		jtWithTurnstileRegister($form, function () {
			jtWithRecaptchaRegisterToken($form, $status, submitDesktopRegister);
		});
	}, function (msg) {
		$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
	});
	return false;
});
    </script>
    
    <script>
    
    function onlyNumber(n) {
    	return n.replace(/\D/g, '');	
    }
    
    
        $(document).on("keyup", "#mobileregister #reg_rek, #mobileregister #reg_telpon", function()
		{	
			var rek = $(this).val();
			rek = onlyNumber(rek);
			if (isNaN(rek)) rek = '';
			$(this).val(rek);		
		});

//
$(document).on("change", '#mobileregister #reg_dari', function()
	{
		inputdari = $('#mobileregister #reg_dari').val();
		
		if (inputdari == 'Lain-lain') 
		{
			$('#mobileregister #reg_lain').show();
		}
		else
		{
			$('#mobileregister #reg_lain').hide();
		}
	});


$(document).on("click", "#mobileregister #buttonRegister", function()
	{
	  
	  nocache = new Date().getTime().toString().slice(-3);  
	    
	var ver = `<img src=\"mcapreg.php?${nocache}\" width=\"100%\" style=\"height: 40px; width: 100%; border-radius: 5px;margin-top: -3px;\" alt=\"Kode verifikasi\">`;
	var $form = $('#mobileregister #formRegister');
	var $status = $('#mobileregister #statusRegister');
	$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);

	function submitMobileRegister() {
	    
	    
	    
	$.ajax({
		url: "/api/front/register",
		type: "POST",
		data: $form.serialize(),
		headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
		success: function(data)
		{
			  $('.is-invalid').removeClass('is-invalid');
			  
			  if (data == 'success')
			  {  
			 
				toast('Registrasi Sukses!, Selamat Bergabung.', 200);
				$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);
				window.location='/home?welcome';
			  }
			  else
			  if (data == 'userWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000);
				  $('#mobileregister #reg_username').addClass('is-invalid');
			  }
			  else
			  if (data == 'passWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
				  $('#mobileregister #reg_pass').addClass('is-invalid');
			  }
			  else
			  if (data == 'passSame')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
				  $('#mobileregister #reg_passcon').addClass('is-invalid');
			  }
			  else
			  if (data == 'bankEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
				  $('#mobileregister #reg_bank').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
				  $('#mobileregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'namaEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
				  $('#mobileregister #reg_nama').addClass('is-invalid');
			  }
			  else
			  if (data == 'dbError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
			  }
			  else
			  if (data == 'userExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
				  $('#mobileregister #reg_username').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
				  $('#mobileregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'refError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut').fadeIn(1000);
				  $('#mobileregister #reg_ref').addClass('is-invalid');
			  }
			  else
			  if (data == 'emailError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
				  $('#mobileregister #reg_email').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak boleh kosong').fadeIn(1000);
				  $('#mobileregister #reg_telpon').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
				  $('#mobileregister #reg_telpon').addClass('is-invalid');
			  }
			  else if (data == 'namaError') {
			      
			      $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
				  $('#mobileregister #reg_nama').addClass('is-invalid');
                }
			  else
			  if (data == 'dariEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
				  $('#mobileregister #reg_dari').addClass('is-invalid');
			  }
			  else
			  if (data == 'lainEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
				  $('#mobileregister #reg_lain').addClass('is-invalid');
			  }
			  else
			  if (data == 'caperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
				  $('#mobileregister #reg_verifikasi').addClass('is-invalid');
				 
			  }
			  else
			  if (data == 'recaperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'iperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
			  }
			  else
			  if (data == 'capexp')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
			  }
			  else
			  if (data == 'wait')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'turnnoevent')
			  {
				  window.location.reload();
			  }
			  else
			  if (data == 'turnblock')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
			  }
			  else
				if (data.indexOf('passNotSafe|') === 0)
				{
					var msg = data.substring('passNotSafe|'.length);
					if (!msg) {
						msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
					}

					$status
						.removeClass()
						.addClass('alert alert-sm alert-warning')
						.text(msg)
						.fadeIn(1000);

					$('#mobileregister #reg_pass').addClass('is-invalid');
				}
			  
			   $('#mobileregister #capverifikasi').html(ver);
			//   ke('#mobileregister #content');
		}})
		.fail(function() {
			$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
			$('#mobileregister #capverifikasi').html(ver);
		});
	}

	jtWithIframeCaptchaRegister($form, true, function () {
		jtWithTurnstileRegister($form, function () {
			jtWithRecaptchaRegisterToken($form, $status, submitMobileRegister);
		});
	}, function (msg) {
		$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
	});
	return false;
});
    </script>
    
    <script>
        const currentPath = window.location.pathname.replace(/\/+$/, '');
        const popupElement = document.getElementById('popup');
    
        if (currentPath === '/register') {
            document.getElementById('content')?.scrollIntoView();
        } else if (popupElement && typeof bootstrap !== 'undefined') {
            const popupModal = bootstrap.Modal.getOrCreateInstance(popupElement);
            popupModal.show();
        }
    </script>

  </body>
</html>

Latest requests

# Url Url Source Date
1 https://slot177ez.com/ 2026-10-16 02:39:15
2 https://flaming--romance-de.cdn.am… 2026-10-16 02:39:14
3 https://www.thebolditalic.com/?gi=… 2026-10-16 02:39:14
4 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:14
5 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:13
6 https://www.last.fm/user/miss95223 2026-10-16 02:39:13
7 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:13
8 http://padela.ru/liks/61345/ 2026-10-16 02:39:13
9 https://tayandgriffepperson.blogsp… 2026-10-16 02:39:12
10 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:12
11 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:11
12 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:10
13 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:10
14 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:09
15 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:09
16 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:09
17 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:09
18 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:08
19 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:08
20 https://www.texarkanatwins.com/%25… 2026-10-16 02:39:08