MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: index.php

<?php require_once "app/headn.php"; ?>

<?php
if (session_status() === PHP_SESSION_NONE) {
    session_start();
}

// LOCK REFERRAL
if (isset($_GET['ref']) && !empty($_GET['ref'])) {
    if (!isset($_SESSION['referral_code'])) {
        $_SESSION['referral_code'] = $_GET['ref'];
    }
}

// PROSES LOGIN HANYA JIKA ADA POST
if ($_SERVER['REQUEST_METHOD'] == 'POST') {

$username = $_POST['username'];
    $password = $_POST['password'];

$query = mysqli_query($koneksi, "SELECT * FROM users WHERE username='$username'");

if ($query) {
        $user = mysqli_fetch_assoc($query);

if (!$user) {
            $error = "Username atau password salah";
        }
        elseif ($user['status'] == 2) {
            $error = "Akun anda telah disuspend. Hubungi CS.";
        }
        else {
            $_SESSION['user']  = $user['username'];
            $_SESSION['uid']   = $user['cuid'];
            $_SESSION['level'] = $user['level'];

header("Location: dashboard.php");
            exit;
        }
    }
}

$q = mysqli_query($conn, "SELECT * FROM tb_group LIMIT 1");
$group = mysqli_fetch_assoc($q);

$telegram_link = $group['telegram_group'] ?? '#';
$facebook_link = $group['facebook_group'] ?? '#';

.login-input-field {
	font-size: 1rem;
    }
	
	
    @media only screen and (max-width: 1000px) {
	.login-input-field {
	font-size: 1.2rem;
	}
    }
</style>

</head>

<link rel="icon" type="image/x-icon" href="<?php echo $urlweb; ?>/upload/favicon.png" />

