Dashboard Pengguna \u2013 Abata Blaster<\/title>\n <script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-app-compat.js\"><\/script>\n <script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-auth-compat.js\"><\/script>\n <script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-firestore-compat.js\"><\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css?family=Poppins\">\n <style>\n \/* \ud83c\udd95 semua elemen ikut box-sizing supaya tak overflow *\/\n * {\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background: #f4f4f4;\n padding: 20px;\n margin: 0;\n }\n\n \/* \ud83c\udd95 semua imej scale ikut lebar parent *\/\n img {\n max-width: 100%;\n height: auto;\n \/* biar default display ikut asal (inline\/inline-block),\n supaya boleh ikut text-align center parent *\/\n }\n\n \/* \ud83c\udd95 container utama supaya content tak terlalu lebar di desktop *\/\n .page-container {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n }\n\n th,\n td {\n padding: 10px;\n border: 1px solid #ccc;\n text-align: left;\n }\n\n th {\n background: #e8f5e9;\n }\n\n #logoutBtn {\n float: right;\n background: #d32f2f;\n color: white;\n padding: 8px 15px;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n }\n\n \/* Tambahan warna status *\/\n .status-pending {\n color: green;\n font-weight: bold;\n }\n\n .status-ignored {\n color: red;\n font-weight: bold;\n }\n\n .status-expired {\n color: gray;\n font-weight: bold;\n }\n\n .status-sudah_bayar {\n color: blue;\n font-weight: bold;\n }\n\n .status-admin {\n color: orange;\n font-weight: bold;\n }\n\n \/* \ud83c\udd95 BUKAN_CUSTOMER: jelas & senang nampak *\/\n .status-bukan_customer {\n color: #b71c1c;\n font-weight: bold;\n background: #ffecec;\n border-left: 4px solid #e53935;\n border-radius: 4px;\n padding: 2px 6px;\n display: inline-block;\n }\n\n #jadualFollowup th,\n #jadualFollowup td {\n font-size: 13px;\n }\n\n #senaraiKeywordPromptPreview {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 20px;\n }\n\n @media screen and (max-width: 600px) {\n #senaraiKeywordPromptPreview {\n grid-template-columns: 1fr !important;\n }\n }\n\n #menuNavigasi {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n\n .menu-card {\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n padding: 10px;\n text-align: center;\n }\n\n .menu-card img {\n height: 60px;\n margin: 0 auto 8px;\n \/* center icon dlm kad *\/\n display: block;\n \/* block + margin auto = betul-betul tengah *\/\n }\n\n .menu-card h4 {\n font-size: 14px;\n margin: 0 0 8px;\n }\n\n .menu-card a {\n background: #4caf50;\n color: white;\n padding: 6px 10px;\n border-radius: 6px;\n text-decoration: none;\n font-size: 12px;\n display: inline-block;\n }\n\n #apiKeyContainer input#apiKeyInput {\n width: 100%;\n padding: 10px;\n font-size: 14px;\n border: 1px solid #ccc;\n border-radius: 6px;\n box-sizing: border-box;\n \/* \ud83c\udd95 Pastikan tak overflow *\/\n display: block;\n }\n\n #statusPengguna {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n gap: 16px;\n }\n\n #statusPengguna>div:first-child {\n flex: 1;\n min-width: 260px;\n }\n\n #statusPengguna>div:last-child {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 10px;\n }\n\n \/* \ud83c\udd95 responsive: bila skrin kecil, semua stack jadi column *\/\n @media screen and (max-width: 768px) {\n body {\n padding: 12px;\n }\n\n #statusPengguna {\n flex-direction: column;\n align-items: stretch;\n }\n\n #kananContainer {\n align-items: stretch;\n }\n\n #kananContainer button {\n width: 100%;\n }\n }\n\n #apiKeyContainer {\n width: 100%;\n box-sizing: border-box;\n }\n\n #webhookUrlInput {\n width: 100%;\n box-sizing: border-box;\n }\n\n .nombor-row {\n flex-wrap: wrap;\n }\n\n .nombor-row input {\n max-width: 100%;\n }\n\n @media screen and (max-width: 768px) {\n .nombor-row {\n flex-direction: column;\n align-items: stretch;\n }\n\n .nombor-row>* {\n width: 100% !important;\n }\n }\n\n .followup-toolbar {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n margin-top: 10px;\n margin-bottom: 10px;\n }\n\n @media screen and (max-width: 768px) {\n .followup-toolbar {\n flex-direction: column;\n align-items: stretch;\n }\n\n .followup-toolbar>* {\n width: 100% !important;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"page-container\">\n <div style=\"text-align: center; margin-bottom: 30px;\">\n <img decoding=\"async\" style=\"max-width: 180px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.2);\"\n src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/photo_2024-05-16_15-47-59.jpg\"\n alt=\"Abata Blaster Logo\" \/>\n <\/div>\n <h2>\ud83d\udc64 Dashboard Pengguna<\/h2>\n\n <div id=\"statusPengguna\" style=\"\n background: #f1f8e9;\n border: 1px solid #aed581;\n padding: 15px;\n border-radius: 10px;\n margin-bottom: 20px;\n font-size: 14px;\n \">\n\n <div id=\"walletStatusBox\" style=\"margin-bottom: 10px;\">\n <div style=\"font-size: 15px; color: #43a047; font-weight: bold; margin-bottom: -3px;\">\n \ud83d\udcb0 Baki Wallet\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 10px;\">\n <span id=\"userWalletBalance\" style=\"font-size: 28px; font-weight: bold; color: #388e3c;\">\n RM0.00\n <\/span>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/wallet\/\" target=\"_blank\"\n style=\"background: #43a047; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; font-weight: 500; font-size: 15px;\">\n Info Wallet\n <\/a>\n <\/div>\n <\/div>\n\n \n <div style=\"flex: 1 1 300px; min-width: 280px;\">\n <p><strong>Email:<\/strong> <span id=\"userEmail\">\u2013<\/span><\/p>\n <p><strong>Pakej:<\/strong> <span id=\"userPakej\">\u2013<\/span><\/p>\n <p><strong>Baki Mesej:<\/strong> <span id=\"userMesej\">\u2013<\/span><\/p>\n <p><strong>Nombor Aktif:<\/strong> <span id=\"userNombor\">\u2013<\/span><\/p>\n <p><strong>Tarikh Tamat:<\/strong> <span id=\"userTamat\">\u2013<\/span><\/p>\n <p><strong>Jumlah Pelanggan AI:<\/strong> <span id=\"userJumlahPelanggan\">\u2013<\/span><\/p>\n <p><strong>Referral Oleh:<\/strong> <span id=\"userReferralOleh\">\u2013<\/span><\/p>\n\n <div id=\"apiKeyContainer\" style=\"\n background:#fff3e0;\n border-left:5px solid #fb8c00;\n padding:15px;\n border-radius:10px;\n margin-top:20px;\">\n <h4>\ud83d\udd17 Webhook URL Anda<\/h4>\n <input type=\"text\" id=\"webhookUrlInput\" readonly\n style=\"width: 100%; box-sizing: border-box; padding: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 6px; display: block;\" \/>\n <button onclick=\"salinWebhookUrl()\"\n style=\"margin-top:8px; background:#4caf50; color:white; border:none; padding:6px 12px; border-radius:4px; cursor:pointer;\">\ud83d\udccb\n Salin Webhook URL<\/button>\n <p style=\"font-size:12px; color:#555; margin-top:8px;\">\n Gunakan URL ini untuk sambungkan sistem lain (Elementor, OnPay, Zapier) ke AbataBlaster.\n <\/p>\n <\/div>\n\n \n <ul style=\"list-style: none; padding: 0; margin-top: 10px;\">\n <li>\ud83d\udcfa <a href=\"https:\/\/t.me\/+GCx_IrPeNXEzZGE1\" target=\"_blank\"\n style=\"color: #2e7d32; font-weight: bold;\">Tonton Video Tutorial AbataBlaster<\/a><\/li>\n <li>\ud83d\udc65 <a href=\"https:\/\/t.me\/+w8DO4bvuzRg1NzE1\" target=\"_blank\"\n style=\"color: #2e7d32; font-weight: bold;\">Sertai Group Support Telegram<\/a><\/li>\n <li>\ud83d\udcac <a href=\"https:\/\/wa.me\/601113037047\" target=\"_blank\" style=\"color: #2e7d32; font-weight: bold;\">Hubungi\n Admin di WhatsApp<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div id=\"kananContainer\"\n style=\"flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; min-width: 180px; gap: 10px;\">\n <button id=\"logoutBtn\" onclick=\"logout()\"\n style=\"background: #d32f2f; color: white; padding: 8px 15px; border-radius: 6px; border: none;\">\ud83d\udeaa Log\n Keluar<\/button>\n \n <\/div>\n\n <\/div>\n\n <h3 style=\"margin-top: 40px;\">\ud83e\udded Menu Navigasi<\/h3>\n <div id=\"menuNavigasi\">\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/auto-repy-AI_2.png\" alt=\"AI Auto Reply\">\n <h4>AI Auto Reply<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/Ai-auto-reply\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/auto-followup.png\" alt=\"Auto Follow-Up\">\n <h4>Auto Follow-Up<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/auto-follow-up\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/broadcast.png\" alt=\"Broadcast Blaster\">\n <h4>Broadcast Blaster<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/whatsapp-blaster\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/broadcast-ai.png\" alt=\"Broadcast AI Generator\">\n <h4>Broadcast AI Generator<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/ai-broadcast-generator\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/telegram-alert.png\" alt=\"Telegram Alert\">\n <h4>Telegram Alert<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/telegram-alert\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <\/div>\n\n \n <h3 style=\"margin-top: 28px;\">\ud83d\udc65 Fungsi GROUP<\/h3>\n <div id=\"menuGroup\"\n style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; margin-top: 15px;\">\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-Aug-16-2025-01_11_02-AM-min.png\"\n alt=\"Group Blast\" style=\"height:60px;\">\n <h4>Group Blast<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/group-blaster\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/08\/grab-group-members.png\" alt=\"Grab Group Members\"\n style=\"height:60px;\">\n <h4>Grab Group Members<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/grab-group-members\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/10\/auto-join-group-min.png\"\n alt=\"Auto Join\/Leave Group\" style=\"height:60px;\">\n <h4>Auto Join\/Leave Group<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/auto-join-group\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/11\/auto-add-member-min.png\" alt=\"Auto Add Member\"\n style=\"height:60px;\">\n <h4>Auto Add Member<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/auto-add-member\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/11\/whatsapp-group-finder-min.png\"\n alt=\"Whatsapp Group Finder\" style=\"height:60px;\">\n <h4>Whatsapp Group Finder<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/whatsapp-group-finder\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <\/div>\n\n \n <h3 style=\"margin-top: 40px;\">\ud83d\ude80 Fungsi SMART<\/h3>\n <div id=\"menuSmart\"\n style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; margin-top: 15px;\">\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/06\/smart-warmup1.png\" alt=\"SMART Warmup+Blast\"\n style=\"height: 60px;\">\n <h4>SMART Warmup+Blast<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/smart-warmupblast\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2026\/03\/smart-blast.png\" alt=\"SMART Blast\"\n style=\"height: 60px;\">\n <h4>SMART Blast<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/smart-blast\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\" style=\"position: relative;\">\n <div\n style=\"position:absolute; top:8px; right:8px; background:#e53935; color:#fff; font-size:11px; font-weight:bold; padding:4px 8px; border-radius:999px;\">\n Maintenance\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/08\/SmartGrabber-min.png\" alt=\"SMART Grabber\"\n style=\"height: 60px; opacity: 0.9;\">\n <h4>SMART Grabber<\/h4>\n <div style=\"font-size:12px; color:#c62828; font-weight:600; margin-bottom:8px;\">\n Under Maintenance\n <\/div>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/smart-grabber\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n <\/div>\n\n\n <div class=\"nombor-row\" style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px;\">\n <label for=\"pilihNombor\">\ud83d\udcf1 Pilih Nombor WhatsApp:<\/label>\n <select id=\"pilihNombor\" onchange=\"pilihNomborDanPapar()\">\n <option value=\"\">— Sila pilih —<\/option>\n <\/select>\n\n <button onclick=\"buangNomborIni()\"\n style=\"background: #d32f2f; color: white; padding: 5px 10px; font-size: 13px; border: none; border-radius: 6px;\">\n \u274c Buang Nombor Ini\n <\/button>\n\n <input type=\"text\" id=\"namaBaruInput\" placeholder=\"Nama (Contoh: Syawal)\" style=\"padding: 8px; width: 160px;\" \/>\n <input type=\"text\" id=\"nomborBaruInput\" placeholder=\"Contoh: 60123456789, 6281234567890, 6598765432, 673123456\"\n style=\"padding: 8px; width: 200px;\" \/>\n <button onclick=\"tambahNomborBaru()\" style=\"padding: 5px 10px; font-size: 13px; border-radius: 6px;\">\u2795 Tambah\n Nombor<\/button>\n\n\n <\/div>\n\n \n <div id=\"notifikasiPenting\"\n style=\"display: none; background: #fff3cd; border-left: 5px solid #ff9800; color: #7f6000; padding: 12px; border-radius: 6px; margin-top: 10px; font-weight: bold;\">\n \u26a0\ufe0f Notifikasi penting akan dipaparkan di sini.\n <\/div>\n\n\n <h3>\ud83d\udccb Status Pelanggan AI Follow-Up<\/h3>\n <div class=\"followup-toolbar\">\n <input type=\"text\" id=\"cariInput\" placeholder=\"\ud83d\udd0d Cari nombor atau status...\" onkeyup=\"tapisJadual()\"\n style=\"padding: 8px; flex: 1;\">\n <button onclick=\"exportKeExcel()\" style=\"padding: 8px 12px;\">\ud83d\udce5 Export ke Excel<\/button>\n <button id=\"refreshPelangganBtn\" onclick=\"refreshPelangganAITable()\" style=\"padding: 8px 12px;\">\ud83d\udd04 Refresh\n Jadual<\/button>\n <\/div>\n\n <small style=\"display: block; font-size: 13px; color: #555; margin: 5px 0;\">\n \ud83c\udfaf <b>Skor Minat:<\/b> \ud83d\udfe2 >80 = Sangat Berminat, \ud83d\udfe0 40\u201380 = Sederhana, \ud83d\udd34 <40=Tidak Berminat <\/small>\n\n <div style=\"overflow-y: auto; overflow-x: auto; max-height: 400px;\">\n <table id=\"jadualFollowup\">\n <thead>\n <tr>\n <th>No.<\/th>\n <th>Nombor Telefon<\/th>\n <th onclick=\"sortJadualStatus()\" style=\"cursor:pointer;\">Status \u2b0d<\/th>\n <th>Jumlah Follow-Up<\/th>\n <th>Skor Minat<\/th> \n <th>Tindakan<\/th>\n <\/tr>\n <\/thead>\n <tbody><\/tbody>\n <\/table>\n <\/div>\n\n\n <h3>\ud83e\udde0 Preview Prompt AI<\/h3>\n <div>\n <label><strong>Prompt Utama:<\/strong><\/label><br>\n <div id=\"previewPromptUtama\"\n style=\"font-size: 13px; white-space: pre-line; background: #f9f9f9; padding: 15px; border-radius: 6px; border-left: 4px solid #2196f3; margin-bottom: 20px;\">\n <\/div>\n <div id=\"senaraiKeywordPromptPreview\"><\/div>\n <\/div>\n\n <script src=\"\/js\/dashboard-user.js\"><\/script>\n <\/div> \n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dashboard Pengguna \u2013 Abata Blaster \ud83d\udc64 Dashboard Pengguna \ud83d\udcb0 Baki Wallet RM0.00 Info Wallet Email: \u2013 Pakej: \u2013 Baki Mesej: \u2013 Nombor Aktif: \u2013 Tarikh Tamat: \u2013 Jumlah Pelanggan AI: \u2013 Referral Oleh: \u2013 \ud83d\udd17 Webhook URL Anda \ud83d\udccb Salin Webhook URL Gunakan URL ini untuk sambungkan sistem lain (Elementor, OnPay, Zapier) ke AbataBlaster. \ud83d\udcfa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-428","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":88,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/428\/revisions"}],"predecessor-version":[{"id":1392,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/428\/revisions\/1392"}],"wp:attachment":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":428,"date":"2025-05-20T02:41:14","date_gmt":"2025-05-20T02:41:14","guid":{"rendered":"https:\/\/abatablaster.xyz\/?page_id=428"},"modified":"2026-03-13T00:30:06","modified_gmt":"2026-03-13T00:30:06","slug":"dashboard-user","status":"publish","type":"page","link":"https:\/\/abatablaster.xyz\/index.php\/dashboard-user\/","title":{"rendered":"Dashboard User"},"content":{"rendered":"\n\n\n\n\n \n \n Dashboard Pengguna \u2013 Abata Blaster<\/title>\n <script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-app-compat.js\"><\/script>\n <script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-auth-compat.js\"><\/script>\n <script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-firestore-compat.js\"><\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css?family=Poppins\">\n <style>\n \/* \ud83c\udd95 semua elemen ikut box-sizing supaya tak overflow *\/\n * {\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background: #f4f4f4;\n padding: 20px;\n margin: 0;\n }\n\n \/* \ud83c\udd95 semua imej scale ikut lebar parent *\/\n img {\n max-width: 100%;\n height: auto;\n \/* biar default display ikut asal (inline\/inline-block),\n supaya boleh ikut text-align center parent *\/\n }\n\n \/* \ud83c\udd95 container utama supaya content tak terlalu lebar di desktop *\/\n .page-container {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n }\n\n th,\n td {\n padding: 10px;\n border: 1px solid #ccc;\n text-align: left;\n }\n\n th {\n background: #e8f5e9;\n }\n\n #logoutBtn {\n float: right;\n background: #d32f2f;\n color: white;\n padding: 8px 15px;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n }\n\n \/* Tambahan warna status *\/\n .status-pending {\n color: green;\n font-weight: bold;\n }\n\n .status-ignored {\n color: red;\n font-weight: bold;\n }\n\n .status-expired {\n color: gray;\n font-weight: bold;\n }\n\n .status-sudah_bayar {\n color: blue;\n font-weight: bold;\n }\n\n .status-admin {\n color: orange;\n font-weight: bold;\n }\n\n \/* \ud83c\udd95 BUKAN_CUSTOMER: jelas & senang nampak *\/\n .status-bukan_customer {\n color: #b71c1c;\n font-weight: bold;\n background: #ffecec;\n border-left: 4px solid #e53935;\n border-radius: 4px;\n padding: 2px 6px;\n display: inline-block;\n }\n\n #jadualFollowup th,\n #jadualFollowup td {\n font-size: 13px;\n }\n\n #senaraiKeywordPromptPreview {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 20px;\n }\n\n @media screen and (max-width: 600px) {\n #senaraiKeywordPromptPreview {\n grid-template-columns: 1fr !important;\n }\n }\n\n #menuNavigasi {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n\n .menu-card {\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n padding: 10px;\n text-align: center;\n }\n\n .menu-card img {\n height: 60px;\n margin: 0 auto 8px;\n \/* center icon dlm kad *\/\n display: block;\n \/* block + margin auto = betul-betul tengah *\/\n }\n\n .menu-card h4 {\n font-size: 14px;\n margin: 0 0 8px;\n }\n\n .menu-card a {\n background: #4caf50;\n color: white;\n padding: 6px 10px;\n border-radius: 6px;\n text-decoration: none;\n font-size: 12px;\n display: inline-block;\n }\n\n #apiKeyContainer input#apiKeyInput {\n width: 100%;\n padding: 10px;\n font-size: 14px;\n border: 1px solid #ccc;\n border-radius: 6px;\n box-sizing: border-box;\n \/* \ud83c\udd95 Pastikan tak overflow *\/\n display: block;\n }\n\n #statusPengguna {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n gap: 16px;\n }\n\n #statusPengguna>div:first-child {\n flex: 1;\n min-width: 260px;\n }\n\n #statusPengguna>div:last-child {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 10px;\n }\n\n \/* \ud83c\udd95 responsive: bila skrin kecil, semua stack jadi column *\/\n @media screen and (max-width: 768px) {\n body {\n padding: 12px;\n }\n\n #statusPengguna {\n flex-direction: column;\n align-items: stretch;\n }\n\n #kananContainer {\n align-items: stretch;\n }\n\n #kananContainer button {\n width: 100%;\n }\n }\n\n #apiKeyContainer {\n width: 100%;\n box-sizing: border-box;\n }\n\n #webhookUrlInput {\n width: 100%;\n box-sizing: border-box;\n }\n\n .nombor-row {\n flex-wrap: wrap;\n }\n\n .nombor-row input {\n max-width: 100%;\n }\n\n @media screen and (max-width: 768px) {\n .nombor-row {\n flex-direction: column;\n align-items: stretch;\n }\n\n .nombor-row>* {\n width: 100% !important;\n }\n }\n\n .followup-toolbar {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n margin-top: 10px;\n margin-bottom: 10px;\n }\n\n @media screen and (max-width: 768px) {\n .followup-toolbar {\n flex-direction: column;\n align-items: stretch;\n }\n\n .followup-toolbar>* {\n width: 100% !important;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"page-container\">\n <div style=\"text-align: center; margin-bottom: 30px;\">\n <img decoding=\"async\" style=\"max-width: 180px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.2);\"\n src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/photo_2024-05-16_15-47-59.jpg\"\n alt=\"Abata Blaster Logo\" \/>\n <\/div>\n <h2>\ud83d\udc64 Dashboard Pengguna<\/h2>\n\n <div id=\"statusPengguna\" style=\"\n background: #f1f8e9;\n border: 1px solid #aed581;\n padding: 15px;\n border-radius: 10px;\n margin-bottom: 20px;\n font-size: 14px;\n \">\n\n <div id=\"walletStatusBox\" style=\"margin-bottom: 10px;\">\n <div style=\"font-size: 15px; color: #43a047; font-weight: bold; margin-bottom: -3px;\">\n \ud83d\udcb0 Baki Wallet\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 10px;\">\n <span id=\"userWalletBalance\" style=\"font-size: 28px; font-weight: bold; color: #388e3c;\">\n RM0.00\n <\/span>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/wallet\/\" target=\"_blank\"\n style=\"background: #43a047; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; font-weight: 500; font-size: 15px;\">\n Info Wallet\n <\/a>\n <\/div>\n <\/div>\n\n \n <div style=\"flex: 1 1 300px; min-width: 280px;\">\n <p><strong>Email:<\/strong> <span id=\"userEmail\">\u2013<\/span><\/p>\n <p><strong>Pakej:<\/strong> <span id=\"userPakej\">\u2013<\/span><\/p>\n <p><strong>Baki Mesej:<\/strong> <span id=\"userMesej\">\u2013<\/span><\/p>\n <p><strong>Nombor Aktif:<\/strong> <span id=\"userNombor\">\u2013<\/span><\/p>\n <p><strong>Tarikh Tamat:<\/strong> <span id=\"userTamat\">\u2013<\/span><\/p>\n <p><strong>Jumlah Pelanggan AI:<\/strong> <span id=\"userJumlahPelanggan\">\u2013<\/span><\/p>\n <p><strong>Referral Oleh:<\/strong> <span id=\"userReferralOleh\">\u2013<\/span><\/p>\n\n <div id=\"apiKeyContainer\" style=\"\n background:#fff3e0;\n border-left:5px solid #fb8c00;\n padding:15px;\n border-radius:10px;\n margin-top:20px;\">\n <h4>\ud83d\udd17 Webhook URL Anda<\/h4>\n <input type=\"text\" id=\"webhookUrlInput\" readonly\n style=\"width: 100%; box-sizing: border-box; padding: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 6px; display: block;\" \/>\n <button onclick=\"salinWebhookUrl()\"\n style=\"margin-top:8px; background:#4caf50; color:white; border:none; padding:6px 12px; border-radius:4px; cursor:pointer;\">\ud83d\udccb\n Salin Webhook URL<\/button>\n <p style=\"font-size:12px; color:#555; margin-top:8px;\">\n Gunakan URL ini untuk sambungkan sistem lain (Elementor, OnPay, Zapier) ke AbataBlaster.\n <\/p>\n <\/div>\n\n \n <ul style=\"list-style: none; padding: 0; margin-top: 10px;\">\n <li>\ud83d\udcfa <a href=\"https:\/\/t.me\/+GCx_IrPeNXEzZGE1\" target=\"_blank\"\n style=\"color: #2e7d32; font-weight: bold;\">Tonton Video Tutorial AbataBlaster<\/a><\/li>\n <li>\ud83d\udc65 <a href=\"https:\/\/t.me\/+w8DO4bvuzRg1NzE1\" target=\"_blank\"\n style=\"color: #2e7d32; font-weight: bold;\">Sertai Group Support Telegram<\/a><\/li>\n <li>\ud83d\udcac <a href=\"https:\/\/wa.me\/601113037047\" target=\"_blank\" style=\"color: #2e7d32; font-weight: bold;\">Hubungi\n Admin di WhatsApp<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div id=\"kananContainer\"\n style=\"flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; min-width: 180px; gap: 10px;\">\n <button id=\"logoutBtn\" onclick=\"logout()\"\n style=\"background: #d32f2f; color: white; padding: 8px 15px; border-radius: 6px; border: none;\">\ud83d\udeaa Log\n Keluar<\/button>\n \n <\/div>\n\n <\/div>\n\n <h3 style=\"margin-top: 40px;\">\ud83e\udded Menu Navigasi<\/h3>\n <div id=\"menuNavigasi\">\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/auto-repy-AI_2.png\" alt=\"AI Auto Reply\">\n <h4>AI Auto Reply<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/Ai-auto-reply\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/auto-followup.png\" alt=\"Auto Follow-Up\">\n <h4>Auto Follow-Up<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/auto-follow-up\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/broadcast.png\" alt=\"Broadcast Blaster\">\n <h4>Broadcast Blaster<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/whatsapp-blaster\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/broadcast-ai.png\" alt=\"Broadcast AI Generator\">\n <h4>Broadcast AI Generator<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/ai-broadcast-generator\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/telegram-alert.png\" alt=\"Telegram Alert\">\n <h4>Telegram Alert<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/telegram-alert\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <\/div>\n\n \n <h3 style=\"margin-top: 28px;\">\ud83d\udc65 Fungsi GROUP<\/h3>\n <div id=\"menuGroup\"\n style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; margin-top: 15px;\">\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-Aug-16-2025-01_11_02-AM-min.png\"\n alt=\"Group Blast\" style=\"height:60px;\">\n <h4>Group Blast<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/group-blaster\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/08\/grab-group-members.png\" alt=\"Grab Group Members\"\n style=\"height:60px;\">\n <h4>Grab Group Members<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/grab-group-members\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/10\/auto-join-group-min.png\"\n alt=\"Auto Join\/Leave Group\" style=\"height:60px;\">\n <h4>Auto Join\/Leave Group<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/auto-join-group\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/11\/auto-add-member-min.png\" alt=\"Auto Add Member\"\n style=\"height:60px;\">\n <h4>Auto Add Member<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/auto-add-member\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/11\/whatsapp-group-finder-min.png\"\n alt=\"Whatsapp Group Finder\" style=\"height:60px;\">\n <h4>Whatsapp Group Finder<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/whatsapp-group-finder\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <\/div>\n\n \n <h3 style=\"margin-top: 40px;\">\ud83d\ude80 Fungsi SMART<\/h3>\n <div id=\"menuSmart\"\n style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; margin-top: 15px;\">\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/06\/smart-warmup1.png\" alt=\"SMART Warmup+Blast\"\n style=\"height: 60px;\">\n <h4>SMART Warmup+Blast<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/smart-warmupblast\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\">\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2026\/03\/smart-blast.png\" alt=\"SMART Blast\"\n style=\"height: 60px;\">\n <h4>SMART Blast<\/h4>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/smart-blast\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n\n <div class=\"menu-card\" style=\"position: relative;\">\n <div\n style=\"position:absolute; top:8px; right:8px; background:#e53935; color:#fff; font-size:11px; font-weight:bold; padding:4px 8px; border-radius:999px;\">\n Maintenance\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/08\/SmartGrabber-min.png\" alt=\"SMART Grabber\"\n style=\"height: 60px; opacity: 0.9;\">\n <h4>SMART Grabber<\/h4>\n <div style=\"font-size:12px; color:#c62828; font-weight:600; margin-bottom:8px;\">\n Under Maintenance\n <\/div>\n <a href=\"https:\/\/abatablaster.xyz\/index.php\/smart-grabber\/\">\u27a1\ufe0f Pergi<\/a>\n <\/div>\n <\/div>\n\n\n <div class=\"nombor-row\" style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px;\">\n <label for=\"pilihNombor\">\ud83d\udcf1 Pilih Nombor WhatsApp:<\/label>\n <select id=\"pilihNombor\" onchange=\"pilihNomborDanPapar()\">\n <option value=\"\">— Sila pilih —<\/option>\n <\/select>\n\n <button onclick=\"buangNomborIni()\"\n style=\"background: #d32f2f; color: white; padding: 5px 10px; font-size: 13px; border: none; border-radius: 6px;\">\n \u274c Buang Nombor Ini\n <\/button>\n\n <input type=\"text\" id=\"namaBaruInput\" placeholder=\"Nama (Contoh: Syawal)\" style=\"padding: 8px; width: 160px;\" \/>\n <input type=\"text\" id=\"nomborBaruInput\" placeholder=\"Contoh: 60123456789, 6281234567890, 6598765432, 673123456\"\n style=\"padding: 8px; width: 200px;\" \/>\n <button onclick=\"tambahNomborBaru()\" style=\"padding: 5px 10px; font-size: 13px; border-radius: 6px;\">\u2795 Tambah\n Nombor<\/button>\n\n\n <\/div>\n\n \n <div id=\"notifikasiPenting\"\n style=\"display: none; background: #fff3cd; border-left: 5px solid #ff9800; color: #7f6000; padding: 12px; border-radius: 6px; margin-top: 10px; font-weight: bold;\">\n \u26a0\ufe0f Notifikasi penting akan dipaparkan di sini.\n <\/div>\n\n\n <h3>\ud83d\udccb Status Pelanggan AI Follow-Up<\/h3>\n <div class=\"followup-toolbar\">\n <input type=\"text\" id=\"cariInput\" placeholder=\"\ud83d\udd0d Cari nombor atau status...\" onkeyup=\"tapisJadual()\"\n style=\"padding: 8px; flex: 1;\">\n <button onclick=\"exportKeExcel()\" style=\"padding: 8px 12px;\">\ud83d\udce5 Export ke Excel<\/button>\n <button id=\"refreshPelangganBtn\" onclick=\"refreshPelangganAITable()\" style=\"padding: 8px 12px;\">\ud83d\udd04 Refresh\n Jadual<\/button>\n <\/div>\n\n <small style=\"display: block; font-size: 13px; color: #555; margin: 5px 0;\">\n \ud83c\udfaf <b>Skor Minat:<\/b> \ud83d\udfe2 >80 = Sangat Berminat, \ud83d\udfe0 40\u201380 = Sederhana, \ud83d\udd34 <40=Tidak Berminat <\/small>\n\n <div style=\"overflow-y: auto; overflow-x: auto; max-height: 400px;\">\n <table id=\"jadualFollowup\">\n <thead>\n <tr>\n <th>No.<\/th>\n <th>Nombor Telefon<\/th>\n <th onclick=\"sortJadualStatus()\" style=\"cursor:pointer;\">Status \u2b0d<\/th>\n <th>Jumlah Follow-Up<\/th>\n <th>Skor Minat<\/th> \n <th>Tindakan<\/th>\n <\/tr>\n <\/thead>\n <tbody><\/tbody>\n <\/table>\n <\/div>\n\n\n <h3>\ud83e\udde0 Preview Prompt AI<\/h3>\n <div>\n <label><strong>Prompt Utama:<\/strong><\/label><br>\n <div id=\"previewPromptUtama\"\n style=\"font-size: 13px; white-space: pre-line; background: #f9f9f9; padding: 15px; border-radius: 6px; border-left: 4px solid #2196f3; margin-bottom: 20px;\">\n <\/div>\n <div id=\"senaraiKeywordPromptPreview\"><\/div>\n <\/div>\n\n <script src=\"\/js\/dashboard-user.js\"><\/script>\n <\/div> \n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dashboard Pengguna \u2013 Abata Blaster \ud83d\udc64 Dashboard Pengguna \ud83d\udcb0 Baki Wallet RM0.00 Info Wallet Email: \u2013 Pakej: \u2013 Baki Mesej: \u2013 Nombor Aktif: \u2013 Tarikh Tamat: \u2013 Jumlah Pelanggan AI: \u2013 Referral Oleh: \u2013 \ud83d\udd17 Webhook URL Anda \ud83d\udccb Salin Webhook URL Gunakan URL ini untuk sambungkan sistem lain (Elementor, OnPay, Zapier) ke AbataBlaster. \ud83d\udcfa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-428","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":88,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/428\/revisions"}],"predecessor-version":[{"id":1392,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/428\/revisions\/1392"}],"wp:attachment":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}