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

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
    <title>สล็อตเว็บตรง เว็บสล็อต วอเลท ไม่มีขั้นต่ำ อันดับ 1 - AMBKING1234</title>
    <meta name="description" content="เว็บสล็อต ทดลองเล่นสล็อตเว็บตรง ที่ดีที่สุด ไม่ผ่านเอเย่นต์ มั่นใจได้ในความปลอดภัยและความน่าเชื่อถือ ระบบฝากถอนออโต้ รวดเร็วทันใจ รองรับ ทรูวอเลท และธนาคารชั้นนำ AMBKING1234">
    <link rel="icon" type="image/x-icon" href="/uploads/web/1762741709_e4e0c9247f9b6a44f070.webp">
    <script src="/assets/js/jquery-3.6.0.min.js"></script>
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css" />

    <link rel="stylesheet" href="/assets/css/style.css?v=1.0.11142">
    <!-- iOS PWA settings -->
    <link rel="manifest" href="/manifest.json">
    <!-- iOS Meta Tags - แสดงเฉพาะอุปกรณ์ iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="ambking1234">
    <link rel="apple-touch-icon" href="https://ambking1234.xyz/assets/icon-192.png?v=1">


    <!-- iPhone 14 / 15 Pro -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iphone-14-15-pro-1179x2556.jpg">

    <!-- iPhone 14 / 15 Pro Max -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iphone-14-15pro-max-1290x2796.jpg">

    <!-- iPhone 12 / 13 / 14 -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iphone-12-13-14-1170-x-2532.jpg">

    <!-- iPhone 12 / 13 Pro Max -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iphone-12-13-pro-max-1284-x-2778.jpg">

    <!-- iPhone X / XS / 11 Pro -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iphone-X-XS-11-pro-1125x2436.jpg">

    <!-- iPhone XR / 11 -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iphone-XR-11-828x1792.jpg">

    <!-- iPhone XS Max / 11 Pro Max -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iphone-XS%20Max-11-pro-max-1242x2688.jpg">

    <!-- iPhone 8 / 7 / 6s -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iphone-8-7-6s-750x1334.jpg">

    <!-- iPhone 8 Plus -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iPhone-8-Plus-1242x2208.jpg">

    <!-- iPhone SE (1st gen) -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iPhone-SE-%281st-gen%29640x1136.jpg">

    <!-- iPad Mini / Air -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/iPad-Mini-Air-1536x2048.jpg">

    <!-- iPad Pro 11 -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/ipad-pro-11-1668-x-2388.jpg">

    <!-- iPad Pro 12.9 -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://ambking1234.xyz/assets/splash/ipad-pro-12.9-2048x2732.jpg">


    <style>
        :root {
            --primary_color:
                #c1ecbe            ;
            --dark_color:
                #6bd3a1            ;
            --medium_color:
                #c5fdad            ;
            --light_color:
                #FFFFFF            ;
            --active_color:
                #d9f1bd            ;
            --highlight_color:
                #008f6b            ;
            --neutral_color:
                #c7fdae            ;
            --accent_color:
                #e0f4e1            ;
        }

        .bg-popup-style {
            position: absolute;
            top: -20px;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(/uploads/popup/1762696730_5c380407c378fb189225.webp) center / contain no-repeat;
            z-index: 1;
        }
    </style>
</head>

