<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="pDyHdKOhxl4R5SUPvpuOjux0a6087GibeHweqyF6">


    <!-- admin2 -->
    <title>DANAGG - Website Resmi Taruhan Slot Online Gampang Menang</title>
    <link rel="icon"
        href="https://wolverineengines.com/storage/settings/site_logo_favicon-1670866269.png">
    <link rel="stylesheet" href="/assets/css/dark-purple/app.css?v=1.0">
    <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
    <link href="/assets/css/fonts/fonts.css" rel="stylesheet">
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://wolverineengines.com/assets/css/admin/slick.css" />
    <script type="text/javascript" src="https://wolverineengines.com/assets/js/admin/slick.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
    <script src="https://wolverineengines.com/assets/js/admin/alpine.min.js"></script>

    

            <meta name="description" content="DANAGG adalah situs yang sangat direkomendasikan sebagai sarana taruhan slot online dengan tingkat kemenangan yang besar bagi member baru ditahun 2025.">
<meta name="keywords" content="danagg, danagg slot, danagg login, danagg link" />
<meta property="og:title" content="DANAGG" />
<meta property="og:url" content="https://wolverineengines.com/" />
<meta property="og:description" content="DANAGG adalah situs yang sangat direkomendasikan sebagai sarana taruhan slot online dengan tingkat kemenangan yang besar bagi member baru ditahun 2025." />
<meta property ="og:type" content="website"/>
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index,follow">
<meta content="general" name="rating">
<meta content="id" name="geo.country">
<meta content="Indonesia" name="geo.placename">
<meta name="google-site-verification" content="M365OBRgOvUcVubMtU4xuvvoZ6SUq2htJSgHKoS7feA" />

    <link rel="canonical" href="https://wolverineengines.com/"/>
    <link rel="amphtml" href="https://ampfire06-danagg.com/"/>
    
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-T5B7T4SH8H"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-T5B7T4SH8H');
</script>

<!-- Suka 01 -->
<script>
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s1.kwai.net/kos/s101/nlav11187/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s16-11187.ap4r.com/kos/s101/nlav11187/pixel/events.js"+c)}}(window,document,"kwaiq")}])}));
</script>
<script>
kwaiq.load('272104617545312');
kwaiq.page();
</script>
<!-- Suka 01 -->

<!-- Suka 002 -->
<script>
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="//s15-def.ap4r.com/kos/s101/nlav11187/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s16-11187.ap4r.com/kos/s101/nlav11187/pixel/events.js"+c)}}(window,document,"kwaiq")}])}));
</script>
<script>
kwaiq.load('278350141206316');
kwaiq.page();
</script>
<!-- Suka 002 -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1904940956930176');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1904940956930176&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Pxl DGG3 -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1120418883372355');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1120418883372355&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- Pxl DGG3 -->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MND86X4Q0R"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-MND86X4Q0R');
</script>


    

    
    <style>
        body {
            background: url('/assets/images/dark-purple/bg.jpg') #fff;
            background-attachment: fixed;
            background-size: cover;
        }


        .registerkiri {
            background: url('/assets/images/dark-purple/image-register.jpg');
            background-size: cover;
            background-position: center;
        }

        .bungkusan .kartu {
            background: url("/assets/images/dark-purple/bg_card.jpg") no-repeat;
            background-size: cover;
            background-position: center;
        }

        .arrow {
            width: 25px;
            height: 15px;
            position: relative;
            top: 1px;
            left: 0px;
            background: url("/assets/images/arrow.svg") no-repeat center center;
            background-size: 100% 100%;
            transform: rotate(180deg);
        }

        .arrowconvert {
            width: 15px;
            height: 10px;
            position: relative;
            left: 10px;
            background: url("/assets/images/dark-purple/arrow.svg") no-repeat center center;
            background-size: 100% 100%;
            transform: rotate(180deg);
        }

        @media (max-width: 639px) {
            .w-488 {
                width: 48%;
            }
        }

        @media (min-width: 1024px) {
            .slick-slide {
                height: 424px;
            }

            .slick-slide img {
                height: 424px;
                width: 100%;
                object-fit: cover;
            }
        }

        @media (max-width: 1023px) {
            #chat-widget-container {
                display: none
            }
        }

        .loading_bar {
            animation: loadingBarAnimation 5s linear infinite
        }

        @keyframes loadingBarAnimation {
            0% {
                width: 0%
            }

            10% {
                width: 10%
            }

            50% {
                width: 50%;
            }

            100% {
                width: 100%
            }
        }
    </style>

        

    <link rel="stylesheet" type="text/css" href="https://wolverineengines.com/assets/float/float.css?v=1.1" />

    <!-- Meta Pixel Code -->
    
    <!-- End Meta Pixel Code -->
</head>

