<!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>มั่นคง88 -  ระบบออโต้ฝาก ถอนง่าย รวมทุกเกม ทุกค่ายดัง เว็บตรงเจ้าใหญ่</title>
    <meta name="description" content="มั่นคง88 เว็บตรงระบบออโต้ ฝาก-ถอนง่าย รวดเร็วทันใจ รองรับทุกธนาคาร รวมครบทุกเกม ทุกค่ายดังไว้ในที่เดียว สล็อต คาสิโนสด บาคาร่า ยิงปลา หรือบอล สมัครง่าย เล่นได้ตลอด 24 ชั่วโมง">
    <link rel="icon" type="image/x-icon" href="/uploads/web/1774085653_b6e7afb2c0da5c5f116c.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.11161">
    <!-- 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="มั่นคง88">
    <link rel="apple-touch-icon" href="https://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/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://xn--88-uqim2g1b2g4h.com/assets/splash/ipad-pro-12.9-2048x2732.jpg">


    <style>
        :root {
            --primary_color:
                #EDDAC0            ;
            --dark_color:
                #FFA21F            ;
            --medium_color:
                #FDD5AF            ;
            --light_color:
                #FFFFFF            ;
            --active_color:
                #F2DDC0            ;
            --highlight_color:
                #FFA21F            ;
            --neutral_color:
                #FDD2AF            ;
            --accent_color:
                #F5EAE1            ;
        }
    </style>
</head>