<body>
    <!-- Download Bar -->
    <div id="downloadBar" class="download-bar">
        <div class="download-left">
            <img src="/assets/icon-192.png?v=1" alt="ambking1234" class="download-logo">
            <div class="download-text">
                <div class="title">AMBKING1234</div>
                <div class="subtitle">ติดตั้ง App คลิกเลย!! ➡️➡️</div>
            </div>
        </div>

        <div class="download-right">
            <div class="btn-download-app" id="pwa-install-btn">ติดตั้งแอป</div>
            <button class="btn-close" onclick="closeDownloadBar()">✕</button>
        </div>
    </div>

    <style type="text/css">
        .download-bar {
            position: relative;
            width: 100%;
            background: #111;
            color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 16px;
            box-sizing: border-box;
            transition: height 0.3s ease, padding 0.3s ease;
        }

        .download-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .download-logo {
            width: 48px;
            height: 48px;
            object-fit: contain;
        }

        .download-text .title {
            font-size: 16px;
            font-weight: bold;
        }

        .download-text .subtitle {
            font-size: 13px;
            color: #ccc;
        }

        .download-right {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .btn-download-app {
            position: relative;
            display: inline-block;
            background: linear-gradient(135deg,
                    #e2b04a 0%,
                    #fbe29a 50%,
                    #c69320 100%);
            color: #020202;
            padding: 8px 14px;
            border-radius: 20px;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            overflow: hidden;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(255, 215, 100, 0.45);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        /* เอฟเฟกต์เงาวิ่ง */
        .btn-download-app::before {
            content: "";
            position: absolute;
            top: -50%;
            left: -60%;
            width: 40%;
            height: 200%;
            background: linear-gradient(120deg,
                    transparent,
                    rgba(255, 255, 255, 0.9),
                    transparent);
            transform: rotate(25deg);
            animation: shine 3.5s infinite;
        }

        @keyframes shine {
            0% {
                left: -60%;
            }

            60% {
                left: 120%;
            }

            100% {
                left: 120%;
            }
        }

        /* hover เพิ่มมิติ */
        .btn-download-app:hover {
            transform: translateY(-1px);
            box-shadow: 0 6px 16px rgba(255, 215, 100, 0.65);
        }

        /* กดแล้ว */
        .btn-download-app:active {
            transform: scale(0.97);
        }

        .btn-close {
            border: none;
            color: #fff;
            font-size: 20px;
            cursor: pointer;
        }

        /* ซ่อนแถบ */
        .download-bar.hidden {
            height: 0;
            padding: 0 16px;
            overflow: hidden;
        }

        .download-bar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 5;
        }

        .nav-top {
            position: fixed;
            left: 0;
            width: 100%;
            z-index: 4;
        }

        .content {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            overflow-y: auto;
            z-index: 1;
        }
    </style>
    <script>
        function adjustLayout() {
            const downloadBar = document.querySelector('.download-bar');
            const navTop = document.querySelector('.nav-top');
            const content = document.querySelector('.content');

            if (!navTop || !content) return;

            const barHeight = downloadBar && !downloadBar.classList.contains('hidden')
                ? downloadBar.offsetHeight
                : 0;

            const navHeight = navTop.offsetHeight;

            navTop.style.top = barHeight + 'px';
            content.style.top = (barHeight + navHeight) + 'px';
        }

        function closeDownloadBar() {
            const downloadBar = document.querySelector('.download-bar');
            if (!downloadBar) return;

            downloadBar.classList.add('hidden');

            setTimeout(() => {
                adjustLayout();
            }, 300);
        }

        window.addEventListener('load', adjustLayout);
        window.addEventListener('resize', adjustLayout);
    </script>
    <script>
        function isStandaloneMode() {
            return (
                window.matchMedia('(display-mode: standalone)').matches ||
                window.navigator.standalone === true
            );
        }

        function isInAppBrowser() {
            const ua = navigator.userAgent.toLowerCase();
            return (
                ua.includes('line') ||
                ua.includes('fbav') ||
                ua.includes('fb_iab') ||
                ua.includes('instagram') ||
                ua.includes('telegram') ||
                ua.includes('tiktok')
            );
        }

        document.addEventListener('DOMContentLoaded', () => {
            const downloadBar = document.getElementById('downloadBar');
            if (!downloadBar) return;

            // ✅ ซ่อนถ้าเปิดจากแอปที่ติดตั้งแล้ว หรือ in-app
            if (isStandaloneMode() || isInAppBrowser()) {
                downloadBar.style.display = 'none';
            }
        });
    </script>

    <div class="nav-top">
        <div class="main-top-nav">
            <div class="box1">
                <a href="/" target="_self"><img src="/uploads/web/1762741709_9a5a36292d0f3cc48489.webp"
                        alt="ambking1234" class="img-main-logo"></a>
            </div>
            <div class="box2 m-hide c-show">
                <div class="d-flex px-2 justify-content-around">
                                        <div class="top-nav-cat"><a href="/sport" class="guide-link"><img
                                src="/uploads/web/1763285584_c3772377dc02d7982594.webp"
                                alt="ambking1234"><span>กีฬา</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/slot" class="guide-link"><img
                                src="/uploads/web/1763285584_9fffeac11223459aa62a.webp"
                                alt="ambking1234"><span>สล็อต</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/casino" class="guide-link"><img
                                src="/uploads/web/1763285584_310aaea94f7816bb1515.webp"
                                alt="ambking1234"><span>คาสิโน</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/lotto" class="guide-link"><img
                                src="/uploads/web/1763285584_f0ba90debc7e9b6818dd.webp"
                                alt="ambking1234"><span>หวย</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/card" class="guide-link"><img
                                src="/uploads/web/1763285584_d5efbb4b80c2ba33b496.webp"
                                alt="ambking1234"><span>ไพ่</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/poker" class="guide-link"><img
                                src="/uploads/web/1763285584_4cd59dd4e9daa99a921a.webp"
                                alt="ambking1234"><span>โป๊กเกอร์</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/fishing" class="guide-link"><img
                                src="/uploads/web/1763285584_83c44da21db9749f3b06.webp"
                                alt="ambking1234"><span>ยิงปลา</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/cockfight" class="guide-link"><img
                                src="/uploads/web/1763285584_c4edce09e347afffed34.webp"
                                alt="ambking1234"><span>ไก่ชน</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/keno" class="guide-link"><img
                                src="/uploads/web/1763285584_055cae9040d85a27f256.webp"
                                alt="ambking1234"><span>คีโน่</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/trading" class="guide-link"><img
                                src="/uploads/web/1763285584_47f0338d20ee9a7321b8.webp"
                                alt="ambking1234"><span>เทรด</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/esport" class="guide-link"><img
                                src="/uploads/web/1760027726_05a292a75c9cdd7a9661.png"
                                alt="ambking1234"><span>อีสปอร์ต</span></a>
                    </div>

                </div>
            </div>
            <div class="box3">
                <div class="d-flex cover-button price-alert">
                                            <img src="/assets/img/side-icon/B-login-webp.webp" alt="ambking1234"
                            data-bs-toggle="modal" data-bs-target="#loginModal">
                        <img src="/assets/img/side-icon/B-register-or.webp" alt="ambking1234"
                            data-bs-toggle="modal" data-bs-target="#signupModal">
                    
                </div>
            </div>


        </div>

        <div class="menu-container c-hide">

            
            <!-- เมนูแบบ custom scroll -->
            <div class="menu-scroll">
                <div class="menu-items">

                    <a href="/sport" class="item">
                        <img src="/uploads/web/1763285584_c3772377dc02d7982594.webp" alt="ambking1234">
                        <span>กีฬา</span>
                    </a>
                    <a href="/slot" class="item">
                        <img src="/uploads/web/1763285584_9fffeac11223459aa62a.webp" alt="ambking1234">
                        <span>สล็อต</span>
                    </a>
                    <a href="/casino" class="item">
                        <img src="/uploads/web/1763285584_310aaea94f7816bb1515.webp" alt="ambking1234">
                        <span>คาสิโน</span>
                    </a>
                    <a href="/lotto" class="item">
                        <img src="/uploads/web/1763285584_f0ba90debc7e9b6818dd.webp" alt="ambking1234">
                        <span>หวย</span>
                    </a>
                    <a href="/card" class="item">
                        <img src="/uploads/web/1763285584_d5efbb4b80c2ba33b496.webp" alt="ambking1234">
                        <span>ไพ่</span>
                    </a>
                    <a href="/poker" class="item">
                        <img src="/uploads/web/1763285584_4cd59dd4e9daa99a921a.webp" alt="ambking1234">
                        <span>โป๊กเกอร์</span>
                    </a>
                    <a href="/fishing" class="item">
                        <img src="/uploads/web/1763285584_83c44da21db9749f3b06.webp" alt="ambking1234">
                        <span>ยิงปลา</span>
                    </a>
                    <a href="/cockfight" class="item">
                        <img src="/uploads/web/1763285584_c4edce09e347afffed34.webp" alt="ambking1234">
                        <span>ไก่ชน</span>
                    </a>
                    <a href="/keno" class="item">
                        <img src="/uploads/web/1763285584_055cae9040d85a27f256.webp" alt="ambking1234">
                        <span>คีโน่</span>
                    </a>
                    <a href="/tradind" class="item">
                        <img src="/uploads/web/1763285584_47f0338d20ee9a7321b8.webp" alt="ambking1234">
                        <span>เทรด</span>
                    </a>
                    <a href="/esport" class="item">
                        <img src="/uploads/web/1760027726_05a292a75c9cdd7a9661.png" alt="ambking1234">
                        <span>อีสปอร์ต</span>
                    </a>

                </div>
            </div>

        </div>





        <style>
            .menu-container {
                display: flex;
                align-items: center;
                height: 85px;
                background: var(--accent_color);
                border-top: 3px solid var(--dark_color);
                border-bottom: 3px solid var(--dark_color);
                overflow: hidden;
            }

            /* เกมโปรดอยู่ซ้ายคงที่ */
            .favorite-box {
                width: 70px;
                flex-shrink: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                border-right: 2px solid var(--dark_color);
            }

            /* ส่วนที่เลื่อน */
            .menu-scroll {
                flex: 1;
                overflow-x: auto;
                overflow-y: hidden;
                white-space: nowrap;
                scrollbar-width: none;
                /* Firefox */
            }

            .menu-scroll::-webkit-scrollbar {
                display: none;
                /* Chrome */
            }

            /* เมนูไอเท็ม */
            .menu-items {
                display: inline-flex;
                height: 100%;
            }

            .item {
                width: 65px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-decoration: none;
            }

            .item img {
                width: 45px;
                height: 45px;
                object-fit: contain;
            }

            .menu-scroll {
                height: 100%;
            }
        </style>
        <script>
            const scrollArea = document.querySelector('.menu-scroll');
            let isDown = false;
            let startX, scrollLeft;

            scrollArea.addEventListener('mousedown', e => {
                isDown = true;
                startX = e.pageX - scrollArea.offsetLeft;
                scrollLeft = scrollArea.scrollLeft;
            });

            scrollArea.addEventListener('mouseleave', () => {
                isDown = false;
            });

            scrollArea.addEventListener('mouseup', () => {
                isDown = false;
            });

            scrollArea.addEventListener('mousemove', e => {
                if (!isDown) return;
                e.preventDefault();
                const x = e.pageX - scrollArea.offsetLeft;
                const walk = (x - startX) * 1.5;
                scrollArea.scrollLeft = scrollLeft - walk;
            });

        </script>
    </div>
    <div class="side-menu" id="sideMenu"> <button class="menu-toggle" id="menuToggle"><span
                id="menuToggle-x">❯</span></button>
        <div class="menu-icons">
                            <a href="https://t.me/+ohdEFomPjO05NGVl" target="_blank">
                    <div>
                        <img src="/uploads/contacts/1757925782_3905aa2cde2a9af8908a.webp" alt="ambking1234">
                    </div>
                </a>
                <a href="https://t.me/ballsodamb126" target="_blank">
                    <div>
                        <img src="/assets/img/ball-1-1.webp" alt="ambking1234">
                    </div>
                </a>
                    </div>
    </div>


            <div class="modal fade show" id="newsModal" tabindex="-1" aria-modal="true" role="dialog">
            <div class="modal-dialog modal-dialog-centered position-relative">

                <!-- BG ของ popup -->
                <div class="bg-popup-style"></div>

                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="btn-close-custom" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body text-center">
                        <a href="https://ambking1234.xyz">
                            <img src="/uploads/popup/1777627174_57234cf13e5fda4f5bdf.jpg" alt="ambking1234"
                                class="popup-img">
                        </a>
                    </div>
                    <div class="modal-footer p-0">
                                                <div class="contacts-wrapper single">
                                                            <a href="https://lin.ee/nzR2iJf" target="_blank">
                                    <div class="contact-board">
                                        <img src="/uploads/contacts/1757925765_bfee8eb847c1cb6799eb.webp" alt="ambking1234">
                                        <div class="contact-text">
                                            <strong>น้องคิงบริการ1234</strong>
                                            <span>@720hilvl</span>
                                        </div>
                                    </div>
                                </a>
                                                            <a href="https://t.me/+ohdEFomPjO05NGVl" target="_blank">
                                    <div class="contact-board">
                                        <img src="/uploads/contacts/1757925782_3905aa2cde2a9af8908a.webp" alt="ambking1234">
                                        <div class="contact-text">
                                            <strong>Ambking 1234</strong>
                                            <span></span>
                                        </div>
                                    </div>
                                </a>
                                                            <a href="https://citly.me/X5SZP" target="_blank">
                                    <div class="contact-board">
                                        <img src="/uploads/contacts/1757925793_88c618e66296daa3a657.webp" alt="ambking1234">
                                        <div class="contact-text">
                                            <strong>Mr.king</strong>
                                            <span></span>
                                        </div>
                                    </div>
                                </a>
                                                    </div>
                    </div>
                </div>

            </div>
        </div>
        <script>
            document.addEventListener("DOMContentLoaded", function () {
                                    // อ่าน query string
                    const urlParams = new URLSearchParams(window.location.search);
                    const action = urlParams.get("action");

                    // ใช้ localStorage เก็บวันที่เปิด
                    let today = new Date().toISOString().slice(0, 10); // YYYY-MM-DD
                    let lastShown = localStorage.getItem("popupShownDate");

                    // เงื่อนไข: ถ้า action != register ค่อยเปิด popup
                    if (action !== "register" && lastShown !== today) {
                        let myModal = new bootstrap.Modal(document.getElementById('newsModal'));
                        myModal.show();

                        // เมื่อปิด modal ให้บันทึกวันที่
                        document.getElementById('newsModal').addEventListener('hidden.bs.modal', function () {
                            localStorage.setItem("popupShownDate", today);
                        });
                    }
                            });
        </script>
        <!-- =======================
     MODAL: ANDROID IN-APP
======================= -->
    <div class="modal fade" id="modal-android-inapp" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content p-3">
                <h5 class="mb-2">⚠️ กรุณาเปิดด้วย Google Chrome</h5>

                <p>ไม่สามารถติดตั้งแอปผ่านเบราว์เซอร์ภายในแอปนี้ได้</p>
                <p>กรุณาคัดลอกลิงก์ แล้วเปิดผ่าน Google Chrome เพื่อดำเนินการติดตั้ง</p>

                <button id="copyLinkBtnAndroid" class="btn btn-primary w-100 mt-2">
                    คัดลอกลิงก์
                </button>

                <button class="btn btn-secondary w-100 mt-2" data-bs-dismiss="modal">
                    ปิด
                </button>
            </div>
        </div>
    </div>

    <script>
        async function copyLink() {
            try {
                await navigator.clipboard.writeText(window.location.href);
                alert("คัดลอกลิงก์เรียบร้อยแล้ว\nโปรดนำไปเปิดใน Google Chrome");
            } catch (err) {
                const temp = document.createElement("input");
                temp.value = window.location.href;
                document.body.appendChild(temp);
                temp.select();
                document.execCommand("copy");
                document.body.removeChild(temp);

                alert("คัดลอกลิงก์เรียบร้อยแล้ว\nโปรดนำไปเปิดใน Google Chrome");
            }
        }

        const androidCopyBtn = document.getElementById("copyLinkBtnAndroid");
        if (androidCopyBtn) {
            androidCopyBtn.addEventListener("click", copyLink);
        }
    </script>
    <script>
        // -------------------- SERVICE WORKER --------------------
        if ("serviceWorker" in navigator) {
            navigator.serviceWorker.register("/service-worker.js");
        }

        // -------------------- Android Install --------------------
        let deferredPrompt = null;
        const installBtn = document.getElementById("pwa-install-btn");

        window.addEventListener("beforeinstallprompt", (e) => {
            e.preventDefault();
            deferredPrompt = e;

            // แสดงปุ่มติดตั้งเฉพาะ Android (non in-app ถูกจัดการจาก JS ชุดอื่นแล้ว)
            installBtn && (installBtn.style.display = "block");
        });

        if (installBtn) {
            installBtn.addEventListener("click", async () => {
                if (!deferredPrompt) return;

                deferredPrompt.prompt();
                await deferredPrompt.userChoice;
                deferredPrompt = null;
                installBtn.style.display = "none";
            });
        }
    </script>
    <script>
    document.addEventListener("DOMContentLoaded", () => {
        const installBtn = document.getElementById("pwa-install-btn");
        if (!installBtn) return;

        const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

        if (isIOS) {
            installBtn.addEventListener("click", (e) => {
                e.preventDefault();
                window.location.href = "/app/ios";
            });
        }
    });
</script>


    <script src="/assets/js/swiper-bundle.min.js"></script><div class="content ">
    <video autoplay loop muted playsinline preload="none" width="100%" >

        <!-- มือถือ -->
        <source src="/uploads/web/1777522064_5cda2e3b97f3aec5a2d5.webm" type="video/webm" media="(max-width: 767px)">

        <!-- จอใหญ่ -->
        <source src="/uploads/web/1777522064_1ebbb2552941e4a4863c.webm" type="video/webm" media="(min-width: 768px)">

    </video>
    <div class="container">
        <div class="text-center mt-3">
            <div class="tabs-wrapper tab-color">
                <!-- พื้นหลังสี fixed ด้านซ้าย -->
                <div class="active-hot"></div>

                <!-- Swiper แท็บเลื่อน -->
                <div class="swiper-container cover-swiper tabs">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide tabed" data-key="hit" onclick="switchTab('hit')">
                            <img src="assets/img/main/Gamehit-70x70.webp" class="logo-swiper-size">
                            <span>ยอดฮิต</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="newgame" onclick="switchTab('newgame')">
                            <img src="assets/img/main/UpdateNewGame-70x70.webp" class="logo-swiper-size">
                            <span>เกมส์ใหม่</span>
                        </div>
                        <div class="swiper-slide tabed active" data-key="slot" onclick="switchTab('slot')">
                            <img src="assets/img/main/SlotOnline-70x70.webp" class="logo-swiper-size">
                            <span>สล็อต</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="casino" onclick="switchTab('casino')">
                            <img src="assets/img/main/CasinoOnline-70x70.webp" class="logo-swiper-size">
                            <span>คาสิโน</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="sport" onclick="switchTab('sport')">
                            <img src="assets/img/main/SportOnline-70x70.webp" class="logo-swiper-size">
                            <span>กีฬา</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="hit" onclick="switchTab('hit')">
                            <img src="assets/img/main/Gamehit-70x70.webp" class="logo-swiper-size">
                            <span>ยอดฮิต</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="newgame" onclick="switchTab('newgame')">
                            <img src="assets/img/main/UpdateNewGame-70x70.webp" class="logo-swiper-size">
                            <span>เกมส์ใหม่</span>
                        </div>
                        <div class="swiper-slide tabed active" data-key="slot" onclick="switchTab('slot')">
                            <img src="assets/img/main/SlotOnline-70x70.webp" class="logo-swiper-size">
                            <span>สล็อต</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="casino" onclick="switchTab('casino')">
                            <img src="assets/img/main/CasinoOnline-70x70.webp" class="logo-swiper-size">
                            <span>คาสิโน</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="sport" onclick="switchTab('sport')">
                            <img src="assets/img/main/SportOnline-70x70.webp" class="logo-swiper-size">
                            <span>กีฬา</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="hit" onclick="switchTab('hit')">
                            <img src="assets/img/main/Gamehit-70x70.webp" class="logo-swiper-size">
                            <span>ยอดฮิต</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="newgame" onclick="switchTab('newgame')">
                            <img src="assets/img/main/UpdateNewGame-70x70.webp" class="logo-swiper-size">
                            <span>เกมส์ใหม่</span>
                        </div>
                        <div class="swiper-slide tabed active" data-key="slot" onclick="switchTab('slot')">
                            <img src="assets/img/main/SlotOnline-70x70.webp" class="logo-swiper-size">
                            <span>สล็อต</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="casino" onclick="switchTab('casino')">
                            <img src="assets/img/main/CasinoOnline-70x70.webp" class="logo-swiper-size">
                            <span>คาสิโน</span>
                        </div>
                        <div class="swiper-slide tabed" data-key="sport" onclick="switchTab('sport')">
                            <img src="assets/img/main/SportOnline-70x70.webp" class="logo-swiper-size">
                            <span>กีฬา</span>
                        </div>

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





            <!-- Initialize Swiper -->
            <script>

                var swiper = new Swiper('.swiper-container', {
                    slidesPerView: 3,
                    spaceBetween: 5,
                    loop: true,
                    loopFillGroupWithBlank: true,
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true,
                    },
                    centeredSlides: true,
                    autoplay: {
                        delay: 3000,
                        disableOnInteraction: false,
                    },
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true,
                    },
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev',
                    },
                    breakpoints: {
                        640: {
                            slidesPerView: 3,
                            spaceBetween: 0,
                        },
                        768: {
                            slidesPerView: 5,
                            spaceBetween: 00,
                        },
                        1024: {
                            slidesPerView: 5,
                            spaceBetween: 0,
                        },
                    }
                });

            </script>


            <div class="tab-content-wrapper">
                <div class="tab-content active">
                    <div class="row row-cols-3 row-cols-lg-5">
                        <div class="col game-banner my-1">
                            <a href="/slot/POPG">
                                <img src="/assets/img/demo/custom/slot/POPG.webp?v=new" width="100%" alt="Popular Game"
                                    loading="lazy">
                                <div class="text-center small">Popular Game</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/RECG">
                                <img src="/assets/img/demo/custom/slot/RECG.webp?v=new" width="100%" alt="Recommended"
                                    loading="lazy">
                                <div class="text-center small">Recommended</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/BIGW">
                                <img src="/assets/img/demo/custom/slot/BIGW.webp?v=new" width="100%" alt="Big Win"
                                    loading="lazy">
                                <div class="text-center small">Big Win</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/NEWG">
                                <img src="/assets/img/demo/custom/slot/NEWG.webp?v=new" width="100%" alt="New Game"
                                    loading="lazy">
                                <div class="text-center small">New Game</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/AMBS">
                                <img src="/assets/img/demo/custom/slot/AMBS.webp?v=new" width="100%" alt="Askmeslot"
                                    loading="lazy">
                                <div class="text-center small">Askmeslot</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/DRG">
                                <img src="/assets/img/demo/custom/slot/DRG.webp?v=new" width="100%" alt="Askmebet"
                                    loading="lazy">
                                <div class="text-center small">Askmebet</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/PGS">
                                <img src="/assets/img/demo/custom/slot/PGS.webp?v=new" width="100%" alt="PGS"
                                    loading="lazy">
                                <div class="text-center small">PGS</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/WB">
                                <img src="/assets/img/demo/custom/slot/WB.webp?v=new" width="100%" alt="Microslot"
                                    loading="lazy">
                                <div class="text-center small">Microslot</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/5G">
                                <img src="/assets/img/demo/custom/slot/5G.webp?v=new" width="100%" alt="5G Games"
                                    loading="lazy">
                                <div class="text-center small">5G Games</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/AMBG">
                                <img src="/assets/img/demo/custom/slot/AMBG.webp?v=new" width="100%" alt="Ambgaming"
                                    loading="lazy">
                                <div class="text-center small">Ambgaming</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/SEXS">
                                <img src="/assets/img/demo/custom/slot/SEXS.webp?v=new" width="100%" alt="Sexy Slot"
                                    loading="lazy">
                                <div class="text-center small">Sexy Slot</div>
                            </a>
                        </div>
                        <div class="col game-banner my-1">
                            <a href="/slot/AMP">
                                <img src="/assets/img/demo/custom/slot/AMP.webp?v=new" width="100%" alt="AMP"
                                    loading="lazy">
                                <div class="text-center small">AMP</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <script>
                const isLogin = false;
            </script>


        </div>

        <!--//lucky-->
        <div class="star-wrap">
            <img src="/assets/img/main/Winner-2.webp" class="star-img" alt="ambking1234">
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0639278XXX</p>
                    <p class="prize">96058.63฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0643066XXX</p>
                    <p class="prize">80303.31฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0836819XXX</p>
                    <p class="prize">66970.80฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0660793XXX</p>
                    <p class="prize">59560฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0831527XXX</p>
                    <p class="prize">52066฿</p>
                </div>
                    </div>


    </div>