<body id="body" class="font-sans mx-auto text-sm">

    <div class="zoomout">

        <div id="sidenav" class="fixed -left-96 h-full lg:hidden overflow-auto" style="z-index: 99999;">
    <div class="relative">
        <div class="logo sidehead p-4">
            <div class="w-56">
                <a href="https://wolverineengines.com">
                    <img
                        src="https://wolverineengines.com/storage/settings/site_logo-1711880120.gif"
                        alt="">
                </a>
            </div>
        </div>
        <ul class="menu_mobile mt-2 border-b border-white border-opacity-25 pb-4">
            <li>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://wolverineengines.com" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-purple/header/menu/Home.svg" class="w-5 -mt-1 relative"
                         alt="Beranda">
                    <strong class="px-2 font-normal capitalize">Beranda</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://wolverineengines.com/sportsbook" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-purple/header/menu/Sportsbook.svg" class="w-5 -mt-1 relative"
                         alt="SPORTS">
                    <strong class="px-2 font-normal capitalize">Sports</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://wolverineengines.com/slot" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-purple/header/menu/slots.svg" class="w-5 -mt-1 relative"
                         alt="Slot">
                    <strong class="px-2 font-normal capitalize">Slot</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://wolverineengines.com/casino" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-purple/header/menu/Casino.svg" class="w-5 -mt-1 relative"
                         alt="Kasino">
                    <strong class="px-2 font-normal capitalize">Kasino</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://wolverineengines.com/togel" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-purple/header/menu/lottery.svg" class="w-5 -mt-1 relative"
                         alt="Togel">
                    <strong class="px-2 font-normal capitalize">Togel</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://wolverineengines.com/sabung-ayam" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-purple/header/menu/sabungayam.svg" class="w-5 -mt-1 relative"
                         alt="Sabung Ayam">
                    <strong class="px-2 font-normal capitalize">Sabung Ayam</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://wolverineengines.com/promotion" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-purple/header/menu/promotion.svg" class="w-5 -mt-1 relative"
                         alt="Promosi">
                    <strong class="px-2 font-normal capitalize">Promosi</strong>
                </a>
            </li>
        </ul>

                    <div class="akun_mobile px-4 mt-4 pb-4">
                <div class="mb-4 text-center">
                    <span class="iconify relative inline-block" data-icon="ant-design:clock-circle-filled"
                          data-inline="false"></span> <span id="currentDayMobile"
                                                            style="color: #FFFFFF "></span>
                    <span id="currentTimeMobile"
                          style="color: #FFFFFF "></span>
                </div>
                <form action="https://wolverineengines.com/login" method="POST">
                    <input type="hidden" name="_token" value="pDyHdKOhxl4R5SUPvpuOjux0a6087GibeHweqyF6" autocomplete="off">                    <input type="text" name="username" id="username_mobile"
                           class="login_input  p-2 block mx-auto px-4 focus:outline-none rounded-md mb-2 w-full"
                           placeholder="username" value="" required>
                    <input type="password" name="password" id="password_mobile"
                           class="login_input  p-2 block mx-auto px-4 focus:outline-none rounded-md mb-2 w-full"
                           placeholder="Password" required>
                    <div class="flex items-center gap-x-2">
                        <a href="https://wolverineengines.com/register" id="regis_mobile"
                           class="text-center p-2 rounded-md px-5 block w-2/4 focus:outline-none"
                           style="color: #FFFFFF ">
                            Daftar
                        </a>
                        <button type="submit" id="login_mobile"
                                class="bg-main text-white text-center p-2 mx-auto rounded-md px-5 block w-2/4 focus:outline-none">
                            Masuk
                        </button>
                    </div>
                </form>
            </div>
        
    </div>
</div>