<body id="desktop" style="width: 100%;background-image: linear-gradient(#800000, #800000 60%, #800000,#800000 60%,#800000 )" >
	
	
    <div id="hover" class="hover desktop-only">
		
        <div id="hover-togel" class="hover-menu">
            <a href="/?content=register" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//icon-togel.png" alt="PAY4D"></figure>
                <figcaption>PAY4D</figcaption>
			</a>
		</div>
		
        <div id="hover-slot" class="hover-menu">
            <a href="/?content=slot&provider=pp" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
                <figcaption>PRAGMATIC PLAY</figcaption>
			</a>
			
            <a href="/?content=slot&provider=pg" class="hover-item">
                <figure><img src="https://img.viva88athenae.com/slot-pg.png" alt="PG SOFT"></figure>
                <figcaption>PG SOFT</figcaption>
			</a>
			
            <a href="/?content=slot&provider=hb" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
                <figcaption>HABANERO</figcaption>
			</a>
			
            <a href="/?content=slot&provider=jg" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
                <figcaption>JOKER</figcaption>
			</a>
			
            <a href="/?content=slot&provider=sg" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
                <figcaption>SPADEGAMING</figcaption>
			</a>
			
            <a href="/?content=slot&provider=jl" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
                <figcaption>JILI</figcaption>
			</a>
			
            <a href="/?content=slot&provider=fs" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
                <figcaption>FASTSPIN</figcaption>
			</a>
			
            <a href="/?content=slot&provider=ps" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
                <figcaption>PLAYSTAR</figcaption>
			</a>
			
            <a href="/?content=slot&provider=cq9" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
                <figcaption>CQ9</figcaption>
			</a>
			
            <a href="/?content=slot&provider=mg" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
                <figcaption>MICRO GAMING</figcaption>
			</a>
			
            <a href="/?content=slot&provider=ttg" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
                <figcaption>TOPTREND GAMING</figcaption>
			</a>
		</div>
		
        <div id="hover-live" class="hover-menu">
            <a href="/?content=casino&provider=pplc" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
                <figcaption>PRAGMATIC PLAY</figcaption>
			</a>
            <a href="/?content=casino&provider=ion" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
                <figcaption>ION CASINO</figcaption>
			</a>
            <a href="/?content=casino&provider=evo" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
                <figcaption>EVOLUTION</figcaption>
			</a>
            <a href="/?content=casino&provider=sx" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
                <figcaption>SEXY GAMING</figcaption>
			</a>
            <a href="/?content=casino&provider=ab" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
                <figcaption>ALLBET</figcaption>
			</a>
            <a href="/?content=casino&provider=jl" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
                <figcaption>SA GAMING</figcaption>
			</a>
            <a href="/?content=casino&provider=mg" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure>
                <figcaption>MICRO GAMING</figcaption>
			</a>
            <a href="/?content=casino&provider=og" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
                <figcaption>OPUS PLUS</figcaption>
			</a>
            <a href="/?content=casino&provider=sbol" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
                <figcaption>SBOBET CASINO</figcaption>
			</a>
		</div>
		
        <div id="hover-sport" class="hover-menu">
            <a href="/?content=register" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
                <figcaption>SABA</figcaption>
			</a>
			
            <a href="/?content=register" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
                <figcaption>SBOBET</figcaption>
			</a>
		</div>
		
        <div id="hover-fishing" class="hover-menu">
            <a href="/?content=fish&provider=sg" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
                <figcaption>SPADE GAMING</figcaption>
			</a>
			
            <a href="/?content=fish&provider=jl" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
                <figcaption>JILI</figcaption>
			</a>
			
            <a href="/?content=fish&provider=fs" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
                <figcaption>FASTSPIN</figcaption>
			</a>
			
            <a href="/?content=fish&provider=ps" class="hover-item">
                <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
                <figcaption>PLAYSTAR</figcaption>
			</a>
			
		</div>
		
        <div id="hover-sabung" class="hover-menu">
		</div>
		
		
		
	</div>
    <style>
        .my-navbar {
		height: 52px;
		padding: 0px;
		width: 100%;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 100%), var(--primary-color);
		position: fixed;
		bottom: 0;
		color: white;
		z-index: 1100;
		display: flex;
		box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
        }
		
        .navbar-item {
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
        }
		
        .navbar-item-content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -16px
        }
		
        .navbar-item-content>i {
		font-size: 20px;
		line-height: 22px;
		color: white;
		padding-bottom: 4px;
        }
		
        .navbar-item-content>img {
		height: 36px;
		width: 36px;
        }
		
        .navbar-item-content>label {
		white-space: nowrap;
		margin-top: 4px;
		font-weight: bold;
		font-size: var(--text-size-default);
		color: white
        }
       
	</style>
	
    <?php require_once "app/menun.php" ?>
    <div id="top" class="wrapper" style="background: #800000">
        <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel" style="width: 50%; background: var(--primary-background); color: white;">
            <div class="offcanvas-header py-3">
                <h5 class="offcanvas-title" id="offcanvasExampleLabel" style="color: var(--menu-item-color); font-size: 1.2rem; font-weight: bold">Menu</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(--text-color); font-size: 20px"></i></button>
			</div>
            <div class="offcanvas-body p-0">
                <div class="d-flex flex-column w-100 gap-1">
					
					<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
						<div class="fw-bold"><i class="fa fa-info-circle" style="font-size: 20px;"></i></div>
						<div style="color: var(--text-color); font-size: 1.1rem"><a href="<?php echo $urlweb; ?>/tentang.php">TENTANG</a></div>
					</div>
					
					<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
						<div class="fw-bold"><i class="fa fa-question-circle" style="font-size: 20px;"></i></div>
						<div style="color: var(--text-color); font-size: 1.1rem"><a href="<?php echo $urlweb; ?>/bantuan.php">BANTUAN</a></div>
					</div>
					
					<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
						<div class="fw-bold"><i class="fa fa-shield" style="font-size: 20px;"></i></div>
						<div style="color: var(--text-color); font-size: 1.1rem"><a href="<?php echo $urlweb; ?>/privasi.php">KEBIJAKAN PRIVASI</a></div>
					</div>
					
					<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
						<div class="fw-bold"><i class="fa fa-shield" style="font-size: 20px;"></i></div>
						<div style="color: var(--text-color); font-size: 1.1rem"><a href="<?php echo $urlweb; ?>/peraturan.php">PERATURAN</a></div>
					</div>
					
					
				</div>
				
			</div>
		</div>
	
        <div class="mobile-only" style="background-color:#800000;">
            <div class="appbar">
                <a href="/" style="width: auto"><img class="logoimg" src="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" alt=""></a>
				
                <button style="position: absolute; right: 16px; background: transparent; border: none; width: auto; padding: 0px; height: 100%; margin: auto" class="mobile-only" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
                    <i class="bi bi-person-lines-fill" style="color: var(--menu-item-color); font-size: 26px"></i>
				</button>
			</div>
		</div>
        <header class="header">
            <div class="header-content">
                <div class="logo" href="/">
                    <a href='/'><img src="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" class='logoimg' alt=""></a>
				</div>
				
                <div id="marquee-mobile" class="marquee mobile-only">
                    <div class="marquee-content">
                        <div class="d-flex align-items-center gap-2">
                            <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
						</div>
                        <div class="running">
                            <div class="marquee-shadow"></div>
                            <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%">Selamat datang di <?php echo $s0['instansi']; ?> Harap selalu pastikan rekening kami yang Aktif! <?php echo $s0['instansi']; ?> situs slot gacor aman dan terpercaya</marquee>
						</div>
                        <div class="d-flex align-items-center gap-2">
						</div>
					</div>
				</div>
				
                <div class="mslider mobile-only">
					<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
						<div class="carousel-indicators">
							<?php
								$sql_2 = mysqli_query($conn, "SELECT * FROM `tb_slide` ORDER BY cuid DESC") or die(mysqli_error());
								$no = 0;
								while ($s2 = mysqli_fetch_array($sql_2)) {
									$no++;
									$activeClass = ($no == 1) ? 'active' : '';
								?>
								<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="<?= $no - 1 ?>" class="<?= $activeClass ?>" aria-current="<?= $activeClass ?>"></button>
							<?php } ?>
						</div>
						
						<div class="carousel-inner" style="height: 100%">
							<?php
								$sql_2 = mysqli_query($conn, "SELECT * FROM `tb_slide` ORDER BY cuid DESC") or die(mysqli_error());
								$no = 0;
								while ($s2 = mysqli_fetch_array($sql_2)) {
									$no++;
									$activeClass = ($no == 1) ? 'active' : '';
								?>
								<div class="carousel-item <?= $activeClass ?>" style="height: 100%">
									<img src="<?= $urlweb ?>/upload/slide/<?= $s2['image'] ?>" class="d-block w-100 banner" alt="SELAMAT DATANG DI <?= $s0['instansi'] ?>" style="height: 100%">
								</div>
							<?php } ?>
						</div>
					</div>
				</div>
				
                <div class="login">
					
					
                    <div class="desktop-only">
                        <form class="login-form form" action="<?php echo $urlweb; ?>/login-proses.php" method="POST">
                            <div id="msgbox" style="margin-right: 8px; color: #0B6623; font-size: 1rem"></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="user" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
							</div>
							
                            <div id="marquee" class="marquee mobile-only">
                                <div class="marquee-content">
                                    <div class="d-flex align-items-center gap-2">
                                        <i class="bi bi-megaphone-fill desktop-only"></i>
									</div>
                                    <div class="running">
                                        <div class="marquee-shadow"></div>
                                        <marquee behavior="" direction="" id="broadcast">Selamat datang di <?php echo $s0['instansi']; ?> Harap selalu pastikan rekening kami yang Aktif! <?php echo $s0['instansi']; ?> situs slot gacor aman dan terpercaya</marquee>
									</div>
								</div>
							</div>
							<style>

/* LOGIN (SUDAH ADA) */
.btn-masuk {
    background-color: #010bbd !important;
    color: #ffffff !important;
    border: none;
}

.btn-masuk:hover {
    background-color: #000a9e !important;
}

.btn-masuk:active,
.btn-masuk:focus {
    background-color: #00087a !important;
    box-shadow: none;
}
.btn-whatsapp {
    background-color: #be00a4 !important;
    color: #ffffff !important;
    font-size: 20px;       /* Ukuran teks diperbesar */
    padding: 15px 15px;    
    box-shadow: none; 
}
 .btn-group-telegram {
    background-color: #ee6e00 !important;
    color: #ffffff !important;
    font-size: 18px;       /* Ukuran teks diperbesar */
    padding: 15px 15px;    
    box-shadow: none; 
}
</style>
							
                            <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="pass" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
							</div>
							
                            <button type="submit" class="btn btn-masuk fw-bold p-0 px-2 submit">
    Masuk