</div>
<div class="bottom-nav">
  <div class="left-navbot">

    <div class="nav-item">
      <a href="/">
        <img src="/uploads/web/1762742240_8610712a3972ad8cc12f.webp" alt="ambking1234">
        <span>หน้าแรก</span></a>
    </div>

    <div class="nav-item">
      <a href="/promotions">
        <img src="/uploads/web/1762742240_66bd92a2f2059ba2a00a.webp" alt="ambking1234">
        <span>โปรโมชั่น</span></a>
    </div>
  </div>
  <div class="center-navbot">
          <div class="nav-item center" data-bs-toggle="modal" data-bs-target="#loginModal">
        <img src="/uploads/web/1762741709_e4e0c9247f9b6a44f070.webp" alt="ambking1234">
        <span>เข้าสู่ระบบ</span>
      </div>
      </div>
  <div class="right-navbot">
          <div class="nav-item" data-bs-toggle="modal" data-bs-target="#signupModal">
        <img src="/uploads/web/1762742240_b51954a7173797e8fb9a.webp" alt="ambking1234">
        <span>สมัครสมาชิก</span>
      </div>
        <div class="nav-item" data-bs-toggle="modal" data-bs-target="#contactModal">
      <img src="/uploads/web/1762742240_cb6f2a4738f9d5a2bf27.webp" alt="ambking1234">
      <span>ติดต่อเรา</span>
    </div>
  </div>