<body>
    <!-- Download Bar -->
    <div id="downloadBar" class="download-bar">
        <div class="download-left">
            <img src="/assets/icon-192.png?v=1" alt="มั่นคง88" class="download-logo">
            <div class="download-text">
                <div class="title">มั่นคง88</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/1774085055_8951f8c19b27a244a339.webp"
                        alt="มั่นคง88" 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/1774085820_029399551d2638a4981c.webp"
                                alt="มั่นคง88"><span>กีฬา</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/slot" class="guide-link"><img
                                src="/uploads/web/1774085820_c8b3239da5ca3a2f8b16.webp"
                                alt="มั่นคง88"><span>สล็อต</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/muay" class="guide-link"><img
                                src="/uploads/web/1777971470_c0a8a4d943a4eb9f8888.webp"
                                alt="มั่นคง88"><span>มวย</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/casino" class="guide-link"><img
                                src="/uploads/web/1778028063_2f05bc90d628a35032a6.webp"
                                alt="มั่นคง88"><span>คาสิโน</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/lotto" class="guide-link"><img
                                src="/uploads/web/1774085820_6dea90dcccfbdc741078.webp"
                                alt="มั่นคง88"><span>หวย</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/card" class="guide-link"><img
                                src="/uploads/web/1774085820_2540f0f83518060d3a34.webp"
                                alt="มั่นคง88"><span>ไพ่</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/poker" class="guide-link"><img
                                src="/uploads/web/1774085820_b86a350731743070ddd6.webp"
                                alt="มั่นคง88"><span>โป๊กเกอร์</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/fishing" class="guide-link"><img
                                src="/uploads/web/1774085820_bd0dd96ab2cae477db1d.webp"
                                alt="มั่นคง88"><span>ยิงปลา</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/cockfight" class="guide-link"><img
                                src="/uploads/web/1774085820_aae5c624430b22f210fe.webp"
                                alt="มั่นคง88"><span>ไก่ชน</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/keno" class="guide-link"><img
                                src="/uploads/web/1774085820_a60d9dfda1e2a3fb0752.webp"
                                alt="มั่นคง88"><span>คีโน่</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/trading" class="guide-link"><img
                                src="/uploads/web/1774085820_632f0e2a6d27fd2ca1de.webp"
                                alt="มั่นคง88"><span>เทรด</span></a>
                    </div>
                    <div class="top-nav-cat"><a href="/esport" class="guide-link"><img
                                src="/uploads/web/1774085820_17b740be53aed321e358.webp"
                                alt="มั่นคง88"><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="มั่นคง88"
                            data-bs-toggle="modal" data-bs-target="#loginModal">
                        <img src="/assets/img/side-icon/B-register-or.webp" alt="มั่นคง88"
                            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/1774085820_029399551d2638a4981c.webp" alt="มั่นคง88">
                        <span>กีฬา</span>
                    </a>
                    <a href="/slot" class="item">
                        <img src="/uploads/web/1774085820_c8b3239da5ca3a2f8b16.webp" alt="มั่นคง88">
                        <span>สล็อต</span>
                    </a>
                    <a href="/muay" class="item">
                        <img src="/uploads/web/1777971470_c0a8a4d943a4eb9f8888.webp" alt="มั่นคง88">
                        <span>มวย</span>
                    </a>
                    <a href="/casino" class="item">
                        <img src="/uploads/web/1778028063_2f05bc90d628a35032a6.webp" alt="มั่นคง88">
                        <span>คาสิโน</span>
                    </a>
                    <a href="/lotto" class="item">
                        <img src="/uploads/web/1774085820_6dea90dcccfbdc741078.webp" alt="มั่นคง88">
                        <span>หวย</span>
                    </a>
                    <a href="/card" class="item">
                        <img src="/uploads/web/1774085820_2540f0f83518060d3a34.webp" alt="มั่นคง88">
                        <span>ไพ่</span>
                    </a>
                    <a href="/poker" class="item">
                        <img src="/uploads/web/1774085820_b86a350731743070ddd6.webp" alt="มั่นคง88">
                        <span>โป๊กเกอร์</span>
                    </a>
                    <a href="/fishing" class="item">
                        <img src="/uploads/web/1774085820_bd0dd96ab2cae477db1d.webp" alt="มั่นคง88">
                        <span>ยิงปลา</span>
                    </a>
                    <a href="/cockfight" class="item">
                        <img src="/uploads/web/1774085820_aae5c624430b22f210fe.webp" alt="มั่นคง88">
                        <span>ไก่ชน</span>
                    </a>
                    <a href="/keno" class="item">
                        <img src="/uploads/web/1774085820_a60d9dfda1e2a3fb0752.webp" alt="มั่นคง88">
                        <span>คีโน่</span>
                    </a>
                    <a href="/tradind" class="item">
                        <img src="/uploads/web/1774085820_632f0e2a6d27fd2ca1de.webp" alt="มั่นคง88">
                        <span>เทรด</span>
                    </a>
                    <a href="/esport" class="item">
                        <img src="/uploads/web/1774085820_17b740be53aed321e358.webp" alt="มั่นคง88">
                        <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/munkong88" target="_blank">
                    <div>
                        <img src="/uploads/contacts/1777883721_5cd2e755390a8202dfdf.webp" alt="มั่นคง88">
                    </div>
                </a>
            
                <a href="https://t.me/ballsodamb126" target="_blank">
                    <div>
                        <img src="/assets/img/ball-1-1.webp" alt="มั่นคง88">
                    </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">
                                        
                                            <img src="/uploads/popup/1778140546_fd0e7ca02bfa4179eb46.jpg" class="popup-img">

                                                                                    <div class="px-2">
                                            
                                                                                            <h5 class="mt-2">เปิดให้บริการแล้ว</h5>
                                            
                                                                                            <p style="font-size: 14px"><p>ความปังรอคุณอยู่ สมาชิกใหม่รับโบนัส 50%</p></p>
                                                                                    </div>
                                    </div>
                                                                                                        <div class="carousel-item ">
                                        
                                            <img src="/uploads/popup/1777883225_389b53d284e3347b8386.png" class="popup-img">

                                                                                    <div class="px-2">
                                            
                                                                                            <h5 class="mt-2">aurora เว็บเบาวเซอร์!</h5>
                                            
                                                                                            <p style="font-size: 14px"><p>&nbsp;เข้าได้ทุกลิงค์ ปลอดภัย ไม่มีปิดกั้น</p></p>
                                                                                    </div>
                                    </div>
                                                                    
                            </div>
                            <!-- footer เดิม -->
                            <div class="modal-footer p-0">
                                                                <div class="contacts-wrapper double">
                                                                            <a href="https://lin.ee/5P00kOK" target="_blank">
                                            <div class="contact-board">
                                                <img src="/uploads/contacts/1777883730_53c0980ed1b5ac8963d9.webp">
                                                <div class="contact-text">
                                                    <strong>มั่นคง ครบจบที่เดียว</strong>
                                                    <span>@481evrhz</span>
                                                </div>
                                            </div>
                                        </a>
                                                                            <a href="https://t.me/munkong88" target="_blank">
                                            <div class="contact-board">
                                                <img src="/uploads/contacts/1777883721_5cd2e755390a8202dfdf.webp">
                                                <div class="contact-text">
                                                    <strong>มั่นคง88</strong>
                                                    <span></span>
                                                </div>
                                            </div>
                                        </a>
                                                                            <a href="https://www.facebook.com/profile.php?id=61583366627537" target="_blank">
                                            <div class="contact-board">
                                                <img src="/uploads/contacts/1777900731_1f9d200281927de8db63.webp">
                                                <div class="contact-text">
                                                    <strong>มั่นคง88</strong>
                                                    <span></span>
                                                </div>
                                            </div>
                                        </a>
                                                                            <a href="https://lin.ee/7RkJBmo" target="_blank">
                                            <div class="contact-board">
                                                <img src="/uploads/contacts/1777974853_0081237955194267126c.webp">
                                                <div class="contact-text">
                                                    <strong>มั่นคง ทีมแอดมิน</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/1776689839_c9427182aa6225b1fded.webm" type="video/webm" media="(max-width: 767px)">

        <!-- จอใหญ่ -->
        <source src="/uploads/web/1776689839_736105fb60d42642ee30.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="มั่นคง88">
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0980667XXX</p>
                    <p class="prize">96082.58฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0923122XXX</p>
                    <p class="prize">75046฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0687273XXX</p>
                    <p class="prize">71111฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0898524XXX</p>
                    <p class="prize">61035฿</p>
                </div>
                            <div class="labels">
                    <p>ID</p>
                    <p class="usernameTag">0699005XXX</p>
                    <p class="prize">51536฿</p>
                </div>
                    </div>


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

    <div class="nav-item">
      <a href="/">
        <img src="/uploads/web/1774085868_c9ea40704336bbb840a3.webp" alt="มั่นคง88">
        <span>หน้าแรก</span></a>
    </div>

    <div class="nav-item">
      <a href="/promotions">
        <img src="/uploads/web/1774085868_382d207ebe9454756705.webp" alt="มั่นคง88">
        <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/1774085653_b6e7afb2c0da5c5f116c.webp" alt="มั่นคง88">
        <span>เข้าสู่ระบบ</span>
      </div>
      </div>
  <div class="right-navbot">
          <div class="nav-item" data-bs-toggle="modal" data-bs-target="#signupModal">
        <img src="/uploads/web/1774085868_ba5eb35e0109aee11544.webp" alt="มั่นคง88">
        <span>สมัครสมาชิก</span>
      </div>
        <div class="nav-item" data-bs-toggle="modal" data-bs-target="#contactModal">
      <img src="/uploads/web/1774085868_69fa024c2531a4fe06df.webp" alt="มั่นคง88">
      <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" name="username" placeholder="ชื่อผู้ใช้">
              <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="รหัสผ่าน">
              <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="มั่นคง88" 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/1778142457_7b4f468021437260f3eb.webp) no-repeat center top;
    background-size: cover;
    overflow: hidden;
}