<div id="header" class="lg:py-0 py-5 flex items-center relative">
    <div class="container mx-auto xl:px-0 px-4">
        <div class="flex justify-between items-center">
            <div class="kiri">
                <a href="https://wolverineengines.com" title="Logo">
                    <div class="logo sm:w-64 w-40">
                        <img class="max-w-full w-full"
                             src="https://wolverineengines.com/storage/settings/site_logo-1711880120.gif"
                             alt="Site Branding">
                    </div>
                </a>
            </div>
            <div class="nav">
                <button id="navigasi" class="text-2xl lg:hidden block focus:outline-none">
                    <span class="iconify" data-icon="fa:bars" data-inline="false"></span>
                </button>
                <ul id="menu" class="menu lg:flex hidden">
                    <li class="relative">
                        <a href="https://wolverineengines.com"
                           class="current lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-purple/header/menu/Home.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Beranda">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Beranda</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://wolverineengines.com/sportsbook"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-purple/header/menu/Sportsbook.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Sports">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Sports</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://wolverineengines.com/slot"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-purple/header/menu/slots.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Slot">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Slot</strong>
                        </a>
                    </li>

                    <li class="relative">
                        <a href="https://wolverineengines.com/casino"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-purple/header/menu/Casino.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="kasino">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Kasino</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://wolverineengines.com/togel" 
                        class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-12 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-purple/header/menu/lottery.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Togel">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Togel</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://wolverineengines.com/sabung-ayam"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-12 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-purple/header/menu/sabungayam.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Sabung Ayam">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Sabung Ayam</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://wolverineengines.com/promotion"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-purple/header/menu/promotion.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Promosi">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Promosi</strong>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="mini_bar bg-main py-2 relative" style="z-index: 1">
    <div class="container mx-auto xl:px-0 px-4">
        <div class="flex justify-between items-center">
            <div class="minimenu kiri text-base">
                                    <span class="iconify relative inline-block mr-2" data-icon="ant-design:clock-circle-filled"
                          data-inline="false"></span>
                    <span id="currentDayDesktop" class="font-normal"></span>
                    <span id="currentTimeDesktop" class="font-normal"></span>
                            </div>
            <div class="kanan flex lg:block hidden">
                                    <form action="https://wolverineengines.com/login" method="POST" class="flex items-center">
                        <input type="hidden" name="_token" value="pDyHdKOhxl4R5SUPvpuOjux0a6087GibeHweqyF6" autocomplete="off">                        <div class="flex items-center relative">
                            <label for="header_username_login" class="absolute left-4">
                                <img src="/assets/images/dark-purple/header/icon-username.svg" alt="">
                            </label>
                            <input type="text" value="" placeholder="Username"
                                   name="username" id="header_username_login"
                                   class="login_input rounded-full pl-10 pr-2 focus:outline-none mx-1"
                                   autocomplete="username" required style="padding-top:6px;padding-bottom:6px;">
                        </div>
                        <div class="flex items-center relative">
                            <label for="header_password_login" class="absolute left-4">
                                <img src="/assets/images/dark-purple/header/icon-password.svg"
                                     style="top: -1px;position:relative" alt="">
                            </label>
                            <input type="password" name="password" id="header_password_login" placeholder="Password"
                                   class="login_input rounded-full pl-10 pr-2 focus:outline-none mx-1"
                                   autocomplete="current-password" style="padding-top:6px;padding-bottom:6px;">
                        </div>
                        <button type="submit" id="login_btn"
                                class="px-4 uppercase text-center font-semibold rounded-full mx-1 focus:outline-none"
                                style="padding-top:6px;padding-bottom:6px;">Masuk
                        </button>
                        <a href="https://wolverineengines.com/register"
                           class="bg-daftar text-center text-black rounded-full px-4 uppercase font-semibold"
                           style="padding-top:6px;padding-bottom:6px;">Daftar</a>
                    </form>
                            </div>
        </div>
    </div>
</div>

<script>
        var currentDay = '3';
    var currentHour = '16';
    var currentMinute = '24';
    var currentSecond = '42';

    var tagCurrentDayMobile = document.getElementById('currentDayMobile');
    var tagCurrentTimeMobile = document.getElementById('currentTimeMobile');

    var tagCurrentDayDesktop = document.getElementById('currentDayDesktop');
    var tagCurrentTimeDesktop = document.getElementById('currentTimeDesktop');

    var days = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu'];

    tagCurrentDayMobile.innerText = days[currentDay];
    tagCurrentTimeMobile.innerText = currentHour + ':' + currentMinute + ':' + currentSecond;

    tagCurrentDayDesktop.innerText = days[currentDay];
    tagCurrentTimeDesktop.innerText = currentHour + ':' + currentMinute + ':' + currentSecond;

    setInterval(function () {
        currentSecond++;
        if (currentSecond == 60) {
            currentSecond = 0;
            currentMinute++;
            if (currentMinute == 60) {
                currentMinute = 0;
                currentHour++;
                if (currentHour == 24) {
                    currentHour = 0;
                    currentDay++;
                    if (currentDay == 7) {
                        currentDay = 0;
                    }
                }
            }
        }

        tagCurrentDayMobile.innerText = days[currentDay];
        tagCurrentDayDesktop.innerText = days[currentDay];

        var textTime = '';

        if (currentHour < 10) {
            if (currentHour.length == 1) {
                textTime += '0' + currentHour + ':';
            } else {
                textTime += currentHour + ':';
            }
        } else {
            textTime += currentHour + ':';
        }

        if (currentMinute < 10) {
            if (currentMinute.length == 1) {
                textTime += '0' + currentMinute + ':';
            } else {
                textTime += currentMinute + ':';
            }
        } else {
            textTime += currentMinute + ':';
        }

        if (currentSecond < 10) {
            textTime += '0' + currentSecond;
        } else {
            textTime += currentSecond;
        }

        tagCurrentTimeMobile.innerText = textTime;
        tagCurrentTimeDesktop.innerText = textTime;
    }, 1000);
    </script>
            <div id="wrapper" class="lg:mt-4 mt-2 lg:mb-10 mb-2">
        <div class="my-2">
            <div class="container mx-auto lg:px-0 px-4 py-0 my-2">
    
    
    
    
            <script>
            // alert: don't change this var to let or const, because it will be overwritten
            var closeModalFeedback = document.querySelector('.close-modal-feedback');
            var overlayModalFeedback = document.querySelector('.overlay-feedback');
            var modalFeedback = document.querySelector('.modal-feedback');

            if (closeModalFeedback) {
                closeModalFeedback.addEventListener('click', function() {
                    overlayModalFeedback.style.display = 'none';
                })
            }

            document.addEventListener('keydown', (event) => {
                if (event.key === 'Enter') {
                    if (modalFeedback) modalFeedback.style.display = 'none';
                    if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
                }
            })

            document.addEventListener('keyup', (event) => {
                if (event.code === 'Space' && event.target === document.body) {
                    event.preventDefault();
                    if (modalFeedback) modalFeedback.style.display = 'none';
                    if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
                }
            })

            document.addEventListener('keydown', (event) => {
                if (event.key === 'Escape') {
                    if (modalFeedback) modalFeedback.style.display = 'none';
                    if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
                }
            })
        </script>
    