</button>

<button type="button" 
    class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" 
    onclick="openDaftar()">
    Daftar Sekarang
</button>

<a href="<?php echo $telegram_link; ?>" target="_blank">
    <button type="button" 
        class="btn btn-group-telegram btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" 
        style="width: 300px; height: 50px;">
        GROUP TELEGRAM
    </button>
</a>

.safe-marquee{
    width:100vw;
    overflow:hidden;
    background:maroon;
    padding:12px 0;
}

.safe-track{
    display:flex;
    will-change:transform;
}

.safe-track a{
    flex:0 0 auto;
    margin:0 14px;
}

.safe-track img{
    width:150px;
    height:150px;
    object-fit:contain;
}

.berkedip {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
} 
</style>

<a href="register.php"><img src="<?=$urlweb?>/assets/images/8751051_480x480_en.webp"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/8751026_480X480_en.webp"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/8751048_480X480_en.webp"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/8751049_480x480_en.webp"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/8751045_480X480_en.webp"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/8751044_480x480_en.webp"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/89.jpg"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/8751023_480X480_en.webp"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/8751059_480x480_en.webp"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/8751050_480x480_en.webp"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/54.jpg"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/65.jpg"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/vs20olympx.png"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/vs20starlightx.png"></a>
    <a href="register.php"><img src="<?=$urlweb?>/assets/images/87.jpg"></a>

</div>
</div>

<div class="kontainer-flex" style="position: relative; top: 10px;">
        <div class="kotak-tengah-flex" style="display: flex; justify-content: center; align-items: center;">
    <div style="width: 400px; height: 70px; border: 2px solid red; color: blue; background-color: sky blue;">
        <div style="text-align: center; color: yellow;"><b>INFORMASI PENTING!!!</b>
        <p class="berkedip" style="margin-top; color: white;">Situs ini di SEWAKAN / DI JUAL </p>
        <p class="berkedip" style="margin-top; color: white; position: relative; top: -10px;">Silahkan Hubungi kontak Whatsapp & Telegram Kami</p>
        </div>
    </div>
         </div>
             </div>
                 <script>
const track = document.getElementById("safeTrack");
let start = null;
let speed = 0.05; // makin besar makin cepat
let pos = 0;

function animateMarquee(timestamp){
    if(!start) start = timestamp;
    const elapsed = timestamp - start;
    pos = elapsed * speed;

const maxScroll = track.scrollWidth - window.innerWidth;

if(pos >= maxScroll){
        start = timestamp;
        pos = 0;
    }

track.style.transform = `translateX(-${pos}px)`;
    requestAnimationFrame(animateMarquee);
}

requestAnimationFrame(animateMarquee);
</script>

<form class="login-form form"  action="<?php echo $urlweb; ?>/login-proses.php" method="POST" >
                            <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="user" 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="pass" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
							</div>
							<button type="submit" class="btn btn-masuk fw-bold p-0 px-2 submit">
    Masuk
</button>

<button type="button" 
    class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" 
    onclick="openDaftar()">
    Daftar Sekarang
</button>

<a href="<?php echo $facebook_link; ?>" target="_blank">
    <button type="button" 
        class="btn btn-whatsapp btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" 
        style="width: 300px; height: 50px;">
        GROUP FB
    </button>
