<!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>ambking99</title>
    <meta name="description" content="ambking99">
    <link rel="icon" type="image/x-icon" href="/uploads/web/1763449507_1c130b2c977fc4b20587.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.11296">
    <!-- 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="ambking99">
    <link rel="apple-touch-icon" href="https://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/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://ambking99.wtf/assets/splash/ipad-pro-12.9-2048x2732.jpg">


    <style>
        :root {
            --primary_color:
                #ECC0ED            ;
            --dark_color:
                #B16AD2            ;
            --medium_color:
                #F4AFFD            ;
            --light_color:
                #FFFFFF            ;
            --active_color:
                #E4C0F2            ;
            --highlight_color:
                #70008F            ;
            --neutral_color:
                #DEAFFD            ;
            --accent_color:
                #F0E1F5            ;
        }
    </style>
</head>

<body>
    <!-- Download Bar -->
    <div id="downloadBar" class="download-bar">
        <div class="download-left">
            <img src="/assets/icon-192.png?v=1" alt="ambking99" class="download-logo">
            <div class="download-text">
                <div class="title">AMBKING99</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/1763033298_c10368040ad2954fdfbc.webp"
                        alt="ambking99" class="img-main-logo"></a>
            </div>
            <div class="box2 m-hide c-show">
                
            </div>
            <div class="box3">
                <div class="d-flex cover-button price-alert">
                                            <img src="/assets/img/side-icon/B-login-webp.webp" alt="ambking99"
                            data-bs-toggle="modal" data-bs-target="#loginModal">
                        <img src="/assets/img/side-icon/B-register-or.webp" alt="ambking99"
                            data-bs-toggle="modal" data-bs-target="#signupModal">
                    
                </div>
            </div>
            
            </div>
            <div class="menu-com m-hide c-show">
                <div class="menu-com-sec">
                                        <div class="top-nav-cat"><a href="/sport" class="guide-link"><img
                                src="/uploads/web/1789370338_e3259f7f4793d25b0603.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/slot" class="guide-link"><img
                                src="/uploads/web/1789370338_171cd79f5acc32087003.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/muay" class="guide-link"><img
                                src="/uploads/web/1789370338_bf16936dc338d3cd064c.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/casino" class="guide-link"><img
                                src="/uploads/web/1789370338_a6139c591bcdc23c4e21.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/lotto" class="guide-link"><img
                                src="/uploads/web/1789370338_d79b3ba54a725cb5407d.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/card" class="guide-link"><img
                                src="/uploads/web/1789370338_456062ac6830609c533a.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/poker" class="guide-link"><img
                                src="/uploads/web/1789370338_8fd1bfb8106f2ba57684.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/fishing" class="guide-link"><img
                                src="/uploads/web/1789370338_9d1a4f2d5308177612fc.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/cockfight" class="guide-link"><img
                                src="/uploads/web/1789370338_2572a5fc7199e2e39299.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/keno" class="guide-link"><img
                                src="/uploads/web/1789370338_789688a6ce730202fadf.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/trading" class="guide-link"><img
                                src="/uploads/web/1789370338_9b368092d4c5cce5f58d.webp"
                                alt="ambking99"></a>
                    </div>
                    <div class="top-nav-cat"><a href="/esport" class="guide-link"><img
                                src="/uploads/web/1789370338_0a13cd043cc1f1545378.webp"
                                alt="ambking99"></a>
                    </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/1789370338_e3259f7f4793d25b0603.webp" alt="ambking99">
                    </a>
                    <a href="/slot" class="item">
                        <img src="/uploads/web/1789370338_171cd79f5acc32087003.webp" alt="ambking99">
                    </a>
                    <a href="/muay" class="item">
                        <img src="/uploads/web/1789370338_bf16936dc338d3cd064c.webp" alt="ambking99">
                    </a>
                    <a href="/casino" class="item">
                        <img src="/uploads/web/1789370338_a6139c591bcdc23c4e21.webp" alt="ambking99">
                    </a>
                    <a href="/lotto" class="item">
                        <img src="/uploads/web/1789370338_d79b3ba54a725cb5407d.webp" alt="ambking99">
                    </a>
                    <a href="/card" class="item">
                        <img src="/uploads/web/1789370338_456062ac6830609c533a.webp" alt="ambking99">
                    </a>
                    <a href="/poker" class="item">
                        <img src="/uploads/web/1789370338_8fd1bfb8106f2ba57684.webp" alt="ambking99">
                    </a>
                    <a href="/fishing" class="item">
                        <img src="/uploads/web/1789370338_9d1a4f2d5308177612fc.webp" alt="ambking99">
                    </a>
                    <a href="/cockfight" class="item">
                        <img src="/uploads/web/1789370338_2572a5fc7199e2e39299.webp" alt="ambking99">
                    </a>
                    <a href="/keno" class="item">
                        <img src="/uploads/web/1789370338_789688a6ce730202fadf.webp" alt="ambking99">
                    </a>
                    <a href="/trading" class="item">
                        <img src="/uploads/web/1789370338_9b368092d4c5cce5f58d.webp" alt="ambking99">
                    </a>
                    <a href="/esport" class="item">
                        <img src="/uploads/web/1789370338_0a13cd043cc1f1545378.webp" alt="ambking99">
                    </a>

                </div>
            </div>

        </div>
        <script>