</div>
        </div>
        <div class="container mx-auto xl:px-0 px-4">
            <div class="informasi w-full top-0 z-10">
                <div class="container mx-auto">
                    <div class="info_bar w-full lg:px-0 rounded-full flex">
                        <div
                            class="text-center text-sm inline-block lg:pl-4 pl-2 py-1 font-normal float-left uppercase text-white">
                            <img class="w-5" src="/assets/images/dark-purple/header/icon-pengumuman.svg"
                                alt="">
                        </div>
                        <marquee class="text-sm block overflow-hidden flex items-center" direction="left">
                            <span class="">(01/Oct/2025)</span>
                            Telah hadir deposit Via QRIS di situs DANAGG deposit Aman &amp; nyaman  Saldo langsung masuk otomatis  ke dalam akun kurang dari 1 menit   !!!
                        </marquee>
                    </div>
                </div>
            </div>

            <div class="slide-container relative mt-4">
                <div class="slideshow overflow-hidden relative">
                                                                                                    <div class="slides overflow-hidden">
                                <div class="relative">
                                    <div class="images">
                                        <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                            src="https://pub-4342a8a4bc4e4ea6a1ae05c91296684a.r2.dev/erp/beu8Wcdd.png"
                                            alt="Pragmatic Daily Winz Mega Gacor">
                                    </div>
                                </div>
                            </div>
                                                                                                                                                                                                    <div class="slides overflow-hidden">
                                <div class="relative">
                                    <div class="images">
                                        <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                            src="https://pub-4342a8a4bc4e4ea6a1ae05c91296684a.r2.dev/erp/Sweet Rush Bonanza_Daily-Tournaments desktop.webp"
                                            alt="Pragmatic Turnamen Harian Sweet Rush Bonanza">
                                    </div>
                                </div>
                            </div>
                                                                                                                    
                                                                        <a href="https://wolverineengines.com/" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/selamat-datang-1711627960.webp"
                                        alt="Selamat Datang">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://wolverineengines.com/" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/tujuan-deposit-1713353817.webp"
                                        alt="TUJUAN DEPOSIT">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://wolverineengines.com/download-apk" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/aplikasi-danagg-1711628036.webp"
                                        alt="Aplikasi DANAGG">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://wolverineengines.com/" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/total-kemenangan-1711628290.webp"
                                        alt="Total Kemenangan">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://wolverineengines.com/" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/qris-1711628123.webp"
                                        alt="QRIS">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://wolverineengines.com/promotion" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/btw-bonus-tidak-wede-1711628225.webp"
                                        alt="BTW ( Bonus Tidak Wede )">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://wolverineengines.com/promotion" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/bonus-new-member-1711628426.webp"
                                        alt="Bonus New Member">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://wolverineengines.com/promotion" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/bonus-rollingan-harian-1711628372.webp"
                                        alt="Bonus Rollingan Harian">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://lucky-spindanaggwow.com/" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/06-1680165874.webp"
                                        alt="DANAGG Wheel of Witch Danagg">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://wolverineengines.com/promotion" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/extra-petir-1679136335.webp"
                                        alt="DANAGG EXTRA PETIR">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                            
                                                                                                    <div class="slides overflow-hidden">
                                <div class="relative">
                                    <div class="images">
                                        <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                            src="https://pub-4342a8a4bc4e4ea6a1ae05c91296684a.r2.dev/erp/playwin promo desktop.webp"
                                            alt="Spade Gaming Promo (D)">
                                    </div>
                                </div>
                            </div>
                                                                                                                                    </div>
            </div>
                            <div class="xl:block hidden">
                    <div class="triangle lg:flex flex-row flex-nowrap justify-between items-stretch relative mb-5"
                        style="align-content: stretch">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img style="height: 350px;"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-slot-1686561193.webp"
                                    alt="">
                            </a>
                        </div>
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="lg:w-655 lg:h-175"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-sportsbook-1686561193.webp">
                            </a>
                        </div>
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="lg:w-595"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-livecasino-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="lg:flex flex-row flex-nowrap justify-between items-stretch relative mb-5">
                        <div class="games">
                            <a href="#login_form" rel="modal:open">
                                <img class="lg:w-625"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-lottery-1686561193.webp">
                            </a>
                        </div>
                        <div class="games absolute lg:right-0">
                            <a href="#login_form" rel="modal:open">
                                <img class="max-w-full" style="width: 600px"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-promotion-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="lg:flex items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img src="https://wolverineengines.com/storage/images/homepage-desktop-customer_service-1686561193.webp">
                            </a>
                        </div>
                        <div class="relative lg:w-72 pl-5">
                            <a href="#login_form" rel="modal:open">
                                <img class="relative w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-download-app-1686561193.webp">
                            </a>
                        </div>
                    </div>
                </div>

                <div class="sm:block lg:hidden hidden">
                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-slot-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-sportsbook-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-livecasino-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-lottery-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-customer_service-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-promotion-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="x block relative items-center mt-3">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-download-app-1686561193.webp">
                            </a>
                        </div>
                    </div>


                </div>

                <div class="sm:hidden">
                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-slot-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-sportsbook-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-livecasino-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-lottery-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-customer_service-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-promotion-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="x block relative items-center mt-3">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-download-app-1686561193.webp">
                            </a>
                        </div>
                    </div>


                </div>

                <div class="xl:hidden lg:block hidden">
                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-slot-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-sportsbook-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-livecasino-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-lottery-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-customer_service-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-promotion-1686561193.webp">
                            </a>
                        </div>
                    </div>

                    <div class="x block relative items-center mt-3">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://wolverineengines.com/storage/images/homepage-desktop-download-app-1686561193.webp">
                            </a>
                        </div>
                    </div>
                </div>
            
        </div>
    </div>
        <style>
    #footer .containerss {
        transform-origin: top center !important;
        -moz-transform: scale(0.95) !important;
    }

    .density h2 {
        margin-bottom: 1rem;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .density h3 {
        margin-bottom: 1rem;
        font-size: 1rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .density h1 {
        font-size: 1.8rem;
        margin-bottom: 1rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .density ul {
        padding-left: 1rem;
        list-style-type: disc;
        line-height: 2rem;
    }

    .density ol {
        padding-left: 1rem;
        list-style-type: number;
        line-height: 2rem;
    }
</style>
<div id="footer" class="lg:py-8 lg:pt-8 pt-2 pb-2 h-full" style="color: #FFFFFF">
    <div class="containerss container h-full">
        <div class="grid lg:grid-cols-3 grid-cols-1 lg:gap-x-4 gap-x-2 lg:my-6 my-2" style="">
            <div class="lg:mb-0 mb-5 text-left">
                <div class="license">
                    <h2 class="uppercase whitespace-nowrap tracking-widest lg:text-xl text-sm font-medium"
                        style="color: #7A11BE">Lisensi</h2>
                </div>
                                    <div class="logofooter mt-4">
                        <img class="lg:w-48 w-36 mx-0 mx-auto max-w-full w-full"
                             src="https://wolverineengines.com/storage/settings/site_logo-1711880120.gif" alt="Site Branding">
                    </div>
                            </div>
            <div class="browser lg:mb-0 mb-8 text-left">
                <h2 class="uppercase whitespace-nowrap tracking-widest lg:text-xl text-sm font-medium"
                    style="color: #7A11BE">Browser yang didukung</h2>
                <div class="flex gap-x-2 items-center mt-4">
                    <img class="lg:w-auto w-32 mx-0"
                         src="https://wolverineengines.com/assets/images/dark-purple/footer/supported.svg"
                         alt="Supported">
                </div>
            </div>
            <div class="browser lg:mb-0 mb-8 text-left">
                <h2 class="uppercase whitespace-nowrap tracking-widest lg:text-xl text-sm font-medium"
                    style="color: #7A11BE">Tanggung Jawab Bermain</h2>
                <div class="flex gap-x-2 items-center mt-4">
                    <img class="lg:w-auto w-48 mx-0"
                         src="https://wolverineengines.com/assets/images/dark-purple/footer/responsible.svg"
                         alt="Responsive">
                </div>
            </div>
        </div>

                    <div class="density border-t border-b pt-4 pb-4 border-main border-opacity-25">
                <style>
                    .density p {
                        line-height: 25px;
                        margin-bottom: 1rem;
                    }
                </style>
                <p><br></p>
            </div>
        
        <div class="lg:mt-6 mt-2">
            <div class="lg:flex justify-between items-center py-4">
                <p class="lg:mb-0 mb-4 lg:text-left text-center">Hak Cipta © Sinarplay.</p>
                <div class="relative lg:flex hidden items-center gap-x-2">
                    <a href="#">Indonesia</a>
                    <span class="iconify" data-icon="ant-design:caret-down-filled"></span>
                </div>
            </div>
        </div>
    </div>
</div>

    <div id="floatMenu" class="lg:hidden fixed w-full py-2 bottom-0 rounded-t-2xl"
         style="box-shadow: 0px 3px 46px 13px rgb(0 0 0 / 24%);">
        <div class="flex justify-between items-center sm:w-3/4 w-full mx-auto text-center">
            <div class="w-2/6">
                <a href="#login_form" rel="modal:open">
                    <img class="mx-auto w-6 mb-2"
                         src="https://wolverineengines.com/assets/images/dark-purple/float-menu/float_login.svg"
                         alt="Login">
                    <span class="uppercase text-sm font-light"
                          style="color:#FFFFFF">Login</span>
                </a>
            </div>
            <div class="w-2/6">
                <a href="https://wolverineengines.com/register">
                    <img class="mx-auto w-6 mb-2"
                         src="https://wolverineengines.com/assets/images/dark-purple/float-menu/float_register.svg"
                         alt="Register">
                    <span class="uppercase text-sm font-light"
                          style="color:#FFFFFF">Daftar</span>
                </a>
            </div>
            <div class="w-2/6">
                <a href="https://app.chaport.com/widget/show.html?appid=665c2c55e8cdc54e7057e6d3"
                   target="_blank">
                    <img class="mx-auto w-6 mb-2"
                         src="https://wolverineengines.com/assets/images/dark-purple/float-menu/float_chat.svg"
                         alt="Live Chat">
                    <span class="uppercase text-sm font-light"
                          style="color:#FFFFFF">Live Chat</span>
                </a>
            </div>
        </div>
    </div>


<div id="overlay-body" class="overlay-body bg-black bg-opacity-50 fixed w-full h-full top-0 bottom-0 hidden"></div>

<div id="login_form" class="hidden">
    <div class="relative">
        <div class="shadow-2xl rounded-lg lg:w-595 modalback">
            <div class="p-5 text-center rounded-t-lg modalhead">
                <div class="logo text-center mx-auto w-64">
                    <img class="w-full mx-auto max-w-fll"
                         src="https://wolverineengines.com/storage/settings/site_logo-1711880120.gif"
                         alt="">
                </div>
            </div>
            <form action="https://wolverineengines.com/login" method="POST" class="mt-4 p-5">
                <input type="hidden" name="_token" value="pDyHdKOhxl4R5SUPvpuOjux0a6087GibeHweqyF6" autocomplete="off">                <h2 class="text-white lg:text-2xl text-lg uppercase font-semibold text-center mb-3"
                    style="color: #8F44C1">Login to your Account</h2>
                <div class="flex justify-start items-center mb-4">
                    <input type="text" name="username" id="modal_username_login"
                           class="w-full p-4 px-6 rounded-lg border border-white border-opacity-10 focus:outline-none"
                           placeholder="Username" style="background: #141517">
                </div>
                <div class="flex justify-start items-center">
                    <input type="password" name="password" id="modal_password_login"
                           class="w-full p-4 px-6 rounded-lg border border-white border-opacity-10 focus:outline-none"
                           placeholder="Password" style="background: #141517">
                </div>
                <div class="flex justify-between items-center my-4">
                    <div class="form-group flex">
                        <input type="checkbox" name="remember" id="remember" class="border border-main">
                        <label for="remember" class="ml-2 font-medium relative"
                               style="color:#FBFBFB;top: -3px;">Remember
                            Me</label>
                    </div>
                </div>
                <button type="submit"
                        class="bg-main text-center my-4 mb-2 text-white font-medium text-sm py-2 w-full block rounded-lg uppercase">
                    Submit
                    login
                </button>
                <a href="https://wolverineengines.com/register"
                   class="text-center transition-all duration-200 mb-4 text-main font-medium text-sm py-2 w-full block rounded-lg uppercase">Daftar</a>
            </form>
        </div>
    </div>
</div>

<div id="modal_inbox" class="modal_inbox hidden"
     style="background: #141517;color: #FBFBFB">
    <div class="relative">
        <div class="shadow-2xl rounded-lg p-6 lg:w-s595">
            <h2 class="text-2xl font-semibold text-left mb-5" id="modal_ticket_name"
                style="color: #FBFBFB"></h2>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Ticket No</strong> :
                </div>
                <div><span class="font-normal" id="modal_ticket_id"></span></div>
            </div>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Status</strong> <span>:</span>
                </div>
                <div><span class="font-normal capitalize" id="modal_ticket_status"></span></div>
            </div>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Tanggal</strong> <span>:</span>
                </div>
                <div><span class="font-normal capitalize" id="modal_ticket_tanggal"></span></div>
            </div>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Isi Pesan</strong> <span>:</span>
                </div>
                <div><span class="font-normal capitalize" id="modal_ticket_description"></span></div>
            </div>

            <div class="lg:flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="lg:flex w-20 font-medium">Isi Reply</strong> <span>:</span>
                </div>
                <div>
                    <p class="font-normal capitalize overflow-hidden text-justify" id="modal_ticket_reply"></p>
                </div>
            </div>

            <div class="flex justify-center">
                <a href="#close-modal" rel="modal:close"
                   class="bg-main text-center px-6 py-2 rounded-full text-white font-bold">Close</a>
            </div>
        </div>
    </div>
</div>


    <div class="modal-information modal-simple fixed overflow-hidden">
        <div class="modal-head py-2 px-4">
            <div class="justify-between items-center flex">
                <h2 class="font-semibold">Informasi Penting</h2>
                <button class="close-modal-simple focus:outline-none">
                    <img src="https://wolverineengines.com/assets/images/mobile-view/svg/icon-x.svg"
                         class="w-6 bg-white text-black rounded-full p-1" alt="">
                </button>
            </div>
        </div>
        <div class="modal-back">
                                                <img src="https://wolverineengines.com/storage/popups/image-desktop-popup-1712510338.webp" style="width:100%"
                         alt="Informasi Penting">
                                    </div>
    </div>

    <script>
        $(function () {
            if (localStorage.getItem('seen') != (new Date()).getDate()) {
                setTimeout(() => {
                    $('.modal-simple').show();
                    $('.overlay-body').addClass('show');
                    localStorage.setItem('seen', (new Date()).getDate());
                }, 1000);
            }
        });

        $('.close-modal-simple').click(function () {
            $('.modal-simple').hide();
            $('.overlay-body').removeClass('show');
        });
        $('.overlay-body').click(function () {
            $('.modal-simple').hide();
            $('.overlay-body').removeClass('show');
        })
    </script>

<style>
    .overlay-body {
        z-index: 1
    }
</style>



<style>
    .overlay-maintenance {
        background: rgb(0 0 0 / 80%);
        top: 0;
        z-index: 99999;
    }

    .overlay-maintenance .boxs {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    @media (min-width: 640px) {
    }

    @media (min-width: 768px) {
        .container {
            transform-origin: 50% 0%;
            zoom: 0.85;
            zoom: 85%;
            margin: auto;
            -moz-transform: scale(0.85)
        }

        #header .container {
            transform-origin: 50% 50%;
        }

        .bigcover .container {
            -moz-transform: scale(1)
        }

        .informasi .container,
        .kanan .container {
            transform-origin: 50% 0%;
            zoom: 1;
            zoom: 100%;
            margin: auto;
            -moz-transform: scale(1)
        }

        @-moz-document url-prefix() {
            #footer .container {
                margin-bottom: -2rem;
            }
        }

    }

    @media (min-width: 1024px) {
    }
</style>

    <style>
        @media screen and (min-width: 1200px) {
            @-moz-document url-prefix() {
                #wrapper {
                    margin-bottom: -7.5rem;
                }

                #footer .container {
                    margin-bottom: -11rem;
                }
            }
        }
    </style>
