</a>
                
                            <input type="hidden" name="task" value="login">
                            <input type="hidden" name="loginmobile" value="+v4dC+4CPthuyW3kVnmDNE0PYWu641DrFdiSplLk2Ys=">
						</form>
					</div>
					
					
                    <div id="mobile-daftar-form" style="width: 100%; display: none; background: #800000">
                        <div>
                            <?php
								error_reporting(0);
								
								if (!empty($_GET['notif'])) {
									$message = "";
									$icon = "";
									
									if ($_GET['notif'] == 1) {
										$message = "Akun Berhasil Dibuat!";
										$icon = "success";
										} elseif ($_GET['notif'] == 2) {
										$message = "Username Sudah Terdaftar!";
										$icon = "warning";
										} elseif ($_GET['notif'] == 3) {
										$message = "Data/Password Salah!";
										$icon = "warning";
										} elseif ($_GET['notif'] == 4) {
										$message = "Akun Berhasil Dibuat!";
										$icon = "success";
										} elseif ($_GET['notif'] == 5) {
										$message = "Nomor Rekening Sudah Terdaftar!";
										$icon = "warning";
									}
									
									// Sanitize the message and icon values to prevent potential security issues
									$sanitizedMessage = htmlspecialchars($message, ENT_QUOTES, 'UTF-8');
									$sanitizedIcon = in_array($icon, ['success', 'error', 'warning', 'info', 'question']) ? $icon : 'info';
									
									// JavaScript code to trigger SweetAlert
									echo "
									<script src='https://cdn.jsdelivr.net/npm/sweetalert2@10'></script>
									<script>
									Swal.fire({
									icon: '{$sanitizedIcon}',
									html: '{$sanitizedMessage}',
									showCloseButton: true,
									focusConfirm: false,
									});
									</script>";
								}
							?>
							
                            <form action="<?php echo $urlweb; ?>/function/step-1.php" method="POST" class="login-form">
                                <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
                                <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">REGISTER</div>
                                <div class="input-group login-field">
                                    <span class="input-group-text mobile-only prepend">
                                        <div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div>
									</span>
                                    <input type="hidden" name="status" value="Aktif">
                                    <input type="text" class="form-control login-input-field" name="user" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi" required>
								</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" class="form-control login-input-field" name="pass" placeholder="Password (6 karakter atau lebih)" required>
								</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" class="form-control login-input-field" name="" placeholder="Konfirmasi Password" required>
								</div>
                                <div class="input-group login-field">
                                    <span class="input-group-text mobile-only prepend">
                                        <div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div>
									</span>
                                    <input type="text" class="form-control login-input-field" name="email" placeholder="Email">
								</div>
                                <div class="input-group login-field">
                                    <span class="input-group-text mobile-only prepend">
                                        <div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div>
									</span>
                                    <input type="text" inputmode="numeric" class="form-control login-input-field" name="no_hp" class="form-control" placeholder="Telpon">
								</div>
								
                                <div class="input-group login-field">
                                    <select class="form-select login-input-field" name="akun">
                                        <option value="">Pilih Bank</option>
                                        <option value='BCA'>BCA</option>
                                        <option value='Mandiri'>Mandiri</option>
                                        <option value='BNI'>BNI</option>
                                        <option value='BRI'>BRI</option>
                                        <option value='CIMB'>CIMB</option>
                                        <option value='SEA BANK'>SEA BANK</option>
                                        <option value='KROM BANK'>KROM BANK</option>
                                        <option value='BANK JAGO'>BANK JAGO</option>
                                        <option value='BANK BSI'>BANK BSI</option>
                                        <option value='BANK OCBC NISP'>BANK OCBC NISP</option>
                                        <option value='BANK DANAMON'>BANK DANAMON</option>
                                        <option value='ALLO BANK'>ALLO BANK</option>
                                        <option value='DANA'>DANA</option>
                                        <option value='OVO'>OVO</option>
                                        <option value='GOPAY'>GOPAY</option>
                                        <option value='LinkAja'>LinkAja</option>
									</select>
								</div>
								
                                <div class="input-group login-field">
                                    <span class="input-group-text mobile-only prepend" style="">
                                        <div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div>
									</span>
                                    <input type="text" class="form-control login-input-field" name="no_rek" placeholder="No Rekening">
								</div>
                                <div class="input-group login-field">
                                    <span class="input-group-text mobile-only prepend">
                                        <div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div>
									</span>
                                    <input type="text" class="form-control login-input-field" name="full_name" placeholder="Nama Rekening">
								</div>
                                <div class="input-group login-field">
                                    <span class="input-group-text mobile-only prepend">
                                        <div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div>
									</span>
                                    <input type="text" name="sponsor" class="form-control login-input-field" autocomplete="off" placeholder="Username Referal bila ada" value="<?php if (isset($_SESSION['referral_code'])) { echo $_SESSION['referral_code']; } ?>" readonly>
								</div>
                                
								
                                <button type="submit" name="submit" class="btn btn-masuk fw-bold p-0 px-2" style="background-color: #FD9503">Register</button>
                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
								
							</form>
							
						</div>
					</div>
					
					
					
					
				</div>
				<style>
					
					#snackbar {
					visibility: hidden;
					min-width: 250px;
					margin-left: -143px;
					background-color: #8000000;
					color: white;
					text-align: center;
					border-radius: 2px;
					padding: 6px;
					position: fixed;
					z-index: 1;
					left: 50%;
					top: 200px;
					font-size: 14px;
					font-weight: bold;
					}
					
					#snackbar.show {
					visibility: visible;
					-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
					animation: fadein 0.5s, fadeout 0.5s 2.5s;
					}
					
					@-webkit-keyframes fadein {
					from {top: 0; opacity: 0;} 
					to {top: 100px; opacity: 2;}
					}
					
					@keyframes fadein {
					from {top: 0; opacity: 0;}
					to {top: 100px; opacity: 2;}
					}
					
					@-webkit-keyframes fadeout {
					from {top: 100px; opacity: 2;} 
					to {top: 0; opacity: 0;}
					}
					
					@keyframes fadeout {
					from {top: 100px; opacity: 2;}
					to {top: 0; opacity: 0;}
					}
				</style>
				
				<div id="snackbar" class="show">
					<p id="withdraw"></p>
			</div>
                <div class="menu">
    <div class="menu-item desktop-only">
        <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
    </div>

<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
    <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
        <img class="mobile-only" src="https://ligaserbuslott.net/assets/live.png" alt="">
        <label>LIVE CASINO</label>
    </a>

<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
    <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
        <img class="mobile-only" src="https://ligaserbuslott.net/assets/sport.png" alt="">
        <label>SPORT</label>
    </a>

<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-esport')" onmouseout="hideProducts('hover-esport')">
        <label>E-SPORT</label>
    </a>

<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
        <label>SABUNG</label>
    </a>

<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
    <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
        <img class="mobile-only" src="https://ligaserbuslott.net/assets/fishing.png" alt="">
        <label>ARCADE</label>
    </a>

<div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">

<div style="position: absolute; height: 100%; background: maroon; display: grid; place-items: center; left: 0; padding: 0px 6px"
         onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
        <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
    </div>

<div style="position: absolute; height: 100%; background: maroon; display: grid; place-items: center; right: 0; padding: 0px 6px;"
         onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
        <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
    </div>

<div id="menu-mobile" style="
        height: 68px;
        overflow-x: scroll;
        overflow-y: hidden;
        max-width: 100%;
        display: block;
        margin-left: 28px;
        margin-right: 28px;
        background: maroon;
    ">

</div>

</div>
</div>

<div class="menu-content mobile-only">
                    <div id="main-content">
						
						
						
					</div>
					
				</div>
				
                <div class="promosi" style="background: #800000">
					
                    
					
                    <button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='promosi.php'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button>
					
                    
					
                    <div class="mobile-only" style="background: #800000;">
						
                        <div class="d-flex gap-3 justify-content-center align-items-center" style="background: #800000">
                            <a href="" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
                            <a href="" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
						</div>
						
						<br>
	<style>
	    .jackpot {
    position: relative;
    display: inline-block;
}

.jackpot img {
    width: 150%;
    height: auto;
}

.txt-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 100%;
    text-align: center;
}

.txt-overlay .text-content {
    font-size: 20px;
    font-weight: bold;
    color: #ffd700; /* warna emas */
    text-shadow: 0px 0px 8px #000;
}

</style>
<div style="text-align: center;">
  <img src="<?php echo $urlweb; ?>/upload/progressive-jackpot-text.png" alt="Gambar di tengah" style="width: 60%; height: auto;">
</div>

<div class="app-wrapper container">
    <div class="jackpot">
        <img class="img-fluid" src="https://cdn.robotaset.com/assets/tpl/c78a74fc9e/images/progressive-jackpot-small.gif"
            alt="jackpot" />
        <div class="txt-overlay">
            <div class="text-content">
                <span id="jackpot_amount">...Loading</span>
            </div>
        </div>
    </div>
    </div>
					</div>
				</div>
			</div>
		</header>
		<script>