</div>

<div class="modal fade" id="loginModal" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered position-relative modal-dialog-login">
    <div>
      <div class="text-center"> <img src="/uploads/web/1772438497_53073726f63e47af381d.webp" alt="ambking1234"
          style="width:85%"> </div>
      <div class="modal-content">
        <div class="modal-header"> <button type="button" class="btn-close-custom" data-bs-dismiss="modal"
            aria-label="Close"></button> </div>
        <form id="loginForm" novalidate>
          <div class="modal-body"> <!-- Username -->
            <div class="mb-2"> <input type="text" class="form-control" id="username" name="username"
                placeholder="ชื่อผู้ใช้">
              <div class="error-text text-danger small mt-1" style="display:none;"> โปรดระบุชื่อผู้ใช้ </div>
            </div> <!-- Password -->
            <div class="mb-2"> <input type="password" class="form-control" id="password" name="password"
                placeholder="รหัสผ่าน">
              <span class="toggle-password-login" onclick="togglePassword(this, 'password')">
                <i class="fa-solid fa-eye"></i>
              </span>
              <div class="error-text text-danger small mt-1" style="display:none;"> ต้องการรหัสผ่าน </div>
            </div>
          </div>
          <div class="text-end">
            <div class="forgot-text" id="toForgotBtn">ลืมรหัสผ่าน</div>
          </div>
          <div id="res" class="text-center text-danger mb-1"></div>
          <div class="modal-footer"> <button type="submit" class="btn-comfirm">เข้าสู่ระบบ</button> <button
              type="button" class="btn-comfirm" id="toSignupBtn">สมัครสมาชิก</button> </div>
          <div class="d-flex justify-content-center my-2">
            <div class="under-box" onclick="location.href='/promotions'">

              <img src="/assets/img/main/ICON_gift-100x100.webp" alt="ambking1234">
              <span>โปรโมชั่น</span>
            </div>
            <div class="under-box" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#contactModal">
              <img src="/assets/img/main/ICON_line-100x100.webp" alt="ambking1234">
              <span>ติดต่อเรา</span>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="signupModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header text-center">
        
          <div class="mx-auto"><img src="/uploads/web/1773131095_ca76702741517d8426f1.gif" alt="ambking1234"
              class="register-img">
                    <h3 class="modal-title w-100 text-center mt-3">สมัครสมาชิก</h3>
        </div>


        <button type="button" class="btn-close-custom" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <input placeholder="เบอร์โทรศัพท์" class="form-control" type="text" id="tel" maxlength="16"
            oninput="validateTel()" onkeypress="return isNumberKey(event)" onblur="checkPhoneExists()">
          <div class="error-text" id="telError"></div>
        </div>

        <div class="form-group">
          <input placeholder="รหัสผ่าน" class="form-control" type="password" id="registerPassword"
            oninput="validateRegisterPassword()">
          <span class="toggle-password-2" onclick="togglePassword(this, 'registerPassword')">
            <i class="fa-solid fa-eye"></i>
          </span>
          <div class="error-text" id="registerPassError"></div>
        </div>
      </div>
      <div id="captchaBox" style="display:none;">
        <div class="form-group text-center">

          <img id="captchaImg" src="" style="height:50px;margin-bottom:10px;">

          <div class="d-flex justify-content-center align-items-center gap-2">
            <input type="text" id="captchaCode" class="form-control" placeholder="กรอกโค้ด"
              style="max-width:150px;">

            <button type="button" id="refreshCaptcha" class="btn btn-sm btn-secondary">
              รีเฟรช
            </button>
          </div>

        </div>
      </div>
      <div class="modal-footer">
        <div class="text-center">
          <button id="submitBtn" class="btn-comfirm mb-2" style="width:150px;" disabled>ต่อไป</button>

          <div>มีบัญชีอยู่แล้ว? <span id="toLoginBtn" class="text-link">เข้าสู่ระบบ</span></div>
          <div class="d-flex justify-content-center my-2">
            <div class="under-box" onclick="location.href='/promotions'">

              <img src="/assets/img/main/ICON_gift-100x100.webp" alt="ambking1234">
              <span>โปรโมชั่น</span>
            </div>
            <div class="under-box" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#contactModal">
              <img src="/assets/img/main/ICON_line-100x100.webp" alt="ambking1234">
              <span>ติดต่อเรา</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- forgot password-->