document.addEventListener('DOMContentLoaded', function () {

    const menu = document.querySelector('.menu-scroll');
    const items = document.querySelector('.menu-items');

    if (!menu || !items) return;


    // =========================================
    // SETTINGS
    // =========================================

    const autoSpeed = 0.5;

    let position = 0;

    let isDragging = false;

    let startX = 0;
    let startPosition = 0;

    let hasMoved = false;


    // =========================================
    // GET MAX POSITION
    // =========================================

    function getMaxMove() {

        return Math.max(
            0,
            items.scrollWidth - menu.clientWidth
        );

    }


    // =========================================
    // UPDATE
    // =========================================

    function updateMenu() {

        items.style.transform =
            `translate3d(${position}px, 0, 0)`;

    }


    // =========================================
    // AUTO SCROLL
    // =========================================

    function autoScroll() {

        if (!isDragging) {

            const maxMove = getMaxMove();

            if (maxMove > 0) {

                position -= autoSpeed;

                // ถึงสุด
                if (position <= -maxMove) {

                    position = 0;

                }

                updateMenu();

            }

        }

        requestAnimationFrame(autoScroll);

    }


    // =========================================
    // POINTER DOWN
    // =========================================

    menu.addEventListener('pointerdown', function (e) {

        // Mouse เอาเฉพาะปุ่มซ้าย
        if (
            e.pointerType === 'mouse' &&
            e.button !== 0
        ) {
            return;
        }


        isDragging = true;
        hasMoved = false;

        startX = e.clientX;

        startPosition = position;


        // หยุด browser gesture
        menu.style.touchAction = 'none';

        menu.classList.add('dragging');


        // สำคัญมาก
        try {

            menu.setPointerCapture(e.pointerId);

        } catch (err) {}


        e.preventDefault();

    });


    // =========================================
    // POINTER MOVE
    // =========================================

    menu.addEventListener('pointermove', function (e) {

        if (!isDragging) return;


        const deltaX =
            e.clientX - startX;


        // ตรวจว่าเริ่มลากจริง
        if (Math.abs(deltaX) > 5) {

            hasMoved = true;

        }


        // คำนวณตำแหน่ง
        let newPosition =
            startPosition + deltaX;


        const maxMove =
            getMaxMove();


        // จำกัดขอบขวา
        if (newPosition > 0) {

            newPosition = 0;

        }


        // จำกัดขอบซ้าย
        if (newPosition < -maxMove) {

            newPosition = -maxMove;

        }


        position = newPosition;


        updateMenu();

    });


    // =========================================
    // END DRAG
    // =========================================

    function endDrag(e) {

        if (!isDragging) return;


        isDragging = false;


        menu.classList.remove('dragging');


        // คืนค่า touch-action
        menu.style.touchAction = 'pan-y';


        try {

            menu.releasePointerCapture(e.pointerId);

        } catch (err) {}

    }


    menu.addEventListener(
        'pointerup',
        endDrag
    );

    menu.addEventListener(
        'pointercancel',
        endDrag
    );


    // =========================================
    // ป้องกัน LINK ตอนลาก
    // =========================================

    menu.addEventListener(
        'click',
        function (e) {

            if (hasMoved) {

                e.preventDefault();

                e.stopPropagation();

                hasMoved = false;

            }

        },
        true
    );


    // =========================================
    // START
    // =========================================

    updateMenu();

    autoScroll();

});
</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/+WBuCU9Ct7tBkYzU1" target="_blank">
                    <div>
                        <img src="/uploads/contacts/1778833097_8bd3d23c31faa3ffb5ed.webp" alt="ambking99">
                    </div>
                </a>
                    </div>
    </div>


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

                <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"></button>
                    </div>

                    <div class="modal-body text-center">

                        <div id="popupCarousel" class="carousel slide" data-bs-ride="carousel">

                            <div class="carousel-inner text-start">

                                                                                                    <div class="carousel-item active">
                                                                                    <a href="https://lin.ee/vfYW82t">
                                            
                                            <img src="/uploads/popup/1784981046_0b017d3be4f9d9c38ced.jpg" class="popup-img">

                                                                                        </a>
                                                                                <div class="px-2">

                                                                                            <h5 class="mt-2">เปลี่ยนไลน์</h5>
                                            
                                                                                    </div>
                                    </div>
                                                                                                        <div class="carousel-item ">
                                                                                    <a href="https://ambking99.lol/">
                                            
                                            <img src="/uploads/popup/1779946988_900fd5acf079ad01b0b7.jpg" class="popup-img">

                                                                                        </a>
                                                                                <div class="px-2">

                                                                                            <h5 class="mt-2">ดาวน์โหลด App</h5>
                                            
                                                                                    </div>
                                    </div>
                                                                                                        <div class="carousel-item ">
                                                                                    <a href="https://ambking99.lol/">
                                            
                                            <img src="/uploads/popup/1781354386_64e9ae94bb6bda819125.jpg" class="popup-img">

                                                                                        </a>
                                                                                <div class="px-2">

                                                                                            <h5 class="mt-2">ฝากใหม่ระบบ Auto Peer รวดเร็วทันใจ</h5>
                                            
                                                                                    </div>
                                    </div>
                                                                                                        <div class="carousel-item ">
                                                                                    <a href="https://ambking99.lol/?action=register">
                                            
                                            <img src="/uploads/popup/1790239768_8c5ce7d2dcda809566ec.jpg" class="popup-img">

                                                                                        </a>
                                                                                <div class="px-2">

                                                                                            <h5 class="mt-2">สมาชิกใหม่รับโบนัส 50%</h5>
                                            
                                                                                    </div>
                                    </div>
                                                                    
                            </div>
                            <!-- footer เดิม -->
                            <div class="modal-footer p-0">
                                                                <div class="contacts-wrapper double">
                                                                            <a href="https://lin.ee/PZ5uRS5" target="_blank">
                                            <div class="contact-board">
                                                <img src="/uploads/contacts/1785043286_bca35d215b658266c3ad.webp">
                                                <div class="contact-text">
                                                    <strong>@578uyczu</strong>
                                                    <span></span>
                                                </div>
                                            </div>
                                        </a>
                                                                            <a href="https://t.me/+WBuCU9Ct7tBkYzU1" target="_blank">
                                            <div class="contact-board">
                                                <img src="/uploads/contacts/1778833097_8bd3d23c31faa3ffb5ed.webp">
                                                <div class="contact-text">
                                                    <strong>Ambking99</strong>
                                                    <span></span>
                                                </div>
                                            </div>
                                        </a>
                                                                            <a href="https://www.facebook.com/profile.php?id=61579278425402" target="_blank">
                                            <div class="contact-board">
                                                <img src="/uploads/contacts/1778833107_9f69e90e62c31e67f5d1.webp">
                                                <div class="contact-text">
                                                    <strong>The King99</strong>
                                                    <span></span>
                                                </div>
                                            </div>
                                        </a>
                                                                            <a href="https://lin.ee/6euEtHd" target="_blank">
                                            <div class="contact-board">
                                                <img src="/uploads/contacts/1785043294_bdaf3e449344c4404682.webp">
                                                <div class="contact-text">
                                                    <strong>@209plgqs</strong>
                                                    <span></span>
                                                </div>
                                            </div>
                                        </a>
                                                                    </div>
                            </div>

                            <!-- ปุ่มเลื่อน -->
                                                            <button class="carousel-control-prev" type="button" data-bs-target="#popupCarousel"
                                    data-bs-slide="prev">
                                    <span class="carousel-control-prev-icon"></span>
                                </button>

                                <button class="carousel-control-next" type="button" data-bs-target="#popupCarousel"
                                    data-bs-slide="next">
                                    <span class="carousel-control-next-icon"></span>
                                </button>
                            
                        </div>

                    </div>



                </div>
            </div>
        </div>
        <script>
            document.addEventListener("DOMContentLoaded", function () {

                const urlParams = new URLSearchParams(window.location.search);
                const action = urlParams.get("action");

                if (action !== "register") {
                    let myModal = new bootstrap.Modal(document.getElementById('newsModal'));
                    myModal.show();
                }

            });
        </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/1786355386_5b5612f49feeb53aebce.webm" type="video/webm" media="(max-width: 767px)">

        <!-- จอใหญ่ -->
        <source src="/uploads/web/1786355386_539664f9cb18ebf26fdc.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="ambking99">
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0994811XXX</p>
                    <p class="prize">98358.62฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0902514XXX</p>
                    <p class="prize">85465.71฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0869499XXX</p>
                    <p class="prize">80695฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0677062XXX</p>
                    <p class="prize">77060฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0903969XXX</p>
                    <p class="prize">59281฿</p>
                </div>
                    </div>


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

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

    <div class="nav-item">
      <a href="/promotions">
        <img src="/uploads/web/1763033964_8a75cf92dc206d9965f2.webp" alt="ambking99">
        <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/1763449507_1c130b2c977fc4b20587.webp" alt="ambking99">
        <span>เข้าสู่ระบบ</span>
      </div>
      </div>
  <div class="right-navbot">
          <div class="nav-item" data-bs-toggle="modal" data-bs-target="#signupModal">
        <img src="/uploads/web/1763033964_5f2bcc0f6ba14a6b4e23.webp" alt="ambking99">
        <span>สมัครสมาชิก</span>
      </div>
        <div class="nav-item" data-bs-toggle="modal" data-bs-target="#contactModal">
      <img src="/uploads/web/1763033964_810c5a4231611aabfd8c.webp" alt="ambking99">
      <span>ติดต่อเรา</span>
    </div>
  </div>