// Nilai awal jackpot
let jackpotValue = 569707082.00;

// Fungsi format angka ke Rupiah style
function formatRupiah(amount) {
    return "IDR " + amount.toLocaleString("en-US", {
        minimumFractionDigits: 2,
        maximumFractionDigits: 2
    });
}

// Menampilkan angka pertama
document.getElementById("jackpot_amount").innerText = formatRupiah(jackpotValue);

// Jalankan angka meningkat setiap 150ms
setInterval(() => {
    // Tambah nilai acak biar terlihat hidup
    jackpotValue += (Math.random() * 2000) + 100;

// Update tampilan angka
    document.getElementById("jackpot_amount").innerText = formatRupiah(jackpotValue);
}, 150);
</script>
		
        <div id="marquee" class="marquee desktop-only">
            <div class="marquee-content">
                <div class="d-flex align-items-center gap-2">
                    <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
                    <i class="bi bi-megaphone-fill desktop-only"></i>
				</div>
                <div class="running">
                    <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%">Selamat datang di <?php echo $s0['instansi']; ?> Harap selalu pastikan rekening kami yang Aktif! <?php echo $s0['instansi']; ?> situs slot gacor aman dan terpercaya | hanya di sini !!!!</marquee>
				</div>
                <div class="d-flex align-items-center gap-2">
					
				</div>
			</div>
		</div>
		
        
        <div id="modal-wrapper" class="modal" style=" background: #800000;">
			
            <div class="slideDown" id="informasi-menu">
                <div class="row">
                    <div class="col-xs-3" style="padding-right:0px; width:164px">
                        <div id="informasi-logo">
                            <img src="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" width="120px" />
						</div>
                        <div class="menuleft">
							
                            <a class="active btn-black" href="tentang.php">TENTANG KAMI</a>
                            <a class="btn-black" href="bantuan.php">BANTUAN</a>
                            <a class="btn-black" href="peraturan.php">PERATURAN</a>
                            <a class="btn-black" href="privasi.php">KEBIJAKAN PRIVASI</a>
							
						</div>
					</div>
                    <div class="col-xs-9" id="informasi-content" style="position: relative">
                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
						</div>
					</div>
					
				</div>
			</div>
		</div>
		
		
        <div class="contentdata">
            <div id="content-primary" class="p-0">
				
                <div class="desktop-only">
                    <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
                        <div class="carousel-indicators">
                            <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                            <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
                            <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
                            <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
                            <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
                            <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
                            <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
                            <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
						</div>
                        <div class="carousel-inner" style="height: 100%">
                            <div class="carousel-item active" style="height: 100%">
                                <img src="https://img.viva88athenae.com/banner/5g-10rb.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI <?php echo $s0['instansi']; ?>" style="height: 100%">
							</div>
                            <div class="carousel-item " style="height: 100%">
                                <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI <?php echo $s0['instansi']; ?>" style="height: 100%">
							</div>
                            <div class="carousel-item " style="height: 100%">
                                <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI <?php echo $s0['instansi']; ?>" style="height: 100%">
							</div>
						</div>
					</div>
					
				</div>
                <div class="mobile-only">
                    <div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
                        <img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
					</div>
				</div>
				
			</div>
		</div>
		
		
        
		
        <style>
            .togel-desktop {
			background: #800000;
			grid-area: togel-desktop;
			position: relative;
            }
			
            .togel-mobile {
			display: none;
            }
			
            .show-more {
			position: absolute;
			
			z-index: 999;
			bottom: 0px;
			width: 100%;
			
			/* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
            }
			
            .show-more-content {
			background: var(--secondary-background);
			opacity: .7;
			display: grid;
			place-items: center;
			height: 32px
            }
			
            .togel-content {
			position: relative;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			/*display: grid;*/
			/*grid-template-columns: repeat(10, 1fr);*/
			gap: 8px 4px;
			padding: 16px 0;
            }
			
            .see-more {
			padding: 16px 0 48px 0;
			max-height: 162px;
			transition: max-height .75s ease-out;
			transition-delay: .1s;
			overflow: hidden;
            }
			
            .togel-content:hover {
			max-height: 1000px;
			transition: max-height 0.25s ease-in;
            }
			
            .result {
			height: 110px;
			width: 96px;
			border-radius: 10px;
			background: var(--result-background);
			border: var(--result-border);
			
			display: grid;
			grid-template-rows: 0px 20px 1fr 28px;
			grid-template-areas:
			"badge"
			"pasaran"
			"keluaran"
			"tanggal"
			;
			
			/* display: flex;
            flex-direction: column;
            justify-content: space-between; */
			
			overflow: hidden;
            }
			
            .badge {
			grid-area: badge;
			display: grid;
			place-items: center;
            }
			
            .result>.pasaran {
			
			grid-area: pasaran;
			
			padding-top: 8px;
			white-space: nowrap;
			font-size: .7rem;
			line-height: .7rem;
			
			color: var(--result-pasaran-color);
			display: grid;
			place-items: center;
            }
			
            .result>.keluaran {
			
			grid-area: keluaran;
			padding-bottom: 8px;
			font-family: 'Oswald', sans-serif;
			line-height: 40px;
			font-size: 40px;
			color: var(--result-keluaran-color);
			display: grid;
			place-items: center;
            }
			
            .result>.tanggal {
			
			grid-area: tanggal;
			
			width: 100%;
			height: 100%;
			/* background: rgb(40,0,0);
            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
			background: var(--primary-color);
			white-space: nowarp;
			font-size: .79rem;
			display: grid;
			place-items: center;
			font-family: 'Abel', sans-serif;
			color: var(--result-tanggal-color);
            }
			
            @media only screen and (max-width: 1000px) {
			
			.togel-desktop {
			display: none;
			}
			
			.togel-mobile {
			
			background: var(--secondary-background);
			grid-area: togel-mobile;
			padding: 24px;
			padding-bottom: 12px;
			box-shadow: rgba(0, 0, 0, 1) 0px 0px 10px 0px;
			}
			
			.togel-title {
			padding: 0px;
			padding-bottom: 20px;
			font-size: 1.4rem;
			font-weight: bold;
			color: var(--primary-text-color);
			}
			
			.togel-content {
			max-height: fit-content;
			display: grid;
			grid-template-columns: 1fr;
			gap: 0;
			border-radius: 8px;
			}
			
			
			
			.provider-group {
			padding: var(--mobile-padding-horizontal);
			}
			
			.badge {
			display: none;
			}
			
			.result {
			height: auto;
			width: 100%;
			display: grid;
			grid-template-rows: 1fr;
			grid-template-columns: 1fr 1fr 80px;
			grid-template-areas: "pasaran tanggal keluaran";
			border-radius: 0;
			border: none;
			background: transparent;
			padding: 4px 12px;
			color: var(--primary-text-color);
			font-family: 'Abel', sans-serif;
			
			}
			
			
			.result:nth-child(odd) {
			background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), var(--secondary-background);
			}
			
			
			.result>* {
			padding: 0px !important;
			margin: 0px !important;
			font-size: 1.4rem !important;
			line-height: auto !important;
			font-weight: normal !important;
			}
			
			.result>.pasaran {
			display: flex;
			justify-content: start;
			color: var(--primary-text-color) !important;
			opacity: .7;
			}
			
			.result>.tanggal {
			display: flex;
			justify-content: center;
			background: transparent;
			color: var(--primary-text-color) !important;
			opacity: .7;
			}
			
			.result>.keluaran {
			display: flex;
			justify-content: end;
			/*color: var(--primary-text-color)!important;*/
			font-family: 'Abel', sans-serif;
			color: var(--highlight-text-color);
			}
			
            }
		</style>
		