<div class="modal fade" id="forgotModal" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">

      <div class="modal-header position-relative">
        <h4 class="modal-title w-100 text-center mb-2">ลืมรหัสผ่าน</h4>

        <button type="button" class="btn-close-custom" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <div class="modal-body">
        <div class="mb-3">
          <input type="text" class="form-control" id="forgotPhone" name="forgotPhone" placeholder="เบอร์โทรศัพท์"
            required>
          <div class="error-text text-danger" style="display:none;">ระบุหมายเลขโทรศัพท์</div>
        </div>
      </div>

      <div class="modal-footer">
        <div class="text-center">
          <button type="submit" class="btn-comfirm forgotConfirmBtn">ยืนยัน</button>
          <div>ไม่มีบัญชี? <span class="text-link" id="toRegisterBtn">สมัครสมาชิก</span></div>
          <div class="d-flex justify-content-center my-2">
            <div class="under-box" onclick="location.href='/promotions'">

              <img src="/assets/img/main/ICON_gift-100x100.webp" alt="ambking1234">
              <span>โปรโมชั่น</span>
            </div>
            <div class="under-box" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#contactModal">
              <img src="/assets/img/main/ICON_line-100x100.webp" alt="ambking1234">
              <span>ติดต่อเรา</span>
            </div>
          </div>
        </div>

      </div>

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