<script>
    // alert: don't change this var to let or const, because it will be overwritten
    var closeModalFeedback = document.querySelector('.close-modal-feedback');
    var overlayModalFeedback = document.querySelector('.overlay-feedback');
    var modalFeedback = document.querySelector('.modal-feedback');

    if (closeModalFeedback) {
        closeModalFeedback.addEventListener('click', function () {
            overlayModalFeedback.style.display = 'none';
        })
    }

    document.addEventListener('keydown', (event) => {
            if (event.key === 'Enter') {
                if (modalFeedback) modalFeedback.style.display = 'none';
                if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
            }
        }
    )

    document.addEventListener('keyup', (event) => {
        if (event.code === 'Space' && event.target === document.body) {
            event.preventDefault();
            if (modalFeedback) modalFeedback.style.display = 'none';
            if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
        }
    })

    document.addEventListener('keydown', (event) => {
        if (event.key === 'Escape') {
            if (modalFeedback) modalFeedback.style.display = 'none';
            if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
        }
    })
</script>

    </div>
    <script src="https://wolverineengines.com/assets/float/float-navigation.js?v=1.1"></script>
    

    <script src="https://wolverineengines.com/assets/js/guest/app.js"></script>
    <script>
        const changeUangKu = (value) => {
            const dom = document.getElementById('uangku');
            if (dom) {
                dom.innerHTML = `Rp. ${value}`;
            }
        }
    </script>
    <script>
        function dropDown() {
            document.getElementById("myDropdown").classList.toggle("show");
        }
    </script>
        <script>
        $('.slideshow').slick({
            infinite: true,
            speed: 500,
            fade: true,
            autoplay: true,
            autoplaySpeed: 2000,
            cssEase: 'linear',
            prevArrow: '<button type="button" class="slick-next z-50 text-white absolute focus:outline-none left-0 lg:top-2/4 top-full"><span class="iconify text-6xl" data-icon="eva:arrow-ios-back-fill" data-inline="false"></span></button>',
            nextArrow: '<button type="button" class="slick-prev z-50 text-white absolute focus:outline-none right-0 lg:top-2/4 top-full"><span class="iconify text-6xl" data-icon="eva:arrow-ios-forward-fill" data-inline="false"></span></button>',
        });
    </script>

    <!-- Begin of Chaport Live Chat code -->