</div>

<div class="modal fade" id="loginModal" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered modal-dialog-login">
    <div class="modal-content login-modal-bg">

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

      <form id="loginForm" novalidate>

        <!-- พื้นที่รูป -->
        <div class="modal-body login-body">


          <div class="login-input-area">

            <input type="text" class="form-control mt-2" id="username" placeholder="ชื่อผู้ใช้งาน" oninput="this.value = this.value.replace(/[^A-Za-z0-9]/g, '')">
            <div class="error-text text-danger small mt-1" style="display:none;"> ชื่อผู้ใช้งาน </div>


            <input type="password" class="form-control mt-2" id="password" name="password" placeholder="รหัสผ่าน" maxlength="24">
            <span class="toggle-password-2" 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 id="res" class="text-center text-danger mb-1"></div>
            <div class="d-flex justify-content-between mt-2 px-4 align-items-center">
              <div class="d-flex">
                <div class="forgot-text" id="toForgotBtn">ลืมรหัสผ่าน</div>
                <div class="forgot-text-green" id="toSignupBtn">สมัครสมาชิก</div>
              </div>
              <button type="submit" class="btn-comfirm">เข้าสู่ระบบ</button>
            </div>
          </div>



        </div>

        <div class="modal-footer d-flex justify-content-around align-items-center">
          <div onclick="location.href='/promotions'">
            <img src="/uploads/web/i-promotion-150x150.webp" alt="ambking99" width="28px">
            <span style="color: #fff;margin-left:2px">โปรโมชั่น</span>
          </div>
          <div data-bs-toggle="modal" data-bs-target="#contactModal"><img src="/uploads/web/i-line-150x150.webp"
              width="28px"> <span style="color: #fff;margin-left:2px">ติดต่อเรา</span></div>
        </div>

      </form>

    </div>
  </div>