<?php
// Fungsi untuk mendapatkan hari secara otomatis
function getDay() {
    $days = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu'];
    $dayIndex = date('w');
    return $days[$dayIndex];
}

// Fungsi untuk menghasilkan nomor lotto secara acak
function generateLottoNumber() {
    return rand(1000, 9999);
}

// Mendapatkan hari
$day = getDay();
?>		
		
        <div id="togel-desktop" class="togel-desktop desktop-only" style="background: #800000">
			
			
			
			
            <div class="togel-content" style="background: #800000">
                <a href="/?content=hasil&pid=HKD" class="result">
					
                    <div class="badge">
					</div>
					<?php
						$timeNow = date('H:i:s');
						$sql_togel = mysqli_query($conn,"SELECT * FROM `tb_pasaran` ORDER BY rand() ASC LIMIT 12") or die(mysqli_error());
						while($st = mysqli_fetch_array($sql_togel)){
							$pid = $st['cuid'];
							$getResult = mysqli_query($conn,"SELECT * FROM `tb_periode` WHERE pid = '$pid' ORDER BY cuid DESC LIMIT 1") or die(mysqli_error());
							$grr = mysqli_num_rows($getResult);
							$grs = mysqli_fetch_array($getResult);
							$closeResult = date('F d, Y H:i:s', strtotime($st['close_result']));
							$aa = $st['close_result'];
							$bb = $st['time_result'];
						?>
						<div class="pasaran"><?php echo $st['title']; ?></div>
						<div class="keluaran"><?php echo generateLottoNumber(); ?></div>
						<div class="tanggal"><?php echo $day . ', ' . date('d/m/Y'); ?></div>
					</a>
					<a href="/?content=hasil&pid=SGM" class="result">
					<?php } ?>
                    <div class="badge">
					</div>
					
                    
					
                    <div class="badge">
					</div>
					
                    
					
                    <div class="badge">
					</div>
					
                    
					
                    <div class="badge">
					</div>
					
                    
					
                    <div class="badge">
					</div>
					
                    
					
                    <div class="badge">
					</div>
					
                    
					
					
                    <div class="badge">
					</div>
					
                    
					
					
                    <div class="badge">
					</div>
					
                    
				</a>
				
			</div>
		</div>
		
        <div id="togel-mobile" class="togel-mobile mobile-only" style="background: #800000">
			<div class="togel-title">Togel Result</div>
			
			<div class="carousel slide p-0" data-bs-ride="carousel">
				<div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"></div>
				<div class="carousel-inner">
					<div class="carousel-item active">
						<?php
							$timeNow = date('H:i:s');
							$sql_togel = mysqli_query($conn, "SELECT * FROM `tb_pasaran` ORDER BY RAND() LIMIT 5") or die(mysqli_error());
							while ($st = mysqli_fetch_array($sql_togel)) {
								$pid = $st['cuid'];
								$getResult = mysqli_query($conn, "SELECT * FROM `tb_periode` WHERE pid = '$pid' ORDER BY cuid DESC LIMIT 1") or die(mysqli_error());
								$grr = mysqli_num_rows($getResult);
								$grs = mysqli_fetch_array($getResult);
								$closeResult = date('F d, Y H:i:s', strtotime($st['close_result']));
								$aa = $st['close_result'];
								$bb = $st['time_result'];

?>
							<div class="result">
								<div class="badge"></div>
								<div class="pasaran"><?php echo $st['title']; ?></div>
								<div class="keluaran"><?php echo generateLottoNumber(); ?>
								</div>
								<div class="tanggal"><?php echo $day . ', ' . date('d/m/Y'); ?>
								</div>
							</div>
						<?php } ?>
					</div>
				</div>
			</div>
		</div>
		
        <div class="provider" style="background: #800000">
            <div class="provider-group">
                <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
                <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt="">
				
                <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only">
			</div>
		</div>
		
        <div class="transaksi" style="background: #800000">
			
            <div>
                <div class="transaksi-kontak">
					
                    <div class="d-flex flex-column w-100">
                        <div class="transaksi-title">
                            <div class="transaksi-title-group">
                                <div class="fitur-header">Transaksi</div>
                                <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
							</div>
							
                            <div class="devider desktop-only" style="width: 320px"></div>
						</div>
						
                        <div class="transaksi-content">
                            
							
                            <style>
                                .transaksi-group {
								display: grid;
								grid-template-columns: 380px 1fr;
								justify-content: space-between;
								grid-template-areas:
								"transaksi-bank transaksi-other";
                                }
								
                                .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-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-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";
								gap: 16px;
								
								}
								
								.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 {
								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;
								}
								
								.transaksi-wrapper {
								width: 100%;
								max-width: 100% !important;
								gap: 1rem;
								}
								
								
                                }
							</style>
							
							
                            <div class="transaksi-group">
                                <div class="transaksi-bank">
									
                                    <div class="transaksi-wrapper">
                                        <div class="transaksi-name">Bank</div>
										
                                        <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
                                            <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
												
												
											</div>
                                            <div class="carousel-inner">
                                                <div class="carousel-item active" style="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">QRIS</div>
                                                            <div class="transaksi-status status-green"></div>
														</div>
														
														
													</div>
												</div>
												
												
												
											</div>
										</div>
										
									</div>
								</div>
								
                                <div class="transaksi-other">
									
                                    <div class="desktop-only" style="height: 100%; width: 2px; background: #800000"></div>
									
                                    <div class="transaksi-wrapper" style="max-width: 284px">
										
                                        <div class="transaksi-name">E Money</div>
										
										
                                        <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
                                            <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
												
												
											</div>
                                            <div class="carousel-inner">
                                                <div class="carousel-item active">
                                                    <div class="transaksi-list-other">
														
														
														
                                                        <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">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">ShoopePay</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">DokuPay</div>
                                                            <div class="transaksi-status status-blue"></div>
														</div>	
													</div>
												</div>
											</div>
										</div>
									</div>
									
                                    <div class="desktop-only" style="height: 100%; width: 2px; background: #800000"></div>
								</div>
							</div>
						</div>
					</div>
					
                    <?php require_once "app/kontakn.php" ?>
				</div>
			</div>
		</div>
		
		
        <div class="guidelines" style="background: #800000">
            <div class="guidelines-content desktop-only">
                <img src="https://img.viva88athenae.com//guidelines.png" />
			</div>
		</div>
		
        <div class="bantuan" style="background: #800000">
            <ul class="bantuan-content" style="font-size: 1.1rem">
                <li class="bantuan-item"><a href="tentang.php">TENTANG KAMI</a></li>
                <div class="bantuan-devider desktop-only">|</div>
                <li class="bantuan-item"><a href="bantuan.php">BANTUAN</a></li>
                <div class="bantuan-devider desktop-only">|</div>
                <li class="bantuan-item"><a href="peraturan.php">PERATURAN</a></li>
                <div class="bantuan-devider desktop-only">|</div>
                <li class="bantuan-item"><a href="privasi.php">KEBIJAKAN PRIVASI</a></li>
			</ul>
		</div>