<script type="text/javascript">
(function(w,d,v3){
w.chaportConfig = {
appId : '665c2c55e8cdc54e7057e6d3'
};

if(w.chaport)return;v3=w.chaport={};v3._q=[];v3._l={};v3.q=function(){v3._q.push(arguments)};v3.on=function(e,fn){if(!v3._l[e])v3._l[e]=[];v3._l[e].push(fn)};var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://app.chaport.com/javascripts/insert.js';var ss=d.getElementsByTagName('script')[0];ss.parentNode.insertBefore(s,ss)})(window, document);
</script>
<!-- End of Chaport Live Chat code -->
    <!-- DanaGG Floating Widget -->
<div style="position: fixed;bottom: 60px;padding: 1rem;z-index: 1;">
		<div id="float-wrapper">
			<div onclick="showListItems()" class="button-float">
					<img
						src="https://esgroup.team/danagg/assets/btn-danagg.gif"
						alt="Button Float"
						style="width: 65px; height: 65px; object-fit: contain"
					/>
			</div>
			<div id="list-float">
				<div id="list-overlay"></div>
				<div class="lists">
					<a href="https://rebrand.ly/Rtp-Danagg/" target="_blank" rel="noopener">
						<img
							src="https://esgroup.team/danagg/assets/DanaGG-Icon-RTP.webp"
							style="width: 0; object-fit: contain"
							alt=""
						/>
					</a>
				</div>

				<div class="lists">
					<a href="https://rebrand.ly/Wa1-OfficialDANAGG" target="_blank" rel="noopener">
						<img
							src="https://esgroup.team/danagg/assets/Reset-Kata-Sandi-danagg.webp"
							style="width: 0; object-fit: contain"
							alt=""
						/>
					</a>
				</div>

				<div class="lists">
					<a href="https://rebrand.ly/Wa1-OfficialDANAGG" target="_blank" rel="noopener">
						<img
							src="https://esgroup.team/danagg/assets/DanaGG-Icon-WA.webp"
							style="width: 0; object-fit: contain"
							alt=""
						/>
					</a>
				</div>

				<div class="lists">
					<a href="https://rebrand.ly/Spinwow-Danagg/" target="_blank" rel="noopener">
						<img
							src="https://esgroup.team/danagg/assets/Wheels-of-Witch-Icon-danagg.webp"
							style="width: 0; object-fit: contain"
							alt=""
						/>
					</a>
				</div>

			</div>
		</div>
</div>
<!-- End DanaGG Floating Widget -->

    <script>
        const changeModalText = (inputObject) => {
            document.getElementById('modal_ticket_id').innerHTML = inputObject.getAttribute('data-id');
            document.getElementById('modal_ticket_name').innerHTML = inputObject.getAttribute('data-name');
            document.getElementById('modal_ticket_status').innerHTML = inputObject.getAttribute('data-status');
            document.getElementById('modal_ticket_description').innerHTML = inputObject.getAttribute(
                'data-description');
            document.getElementById('modal_ticket_reply').innerHTML = inputObject.getAttribute('data-reply');
            document.getElementById('modal_ticket_tanggal').innerHTML = inputObject.getAttribute('data-tanggal');
        }
    </script>

    
    



</body>

</html>