.regis-body{
    position: relative;
    padding: 0;
    height: 440px;
    background: url(/uploads/web/1778138646_40eaa120de4dfa193bb5.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" 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 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="มั่นคง88" 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="มั่นคง88">
              <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="มั่นคง88">
              <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/1776689874_607bcb6d1c688f22336a.gif" alt="มั่นคง88"
              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/5P00kOK" target="_blank">
              <div class="contact-card">
                <img src="/uploads/contacts/1777883730_53c0980ed1b5ac8963d9.webp" alt="มั่นคง88">
                <div class="contact-text">
                  <strong>มั่นคง ครบจบที่เดียว</strong>
                  <span>@481evrhz</span>
                </div>
              </div>
            </a>

                      <a href="https://t.me/munkong88" target="_blank">
              <div class="contact-card">
                <img src="/uploads/contacts/1777883721_5cd2e755390a8202dfdf.webp" alt="มั่นคง88">
                <div class="contact-text">
                  <strong>มั่นคง88</strong>
                  <span></span>
                </div>
              </div>
            </a>

                      <a href="https://www.facebook.com/profile.php?id=61583366627537" target="_blank">
              <div class="contact-card">
                <img src="/uploads/contacts/1777900731_1f9d200281927de8db63.webp" alt="มั่นคง88">
                <div class="contact-text">
                  <strong>มั่นคง88</strong>
                  <span></span>
                </div>
              </div>
            </a>

                      <a href="https://lin.ee/7RkJBmo" target="_blank">
              <div class="contact-card">
                <img src="/uploads/contacts/1777974853_0081237955194267126c.webp" alt="มั่นคง88">
                <div class="contact-text">
                  <strong>มั่นคง ทีมแอดมิน</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.1137"></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>