</head>
					
					<body>
					    <div style="background: #800000">
						<div style="margin:15px; text-align:justify; font-style:normal; background: #800000;">
							<header class="content-header">
								<h1><?php echo $s0['instansi']; ?>: Situs 4D Slot Gacor Terbaru Situs4D Resmi</h1>
							</header>
							<p>Dalam beberapa tahun belakangan ini, permainan situs <a href="/">4d slot</a> mudah menang terbilang cukup populer karena dicari
								dan dimainkan oleh banyak kalangan. Hal tersebut jelas menambah
								kredibilitas dan tingkat kepercayaan para pemain kepada jenis
								taruhan judi situs4d online satu ini. Di samping itu juga, Anda
								masih bisa bermain situs 4d Slot online dengan modal yang
								terjangkau serta bonus kemenangan hingga ratusan juta rupiah.
								Berikut ini informasi lengkap seputar Situs 4d Slot terbaru di
							<?php echo $s0['instansi']; ?> :</p>
							<table style="width:100%;margin-left:auto;margin-right:auto;border-color:#47474b;border-collapse:collapse;color:#fff;text-align:left" border="1">
								<tbody>
									<tr bgcolor="#2F2F2F">
										<td style="padding:5px"><b>Nama Situs</b></td>
										<td style="padding:5px"><?php echo $s0['instansi']; ?></td>
									</tr>
									<tr bgcolor="#2F2F2F">
										<td style="padding:5px"><b>Jenis Permainan</b></td>
										<td style="padding:5px">Game Situs 4d Slot Online</td>
									</tr>
									<tr bgcolor="#2F2F2F">
										<td style="padding:5px"><b>Min Deposit</b></td>
										<td style="padding:5px">30.000</td>
									</tr>
									<tr bgcolor="#2F2F2F">
										<td style="padding:5px"><b>Daftar Provider 4d slot Gampang
										Menang</b></td>
										<td style="padding:5px">Pragmatic Play, Joker Gaming, Habanero,
										Microgaming, PG Soft, Spadegaming, Playtech</td>
									</tr>
									<tr bgcolor="#2F2F2F">
										<td style="padding:5px"><b>Layanan Operasional</b></td>
										<td style="padding:5px">24 Jam nonstop</td>
									</tr>
									<tr bgcolor="#2F2F2F">
										<td style="padding:5px"><b>Daftar game slot online Mudah
										Menang</b></td>
										<td style="padding:5px">Sweet Bonanza, Gates of Olympus, Koi Gate,
										Starlight Princess, Aztec Gems</td>
									</tr>
									<tr bgcolor="#2F2F2F">
										<td style="padding:5px"><b>Slot Bonus New Member</b></td>
										<td style="padding:5px">Bonus New Member 100% | Garansi Kekalahan
										100%</td>
									</tr>
									<tr bgcolor="#2F2F2F">
										<td style="padding:5px"><b>Gabung New Member</b></td>
										<td style="padding:5px"><a href="/?content=register">Klik
										Disini</a></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</article>
			</div>
		</body>
		
	</html>
</div>
</div>

<div class="footer-group">
	<div class="copyright">
		<div style="white-space: nowrap">© 2018 - 2024 Copyright <?php echo $s0['instansi']; ?>.</div>
		<div>All Rights Reserved.</div>
	</div>
	
	<img class="mobile-only" style="width: 80%" src="https://img.viva88athenae.com//guidelines.png" alt="">
	
	<div> </div>
	
	<div class="desktop-only" style="background: #800000;">
		<div class="d-flex gap-1" style="background: #800000;">
			<div class="btn-footer" onclick='window.location.href="/"'>MOBILE</div>
			<div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
		</div>
	</div>
	<img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com//guidelines.png" alt="">
</div>
</footer>