<div class="modal fade" id="otpModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header position-relative">
        <h4 class="modal-title w-100 text-center mb-2">ยืนยันรหัส OTP</h4>

        <button type="button" class="btn-close-custom" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p id="otpInfoText" class="mb-2 text-muted small"></p>

        <div class="form-group text-center mb-3">
          <div class="d-flex justify-content-center gap-2 otp-input-wrapper">
            <input type="text" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 0)"
              onkeydown="handleBackspace(event, 0)">
            <input type="text" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 1)"
              onkeydown="handleBackspace(event, 1)">
            <input type="text" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 2)"
              onkeydown="handleBackspace(event, 2)">
            <input type="text" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 3)"
              onkeydown="handleBackspace(event, 3)">
            <input type="text" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 4)"
              onkeydown="handleBackspace(event, 4)">
            <input type="text" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 5)"
              onkeydown="handleBackspace(event, 5)">
          </div>
        </div>
        <div id="otpError" class="error-text text-center mt-2"></div>
        <div class="d-flex justify-content-between align-items-center">
          <span id="otpCountdown" class="text-danger small"></span>
          <button class="btn btn-link p-0" id="resendOtpBtn" onclick="resendOtp()" disabled>ขอรหัสใหม่</button>
        </div>

      </div>
      <div class="modal-footer">
        <button class="btn-comfirm w-100 mt-3" id="submitOtpBtn" onclick="submitOtp()" disabled>ยืนยัน OTP</button>
      </div>



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



