

<!DOCTYPE html>
<html lang="zxx" class="js">
    <head>
        <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<link rel="shortcut icon" href="https://storage.gbotadmin.pro/api/images/v2/mgbsg/images/logo/favicon.ico">
<title>SGMegaBot</title>
<link rel="stylesheet" href="https://member.mgbsg.com/assets/css/dashlite.css?ver=2.6.0">
<link id="skin-default" rel="stylesheet" href="https://member.mgbsg.com/assets/css/theme.css?ver=2.6.0">
<link id="skin-default" rel="stylesheet" href="https://member.mgbsg.com/assets/css/skins/theme-egyptian.css?ver=2.6.0">
<link rel="stylesheet" href="https://member.mgbsg.com/assets/css/custom.css">

<!-- JavaScript -->
<script src="https://member.mgbsg.com/assets/js/bundle.js?ver=2.6.0"></script>
<script src="https://member.mgbsg.com/assets/js/scripts.js?ver=2.6.0"></script>
<script src="https://member.mgbsg.com/assets/js/example-sweetalert.js?ver=2.6.0"></script>
<script src="https://member.mgbsg.com/assets/js/dashboard-handle.js"></script>
<script src="https://member.mgbsg.com/assets/js/id-details.js"></script>
<script src="https://member.mgbsg.com/assets/js/utilities.js"></script>

<script src="https://member.mgbsg.com/assets/validate//jquery.validate.min.js"></script>
<script src="https://member.mgbsg.com/assets/validate//validation.js"></script>

<style>
    @font-face {
        font-family: NotoColorEmojiLimited;
        unicode-range: U+1F1E6-1F1FF;
        src: url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf);
    }

    body {
        font-family: 'NotoColorEmojiLimited', "DM Sans", sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    }
</style>


<style>
    :root {
        --telegram: #0088cc;
    }

    html.modal-open,
    html:has(body.modal-open) {
        overflow: hidden;
    }

    @media only screen and (min-width: 575px) {
        .mobile-only {
        display: none;
        }
    }

    body *::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    body *::-webkit-scrollbar-track {
        border-radius: 15px;
    }

    body *::-webkit-scrollbar-thumb {
        background: #1C2B3E;
        /* background: #364a63; */
        border-radius: 15px;
    }

    [data-target-tab-content=".provider-tab-content"] .card {
        border: 1.5px solid #141c26 !important;
        border-radius: 16px !important;
    }

    [data-target-tab-content=".provider-tab-content"].active .card {
        border-color: #fff !important;
    }

    [data-target-tab-content=".provider-tab-content"].active:after,
    [data-target-tab-content=".provider-tab-content"].active:before
    {
        content: none !important;
    }

    .col-single-wallet {
        width: calc(100% / 3) !important;
    }

    @media (min-width: 420px) {
        .col-single-wallet {
            width: calc(100% / 3) !important;
        }
    }

    @media (min-width: 576px) {
        .col-single-wallet {
            width: calc(100% / 5) !important;
        }
    }

    @media (min-width: 768px) {
        .col-single-wallet {
            width: calc(100% / 5) !important;
        }
    }

    @media (min-width: 992px) {
        .col-single-wallet {
            width: calc(100% / 5) !important;
        }
    }

    @media (min-width: 1200px) {
        .col-single-wallet {
            width: calc(100% / 5) !important;
        }
    }

    @media (min-width: 1540px) {
        .col-single-wallet {
            width: calc(100% / 5) !important;
        }
    }

</style>
<script>
    var baseurl = "https://member.mgbsg.com/";