<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(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
				
				<img src="/assets/hubungi.png?11">
				
			</div>
			
		</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%"></img>
			</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>
				
				
				<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
					<img src="https://img.viva88athenae.com//kontak/wa.png" width="20"/><span><?php echo $s1a['wa']; ?></span>
				</div>
				<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
					<img src="https://img.viva88athenae.com//kontak/line.png" width="20"/><span><span>ID:</span></span>
				</div>
				<div 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"/><span><span></span></span>
				</div>
				
				
				
			</div>
			
			<div style="margin: 8px">
				<input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white" onClick="window.location.href='/?content=register'" >
				
				
			</div>
		</div>
	</div>
</div>
</div>
<style>
    #wd-popup {
    position: fixed;
    top: 90px; /* posisi DI BAWAH LOGO */
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 650px;
    background: #000;
    border: 2px solid gold;
    border-radius: 50px;
    box-shadow:
        0 0 10px gold,
        0 0 20px gold,
        inset 0 0 10px gold;
    display: none;
    z-index: 9999;
    animation: glow 1.5s infinite alternate;
}

/* 🔥 DESKTOP */
@media (min-width: 768px) {
    #wd-popup {
        top: 120px; /* header desktop biasanya lebih tinggi */
    }
}

/* 🔥 HP */
@media (max-width: 767px) {
    #wd-popup {
        top: 70px; /* pas di bawah logo HP */
        border-radius: 25px;
    }
}

@keyframes glow {
    from {
        box-shadow: 0 0 10px gold, inset 0 0 5px gold;
    }
    to {
        box-shadow: 0 0 25px gold, inset 0 0 10px gold;
    }
}

.wd-content {
    display: flex;
    align-items: center;
    padding: 15px;
}

.bank-logo {
    width: 70px;
    height: auto;
    margin-right: 15px;
}

.wd-text {
    text-align: left;
    color: #fff;
}

.wd-title {
    font-size: 14px;
    font-weight: bold;
    color: gold;
}

.wd-desc {
    font-size: 16px;
    margin-top: 5px;
}

.wd-desc span {
    color: gold;
    font-weight: bold;
}

</style>
<div id="wd-popup">
    <div class="wd-content">
        <img src="" class="bank-logo" id="bankLogo" alt="Bank">
        <div class="wd-text">
            <div class="wd-title">SELAMAT KEPADA</div>
            <div class="wd-desc" id="wdText"></div>
        </div>
    </div>
</div>
<script>
const wdData = [
    { user: "ke****f", amount: "Rp 1.250.000", logo: "/bank/bank-bca.png" },
    { user: "an****a", amount: "Rp 980.000", logo: "/bank/bank-bni.png" },
    { user: "ri****n", amount: "Rp 2.500.000", logo: "/bank/bank-bri.png" },
    { user: "de****a", amount: "Rp 750.000", logo: "/bank/mandiri.png" },
    { user: "sa****i", amount: "Rp 1.100.000", logo: "/bank/dana.png" },
    { user: "mu****h", amount: "Rp 3.200.000", logo: "/bank/ovo.png" },
    { user: "fa****l", amount: "Rp 860.000", logo: "/bank/gopay.png" },
    { user: "ha****m", amount: "Rp 1.450.000", logo: "/bank/linkaja.png" },
    { user: "yu****a", amount: "Rp 2.100.000", logo: "/bank/shopeepay.png" },
    { user: "il****n", amount: "Rp 500.000", logo: "/bank/jenius.png" },

{ user: "ar****i", amount: "Rp 4.000.000", logo: "/bank/bank-bca.png" },
    { user: "zo****a", amount: "Rp 1.750.000", logo: "/bank/bank-bni.png" },
    { user: "lu****s", amount: "Rp 900.000", logo: "/bank/bank-bri.png" },
    { user: "ti****a", amount: "Rp 2.800.000", logo: "/bank/mandiri.png" },
    { user: "ra****n", amount: "Rp 1.300.000", logo: "/bank/dana.png" },
    { user: "no****y", amount: "Rp 650.000", logo: "/bank/ovo.png" },
    { user: "al****k", amount: "Rp 5.500.000", logo: "/bank/gopay.png" },
    { user: "di****o", amount: "Rp 1.900.000", logo: "/bank/linkaja.png" },
    { user: "me****y", amount: "Rp 2.250.000", logo: "/bank/shopeepay.png" },
    { user: "fi****n", amount: "Rp 780.000", logo: "/bank/jenius.png" }
];

const popup = document.getElementById("wd-popup");
const wdText = document.getElementById("wdText");
const bankLogo = document.getElementById("bankLogo");

let index = 0;

function showPopup() {
    const data = wdData[index];

wdText.innerHTML = `
        ${data.user} Telah Melakukan WD Sebesar 
        <span>${data.amount}</span>
    `;

bankLogo.src = data.logo;

popup.style.display = "block";

setTimeout(() => {
        popup.style.display = "none";
    }, 3000);

index++;
    if (index >= wdData.length) index = 0;
}

// tampil pertama
showPopup();

// loop (3 detik tampil + 3 detik hilang)
setInterval(showPopup, 6000);
</script>

width: 600px;
	aspect-ratio: full;
	object-fit: cover;
	}
	
	
	@media only screen and (max-width: 768px) {
	
	.modal-dialog {
	margin-top: 98px
	}
	
	.imgpop {
	width: 100%;
	}
	
	}
</style>

<div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="background-color: transparent; margin:">
		<div class="modal-content" style="background-color: transparent;>
			<div class="modal-body"  style="padding: 0px">
			    <?php 
                           $q = mysqli_query($conn,"SELECT * FROM `popup`") or die(mysqli_error($conn));
                           while ($qpost = mysqli_fetch_array($q)) {
                           ?>
                                <img width="100%" src="<?php echo $urlweb; ?>/upload/popup/<?php echo $qpost['image']; ?>"
                                <div class="content">
                                    <h1><strong></strong></h1>

<?php echo $qpost['content']; ?>

<?php }

?>
			</div>
		</div>
	</div>
</div>

<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 18865914;
    window.__lc.integration_name = "manual_channels";
    window.__lc.product_name = "livechat";
    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://www.livechat.com/chat-with/18865914/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>

</body>

</html>