<!-- Bank Update Modal -->
<div class="modal fade modalUBank" id="bankUpdateModal" tabindex="-1" aria-labelledby="bankUpdateModalLabel"
  aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <button type="button" class="btn-close position-absolute top-0 end-0 m-3" data-bs-dismiss="modal"
        aria-label="Close"></button>
      <form id="bankUpdateForm" novalidate>
        <div class="modal-header flex-column">
          <h5 id="modalTitle" class="modal-title mb-1">อัปเดตบัญชี</h5>
          <div class="btn-group w-100" role="group">
            <button type="button" class="btn bankUpdate-btn" id="btnPeer2Pay">อัพเดทบัญชี Peer2Pay</button>
            <button type="button" class="btn bankUpdate-btn" id="btnBankAccount">อัพเดทบัญชีธนาคาร</button>
          </div>
        </div>

        <div class="modal-body">
          <!-- เนื้อหาของ Peer2Pay -->
          <div id="contentPeer2Pay" style="display:none;">
            <div class="">
              <label for="peerUsername" class="form-label">Peer2Pay UID</label>
              <input type="text" class="form-control" id="peerUsername" name="peerUsername">

              <div class="error-text text-danger" style="display:none;">โปรดระบุข้อมูล</div>
            </div>
            <div>จะได้รับ Peer2Pay UID อย่างไร</div>
            <ul>
              <li>เข้าสู่ระบบที่เว็บไซต์หรือแอปพลิเคชัน <a href="https://peertopay.com/" class="text-link">Peer2Pay</a>
              </li>
              <li>กดที่โปรไฟล์ของคุณ</li>
              <li>คัดลอก UID ของคุณ</li>
            </ul>
            <div class="text-center">
              <div>หากคุณยังไม่มีบัญชี Peer2Pay <a href="https://peertopay.com/" class="text-link">สมัครตอนนี้ !</a>
              </div>
            </div>
          </div>

          <!-- เนื้อหาของบัญชีธนาคาร -->
          <div id="contentBankAccount">
            <div class="update-bank">
              <div class="">
                <label for="firstName" class="form-label">ชื่อจริง</label>
                <input type="text" class="form-control" id="firstName" name="firstName" required>
                <div class="error-text text-danger" style="display:none;">โปรดระบุชื่อจริง</div>
              </div>
              <div class="">
                <label for="lastName" class="form-label">นามสกุล</label>
                <input type="text" class="form-control" id="lastName" name="lastName" required>
                <div class="error-text text-danger" style="display:none;">โปรดระบุนามสกุล</div>
              </div>
              <div class="">
                <label for="bankSelect" class="form-label">เลือกธนาคาร</label>
                <select class="form-select" id="bankSelect" name="bankName" required>
                </select>
                <div class="error-text text-danger" style="display:none;">กรุณาเลือกธนาคาร</div>
              </div>
              <div class="">
                <label for="bankAccount" class="form-label">เลขบัญชี</label>
                <input type="text" class="form-control" id="bankAccount" name="bankAccount" required pattern="\d*">
                <div class="error-text text-danger" style="display:none;">โปรดระบุเลขที่บัญชี</div>
              </div>
            </div>
          </div>
        </div>

        <div class="modal-footer">
          <button type="submit" class="btn bankUpdate-btn updateBtn">ยืนยัน</button>
        </div>
      </form>
    </div>
  </div>