</script>    </head>

        
    <body class="nk-body bg-lighter npc-default has-sidebar hide-scroll dark-mode ">
        <div class="nk-app-root">
            <div class="nk-main ">
                <div class="nk-header nk-header-fixed is-light">
                    <div class="container-fluid">
                        <div class="nk-header-wrap">
                            <!-- Full Header Logo -->
                            <!-- To hide on mobile use hide-mb-sm -->
                            <div class="nk-header-brand">
                                <a href="https://member.mgbsg.com/dashboard" class="logo-link">
                                    <img class="logo-light logo-img" src="https://storage.gbotadmin.pro/api/images/v2/mgbsg/images/logo/logo.png" srcset="https://storage.gbotadmin.pro/api/images/v2/mgbsg/images/logo/logo-dark2x.png" alt="logo">
                                    <img class="logo-dark logo-img" src="https://storage.gbotadmin.pro/api/images/v2/mgbsg/images/logo/logo.png" srcset="https://storage.gbotadmin.pro/api/images/v2/mgbsg/images/logo/logo-dark2x.png" alt="logo-dark">
                                </a>
                            </div>
                            <!-- Mobile Header with Rank (Disabled) --> 
                            <!-- <div class="nk-header-brand mobile-only">
                                <a href="https://member.mgbsg.com/dashboard" class="logo-link">
                                    <img class="logo-light logo-img" src="https://storage.gbotadmin.pro/api/images/v2/mgbsg/images/logo/logo-small.png" srcset="https://storage.gbotadmin.pro/api/images/v2/mgbsg/images/logo/logo-small2x.png" alt="logo">
                                    <img class="logo-dark logo-img" src="https://storage.gbotadmin.pro/api/images/v2/mgbsg/images/logo/logo-small.png" srcset="https://storage.gbotadmin.pro/api/images/v2/mgbsg/images/logo/logo-small2x.png" alt="logo-dark">
                                </a>
                            </div> -->

                            <div class="nk-header-tools">
                                <ul class="nk-quick-nav">
                                    <li>
                                        <a href="https://t.me/CS_MegabotSG" target="blank" class="btn btn-round btn-dim btn-dark btn-sm"><em class="icon ni ni-chat-circle"></em>&nbsp;Live Chat</a>
                                    </li>
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="nk-content">
    <div class="nk-block pt-5">
        <div class="container-fluid col-lg-4">
            <form action="https://member.mgbsg.com/register" id="registerfrm" autocomplete="off" method="post" accept-charset="utf-8">
                <h3 class="text-center">
                    Register a New SGMegaBot Account                </h3>

                                
                <!-- <div class="form-group mt-5">
                    <label class="form-label" for=""><span class="text-warning">Agent Code</span> <span class="text-danger">*</span></label>
                    <div class="form-control-wrap">
                        <input type="text" class="form-control form-control-lg" name="referrer" placeholder="Agent Code Here" value="" required >
                        <p class="text-light mt-2">Please get the agent code (eg: AGTX1234) your agent and fill here to proceed.</p>
                    </div>
                </div> -->
                <div class="form-group mt-5">
                    <label class="form-label" for="default-01">Phone Number <span class="text-danger">*</span></label>
                    <div class="form-control-wrap">
                        
<input type="hidden" name="fullphone" id="fullphone" value=""/>
<input type="hidden" name="countryprefix" id="countryprefix" value="+65"/>
<div class="input-group">
    <div class="input-group-prepend">
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span id="prefix">+65</span><em class="icon mx-n1 ni ni-chevron-down"></em></button>
        <div class="dropdown-menu">
            <ul class="link-list-opt no-bdr">
                                    <li alt="+65"><a href="#">+65</a></li>
                            </ul>
        </div>
    </div>
    <input type="text" class="form-control form-control-lg" style="min-width:60%;" name="mobileno" id="mobileno" placeholder="Phone Number" value="" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" required>
</div>                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label" for="default-01">Password <span class="text-danger">*</span></label>
                    <div class="form-control-wrap">
                        <input type="password" class="form-control form-control-lg" id="password" name="password" placeholder="Password" required>
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label" for="default-01">Confirm Password <span class="text-danger">*</span></label>
                    <div class="form-control-wrap">
                        <input type="password" class="form-control form-control-lg" name="cpassword" placeholder="Confirm Password" required>
                    </div>
                </div>
                <div class="form-group text-center ">
                    <a href="#" id="ref_btn" class="text-light">Click here if you have a referral code</a>
                </div>
                <div class="form-group mt-3 d-none" id="ref_div">
                    <label class="form-label" for=""><span class="">Referral Code</span></label>
                    <div class="form-control-wrap">
                        <input type="text" class="form-control form-control-lg" name="referral_code" placeholder="Referral Code" value="">
                        <p class="text-light mt-2">Please get the referral code (eg: BOTAB1234) from your friend and fill here to proceed.</p>
                    </div>
                </div>
                <div class="text-center login_btn_width mt-4">
                    <button type="submit" class="btn btn-lg btn-primary" id="btnsubmit">Get OTP</button>
                </div>
                <div class="text-center login_btn_width mt-4">
                    <a href="https://member.mgbsg.com/login"><em class="icon ni ni-chevrons-left"></em> Back to Login</a>
                </div>
            </form>        </div>
    </div>
</div>

<script type="text/javascript">
    // var interval = null;

    $(document).ready(function() {
        
        $('#ref_btn').click(function(e) {
            e.preventDefault();

            // $('#ref_div').toggle(); // Toggle the visibility of the div

            if ($('#ref_div').hasClass("d-none")) {
                $('#ref_div').removeClass("d-none");
            } else {
                $('#ref_div').addClass("d-none");
            }
        });

        $('li').click(function(e) {
            e.preventDefault();

            var val = $(this).attr('alt');
            $("#countryprefix").val(val);
            $("#prefix").text(val);
            var mobileno = $("#mobileno").val();
            var fullphone = val+ mobileno
            $("#fullphone").val(fullphone);
        });

        $("li[alt='" + $("#countryprefix").val() + "']").click();

        $("#mobileno").on('input', function(e) {
            var prefix = $("#countryprefix").val();
            var mobileno = $(this).val();
            var fullphone = prefix + mobileno
            $("#fullphone").val(fullphone);
        })
    });