</div>
<style>
  #loginModal .modal-content,
  #signupModal .modal-content {
    border-radius: 25px;
    background: #ffffff00;
    box-shadow: 0 0 10px 1px #0000;
    border: none;
    padding: 0 10px;
  }

  #loginModal .modal-footer,
  #signupModal .modal-footer {
    border: none;
    padding: 0 .75rem;
    justify-content: center;
    background: var(--dark_color);
    border-radius: 0 0 20px 20px;
  }

  .modal-dialog-login {
    max-width: 430px;
    margin: auto;
  }

  .login-modal-bg {
    background: transparent;
    border: none;
    box-shadow: none;
  }

  .login-body {
    position: relative;
    padding: 0;
    height: 470px;
    background: url(/uploads/web/1779876006_efc6fd305a1938487b82.webp) no-repeat center top;
    background-size: cover;
    overflow: hidden;
  }

  .regis-body {
    position: relative;
    padding: 0;
    height: 440px;
    background: url(/uploads/web/1787819825_ca68aebbbb8f6e93cb76.webp) no-repeat center top;
    background-size: cover;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
  }

  /* กล่อง input ล่างสุด */
  .login-input-area {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    /* จัดกลาง */
    width: 100%;
    gap: 8px;
  }

  /* input ทั้ง 2 ช่อง */
  .login-input-area input {
    width: 80%;
    border: none;
    outline: none;
    background: rgba(255, 255, 255);
    color: #000;
    border-radius: 8px;
    margin: auto;
  }




  .login-input {
    height: 58px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #fff;
    text-align: center;
    font-weight: 600;
  }

  .login-input::placeholder {
    color: #fff;
  }

  /* เส้นแบ่งกลาง */
  .input-half:first-child {
    border-right: 1px solid rgba(255, 255, 255, .5);
  }