</div>
<!-- Modal -->
<div class="modal fade" id="gameModal" tabindex="-1" aria-labelledby="gameModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">

      <div class="modal-header">

        <h5 class="modal-title">เลือกเกม</h5>

        <button type="button" class="btn-close-custom" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">

        <!-- Tabs -->
        <ul class="nav nav-tabs" id="gameTabs" role="tablist">
          <li class="nav-item-board" role="presentation">
            <button class="nav-link active" id="fav-tab" data-bs-toggle="tab" data-bs-target="#fav" type="button"
              role="tab">รายการโปรด</button>
          </li>
          <li class="nav-item-board" role="presentation">
            <button class="nav-link" id="recent-tab" data-bs-toggle="tab" data-bs-target="#recent" type="button"
              role="tab">เล่นล่าสุด</button>
          </li>
        </ul>

        <!-- Tab Content -->
        <div class="tab-content mt-3">
          <!-- รายการโปรด -->
          <div class="tab-pane fade show active" id="fav" role="tabpanel" aria-labelledby="fav-tab">
            <div id="fav-list" class="g-3 view-grid-8"></div>
            <div class="d-flex justify-content-between align-items-center mt-3">
              <small id="fav-count" class="text-muted"></small>
              <nav>
                <ul class="pagination pagination-sm mb-0" id="fav-pagination"></ul>
              </nav>
            </div>
          </div>

          <!-- เล่นล่าสุด -->
          <div class="tab-pane fade" id="recent" role="tabpanel" aria-labelledby="recent-tab">
            <div id="recent-list" class="g-3 view-grid-8"></div>
            <div class="d-flex justify-content-between align-items-center mt-3">
              <small id="recent-count" class="text-muted"></small>
              <nav>
                <ul class="pagination pagination-sm mb-0" id="recent-pagination"></ul>
              </nav>
            </div>
          </div>
        </div>

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

<!-- end updateBanks -->

<!-- contact-->
<!-- Modal -->
<div class="modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header text-center">
        
          <div class="mx-auto"><img src="/uploads/web/1773131095_60c253316150d72c6537.gif" alt="ambking1234"
              class="register-img">
                    <h3 class="modal-title w-100 text-center mt-3">ช่องทางติดต่อเรา</h3>
        </div>

        <button type="button" class="btn-close-custom" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <div class="modal-body">
                              <a href="https://lin.ee/nzR2iJf" target="_blank">
              <div class="contact-card">
                <img src="/uploads/contacts/1757925765_bfee8eb847c1cb6799eb.webp" alt="ambking1234">
                <div class="contact-text">
                  <strong>น้องคิงบริการ1234</strong>
                  <span>@720hilvl</span>
                </div>
              </div>
            </a>

                      <a href="https://t.me/+ohdEFomPjO05NGVl" target="_blank">
              <div class="contact-card">
                <img src="/uploads/contacts/1757925782_3905aa2cde2a9af8908a.webp" alt="ambking1234">
                <div class="contact-text">
                  <strong>Ambking 1234</strong>
                  <span></span>
                </div>
              </div>
            </a>

                      <a href="https://citly.me/X5SZP" target="_blank">
              <div class="contact-card">
                <img src="/uploads/contacts/1757925793_88c618e66296daa3a657.webp" alt="ambking1234">
                <div class="contact-text">
                  <strong>Mr.king</strong>
                  <span></span>
                </div>
              </div>
            </a>

                        </div>

    </div>
  </div>
</div>
<div id="toastContainer" class="position-fixed bottom-0 end-0 p-3 alert-box" style="z-index: 9999"></div>

<script>
  const isLoggedIn = false;
</script>

<script src="/assets/js/main.js?v=1.0.0.1144"></script>
<script src="/assets/js/modal-handler.js?v=1.0.11138"></script>

<script>
const VERIFY_TYPE = 0;
</script>
<!-- CSS -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<!-- JS -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>


</body>

</html>