</script>            </div>
        </div>
        <script src="https://member.mgbsg.com/assets/js/example-toastr.js?ver=2.6.0"></script>
<script src="https://member.mgbsg.com/assets/js/example-sweetalert.js?ver=2.6.0"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

<script src="https://member.mgbsg.com/assets/plugins/vanila-lazyload//lazyload-19.1.3.min.js"></script>

<script>
    $(document).ready(function() {
        var lazyLoadInstance = new LazyLoad({
            // Your custom settings go here
            // callback_error: (img) => {
            //     img.setAttribute("src", img.getAttribute("data-original-src"));
            //     setTimeout(function() {
            //         img.setAttribute("src", img.getAttribute("data-src"));
            //     }, 1000);
            // },
            restore_on_error: true,
        });


        $("body").on("show.bs.modal", ".modal", function(e) {
            $("html").addClass("modal-open");
            $("html").css("overflow", "hidden");
        });
        $("body").on("hide.bs.modal", ".modal", function(e) {
            $("html").removeClass("modal-open");
            $("html").css("overflow", "");
        });

        $('.form_submit_btn').on("click", function (e) {
            var timerInterval;
            Swal.fire({
                title: 'Processing',
                html: 'System is in progress..',
                timer: 30000,
                timerProgressBar: true,
                allowOutsideClick: false,
                allowEscapeKey: false,
                onBeforeOpen: function onBeforeOpen() {
                    Swal.showLoading();
                    // timerInterval = setInterval(function () {
                    // Swal.getContent().querySelector('b').textContent = Swal.getTimerLeft();
                    // }, 100);
                },
                onClose: function onClose() {
                    clearInterval(timerInterval);
                }
            }).then(function (result) {
                if (
                /* Read more about handling dismissals below */
                result.dismiss === Swal.DismissReason.timer) {
                    console.log("Submission time out.."); // eslint-disable-line
                }
            });
        });
        
        // Show Alert if any
        showActionAlerts();

        $(".copy_btn").click(function(e) {
            e.preventDefault();

            var copyText = $(this).attr('data-text');

            var textarea = document.createElement("textarea");
            textarea.textContent = copyText;
            textarea.style.position = "fixed"; // Prevent scrolling to bottom of page in MS Edge.
            document.body.appendChild(textarea);
            textarea.select();
            textarea.focus();
            textarea.setSelectionRange(0, 99999);
            document.execCommand("copy"); 

            document.body.removeChild(textarea);

            var counter = 1;
            var button = $(this)

            button.prop("disabled",true);
            // button.addClass( "btn-dim" );
            button.text("Copied")

            setInterval(function() {
                counter--;
                if (counter === 0) {
                    button.text('Copy')
                    button.prop("disabled",false);
                    clearInterval(counter);
                }
            }, 1000);
        });

        $('#success_modal').on('hidden.bs.modal', function () {
             $("#success_modal .caption-text").html("");
        });

        function setTimer(event) {
            var counter = 180;
            var button = $(this)

            button.prop("disabled",true);
            button.text(counter+' sec')
            
            setInterval(function() {
                counter--;
                // console.log(counter)
                if (counter >= 0) {
                    button.text(counter+ ' sec')
                }
                if (counter === 0) {
                    button.text('Resend Verification Code')
                    button.prop("disabled",false);
                    clearInterval(counter);
                }
            }, 1000);
        }

        function playsound() {
            var audio = new Audio('https://member.mgbsg.com/assets/sound/deposit_sg.wav');
            audio.volume = 0.3;
            audio.play();
        }
    });

    function showActionAlerts() {
                           
    }

        // Disable right-click
    document.addEventListener('contextmenu', (e) => e.preventDefault());

    function ctrlShiftKey(e, keyCode) {
        return e.ctrlKey && e.shiftKey && e.keyCode === keyCode.charCodeAt(0);
    }

    document.onkeydown = (e) => {
        // Disable F12, Ctrl + Shift + I, Ctrl + Shift + J, Ctrl + U
        if (
            event.keyCode === 123 ||
            ctrlShiftKey(e, 'I') ||
            ctrlShiftKey(e, 'J') ||
            ctrlShiftKey(e, 'C') ||
            (e.ctrlKey && e.keyCode === 'U'.charCodeAt(0))
        ) {
            return false;
        }
    };

    // document.onkeydown = function (e) {
    //     return false;
    // }
    
    
</script>

<script class="self-destruct">
    $(document).ready(function() {
                $(".self-destruct").remove();
    });
</script>    </body>
</html>