</style>
<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">
        <button type="button" class="btn-close-custom" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <div class="modal-body regis-body">
        <div class="login-input-area">
          <div class="form-group">
            <input placeholder="เบอร์โทรศัพท์" class="form-control" type="text" oninput="this.value = this.value.replace(/[^0-9]/g, '')" id="tel" maxlength="10"
              oninput="validateTel()" onkeypress="return " 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()" maxlength="24">
            <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 id="captchaBox" style="display:none;width: 50%;margin: auto;">
            <div class="form-group text-center">

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

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

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

            </div>
          </div>
          <div class="d-flex justify-content-between mt-2 px-4 align-items-center">
            <div style="color: #fff">มีบัญชีอยู่แล้ว? <span id="toLoginBtn" class="text-link-green">เข้าสู่ระบบ</span>
            </div>
            <button id="submitBtn" class="btn-comfirm mb-2" style="width:115px;" disabled>ต่อไป</button>
          </div>
        </div>
      </div>
      <div class="modal-footer d-flex justify-content-around align-items-center">
        <div onclick="location.href='/promotions'">
          <img src="/uploads/web/i-promotion-150x150.webp" alt="ambking99" width="28px">
          <span style="color: #fff;margin-left:2px">โปรโมชั่น</span>
        </div>
        <div data-bs-toggle="modal" data-bs-target="#contactModal"><img src="/uploads/web/i-line-150x150.webp"
            width="28px"> <span style="color: #fff;margin-left:2px">ติดต่อเรา</span></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="ambking99">
              <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="ambking99">
              <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" inputmode="numeric" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 0)"
              onkeydown="handleBackspace(event, 0)">
            <input type="text" inputmode="numeric" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 1)"
              onkeydown="handleBackspace(event, 1)">
            <input type="text" inputmode="numeric" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 2)"
              onkeydown="handleBackspace(event, 2)">
            <input type="text" inputmode="numeric" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 3)"
              onkeydown="handleBackspace(event, 3)">
            <input type="text" inputmode="numeric" maxlength="1" class="otp-box form-control text-center" oninput="handleOtpInput(this, 4)"
              onkeydown="handleBackspace(event, 4)">
            <input type="text" inputmode="numeric" 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="">
                <input type="text" class="form-control" id="firstName" name="firstName" required placeholder="ชื่อจริง">
                <div class="error-text text-danger" style="display:none;">โปรดระบุชื่อจริง</div>
              </div>
              <div class="">
                <input type="text" class="form-control" id="lastName" name="lastName" required placeholder="นามสกุล">
                <div class="error-text text-danger" style="display:none;">โปรดระบุนามสกุล</div>
              </div>
              <div class="">
                <input type="text" class="form-control" id="firstNameEn" name="firstNameEn" required placeholder="ชื่อจริง(ภาษาอังกฤษ)">
                <div class="error-text text-danger" style="display:none;">โปรดระบุชื่อจริง(ภาษาอังกฤษ)</div>
              </div>
              <div class="">
                <input type="text" class="form-control" id="lastNameEn" name="lastNameEn" required placeholder="นามสกุล(ภาษาอังกฤษ)">
                <div class="error-text text-danger" style="display:none;">โปรดระบุนามสกุล(ภาษาอังกฤษ)</div>
              </div>
              <div class="">
                <select class="form-select" id="bankSelect" name="bankName" required>
                </select>
                <div class="error-text text-danger" style="display:none;">กรุณาเลือกธนาคาร</div>
              </div>
              <div class="">
                <input type="text" class="form-control" id="bankAccount" name="bankAccount" required pattern="\d*" placeholder="เลขบัญชี">
                <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/1782449024_5bba3d01e432266f4379.webp" alt="ambking99" class="register-img">
                                <img src="/uploads/web/1783484995_223c06625e2bb1b9f530.webp" alt="ambking99" 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="contacts-wrapper double">
                      <a href="https://lin.ee/PZ5uRS5" target="_blank">
              <div class="contact-board">
                <img src="/uploads/contacts/1785043286_bca35d215b658266c3ad.webp">
                <div class="contact-text">
                  <strong>@578uyczu</strong>
                  <span></span>
                </div>
              </div>
            </a>
                      <a href="https://t.me/+WBuCU9Ct7tBkYzU1" target="_blank">
              <div class="contact-board">
                <img src="/uploads/contacts/1778833097_8bd3d23c31faa3ffb5ed.webp">
                <div class="contact-text">
                  <strong>Ambking99</strong>
                  <span></span>
                </div>
              </div>
            </a>
                      <a href="https://www.facebook.com/profile.php?id=61579278425402" target="_blank">
              <div class="contact-board">
                <img src="/uploads/contacts/1778833107_9f69e90e62c31e67f5d1.webp">
                <div class="contact-text">
                  <strong>The King99</strong>
                  <span></span>
                </div>
              </div>
            </a>
                      <a href="https://lin.ee/6euEtHd" target="_blank">
              <div class="contact-board">
                <img src="/uploads/contacts/1785043294_bdaf3e449344c4404682.webp">
                <div class="contact-text">
                  <strong>@209plgqs</strong>
                  <span></span>
                </div>
              </div>
            </a>
                  </div>
      </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.1140"></script>
<script src="/assets/js/modal-handler.js?v=1.0.11188"></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>
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.6/Sortable.min.js"></script>

</body>

</html>