{"id":747,"date":"2025-07-09T01:29:38","date_gmt":"2025-07-09T01:29:38","guid":{"rendered":"https:\/\/abatablaster.xyz\/?page_id=747"},"modified":"2026-01-09T12:06:30","modified_gmt":"2026-01-09T12:06:30","slug":"wallet","status":"publish","type":"page","link":"https:\/\/abatablaster.xyz\/index.php\/wallet\/","title":{"rendered":"\ud83d\udcb0Wallet AbataBlaster"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ms\">\n\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <title>Wallet \u2013 AbataBlaster<\/title>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <!-- Meta Pixel Code -->\n    <script>\n        !function (f, b, e, v, n, t, s) {\n            if (f.fbq) return; n = f.fbq = function () {\n                n.callMethod ?\n                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)\n            };\n            if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';\n            n.queue = []; t = b.createElement(e); t.async = !0;\n            t.src = v; s = b.getElementsByTagName(e)[0];\n            s.parentNode.insertBefore(t, s)\n        }(window, document, 'script',\n            'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n\n        fbq('init', '1176955847928094');\n        fbq('track', 'PageView');\n    <\/script>\n    <noscript>\n        <img loading=\"lazy\" decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\"\n            src=\"https:\/\/www.facebook.com\/tr?id=1176955847928094&#038;ev=PageView&#038;noscript=1\" \/>\n    <\/noscript>\n    <!-- End Meta Pixel Code -->\n\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    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n    <script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-storage-compat.js\"><\/script>\n\n    <style>\n        \/* Pastikan padding tak buat elemen lebih besar dari skrin *\/\n        *,\n        *::before,\n        *::after {\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #e8f5e9;\n            font-family: 'Poppins', Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* Card wallet \u2013 sentiasa di tengah, tak lebih 100vw *\/\n        .wallet-container {\n            background: #fff;\n            max-width: 720px;\n            width: 100%;\n            margin: 42px auto 24px;\n            padding: 32px 40px;\n            border-radius: 18px;\n            box-shadow: 0 8px 24px rgba(60, 80, 65, 0.08);\n        }\n\n        \/* Layout mobile \/ tablet \u2013 lebih rapat & teks kecil sikit *\/\n        @media (max-width: 850px) {\n            .wallet-container {\n                margin: 24px auto 16px;\n                padding: 20px 16px;\n            }\n\n            .transaksi-table th,\n            .transaksi-table td {\n                font-size: 13px;\n                padding: 8px 4px;\n            }\n        }\n\n        \/* Sangat kecil (contoh phone 360px) \u2013 benarkan line wrap *\/\n        @media (max-width: 600px) {\n\n            .transaksi-table th,\n            .transaksi-table td {\n                white-space: normal;\n            }\n        }\n\n        .wallet-title {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #388e3c;\n            margin-bottom: 8px;\n            letter-spacing: 1px;\n            text-align: center;\n        }\n\n        .wallet-balance {\n            font-size: 2.6rem;\n            color: #1b5e20;\n            font-weight: 700;\n            text-align: center;\n            margin: 16px 0 20px 0;\n        }\n\n        .wallet-btns {\n            display: flex;\n            justify-content: center;\n            gap: 18px;\n            margin-bottom: 24px;\n        }\n\n        .btn {\n            padding: 12px 28px;\n            background: linear-gradient(90deg, #43a047 60%, #81c784 100%);\n            color: #fff;\n            font-size: 1rem;\n            border: none;\n            border-radius: 10px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n\n        .btn:hover {\n            background: linear-gradient(90deg, #388e3c 60%, #66bb6a 100%);\n        }\n\n        .transaksi-title {\n            font-size: 1.15rem;\n            font-weight: 600;\n            color: #2e7d32;\n            margin-bottom: 10px;\n        }\n\n        .transaksi-table {\n            width: 100%;\n            border-collapse: collapse;\n            background: #fafafa;\n            border-radius: 12px;\n            overflow: hidden;\n        }\n\n        .transaksi-table th,\n        .transaksi-table td {\n            padding: 10px 16px;\n            text-align: left;\n            font-size: 15px;\n            white-space: nowrap;\n            \/* default: elak pecah, tapi akan override di <600px *\/\n        }\n\n        .transaksi-table th {\n            background: #c8e6c9;\n            color: #2e7d32;\n            font-weight: 600;\n        }\n\n        .transaksi-table tr {\n            border-bottom: 1px solid #e0e0e0;\n        }\n\n        .transaksi-table td.amount.plus {\n            color: #388e3c;\n            font-weight: 600;\n        }\n\n        .transaksi-table td.amount.minus {\n            color: #d84315;\n            font-weight: 600;\n        }\n\n        .transaksi-table td.status-completed {\n            color: #43a047;\n            font-weight: 500;\n        }\n\n        .transaksi-table td.status-pending {\n            color: #f9a825;\n            font-weight: 500;\n        }\n\n        .transaksi-table td.status-failed {\n            color: #e53935;\n            font-weight: 500;\n        }\n\n        @media (max-width: 500px) {\n            .wallet-container {\n                padding: 16px 12px;\n            }\n\n            .wallet-title {\n                font-size: 1.25rem;\n            }\n\n            .wallet-balance {\n                font-size: 1.7rem;\n            }\n        }\n\n        .transaksi-scroll {\n            max-height: 360px;\n            overflow-y: auto;\n            margin-bottom: 4px;\n        }\n\n        .manual-topup {\n            margin-top: 26px;\n            background: #f7fbf7;\n            border: 1px solid #d9ead9;\n            border-radius: 14px;\n            padding: 18px;\n        }\n\n        .manual-topup h3 {\n            margin: 0 0 12px 0;\n            color: #2e7d32;\n            font-size: 1.05rem;\n        }\n\n        .manual-topup .qr-wrap {\n            display: flex;\n            gap: 16px;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n\n        .manual-topup img {\n            width: 160px;\n            max-width: 44vw;\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, .08);\n        }\n\n        .manual-topup .notes {\n            font-size: .95rem;\n            line-height: 1.4;\n            color: #2f3b2f;\n        }\n\n        .manual-topup .notes b {\n            color: #1b5e20;\n        }\n\n        .manual-topup .actions {\n            margin-top: 12px;\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n        }\n\n        .btn-outline {\n            background: #fff;\n            color: #2e7d32;\n            border: 1px solid #81c784;\n        }\n\n        .btn-outline:hover {\n            background: #e9f5ea;\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n    <div style=\"text-align: center; margin-top: 24px;\">\n        <img decoding=\"async\" style=\"max-width: 180px; width: 100%; 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\n    <div class=\"wallet-container\">\n        <div class=\"wallet-title\">\ud83d\udcb0 Wallet AbataBlaster<\/div>\n        <div class=\"wallet-balance\" id=\"walletBalance\">RM --<\/div>\n        <div class=\"wallet-btns\">\n            <button class=\"btn\" onclick=\"topupWallet()\">Topup Wallet<\/button>\n            <!-- Boleh tambah button Withdraw jika perlu -->\n        <\/div>\n\n        <div class=\"manual-topup\">\n            <h3>\ud83e\uddfe Topup Manual (TNG eWallet QR)<\/h3>\n            <div class=\"qr-wrap\">\n                <a href=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/08\/photo_2025-08-13_23-31-58.jpg\"\n                    target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/08\/photo_2025-08-13_23-31-58.jpg\"\n                        alt=\"QR TNG eWallet AbataBlaster\" \/>\n                <\/a>\n                <div class=\"notes\">\n                    <p>Anda boleh <b>scan QR<\/b> di sebelah untuk buat topup manual melalui <b>TNG eWallet<\/b>.<\/p>\n                    <p><b>Nota:<\/b> Permintaan topup manual akan disemak secara manual. Untuk <b>kredit segera<\/b>,\n                        sila\n                        guna butang <b>Topup Wallet<\/b> (ToyyibPay) di atas.<\/p>\n                    <div class=\"actions\">\n                        <button class=\"btn btn-outline\" onclick=\"bukaQrPenuh()\">Buka QR Penuh<\/button>\n                        <button class=\"btn\" onclick=\"hantarBuktiBayaran()\">Hantar Bukti Bayaran<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"transaksi-title\">Riwayat Transaksi Wallet<\/div>\n        <div class=\"transaksi-scroll\">\n            <table class=\"transaksi-table\" id=\"transaksiTable\">\n                <thead>\n                    <tr>\n                        <th>Tarikh<\/th>\n                        <th>Jenis<\/th>\n                        <th>Amaun<\/th>\n                        <th>Status<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td colspan=\"4\" style=\"text-align:center; color:#888;\">Memuatkan...<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n        <!-- TOTAL STICKY DI BAWAH, LUAR .transaksi-scroll -->\n        <div id=\"walletTotalsWrap\"\n            style=\"width:100%;max-width:720px;margin:0 auto;font-weight:bold;font-size:1.07em;text-align:right;padding:8px 16px 0 0; background:#e8f5e9;\">\n            <span id=\"walletTotals\"><\/span>\n        <\/div>\n\n    <\/div> <!-- \/wallet-container -->\n\n    <script src=\"\/js\/wallet.js\"><\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Wallet \u2013 AbataBlaster \ud83d\udcb0 Wallet AbataBlaster RM &#8212; Topup Wallet \ud83e\uddfe Topup Manual (TNG eWallet QR) Anda boleh scan QR di sebelah untuk buat topup manual melalui TNG eWallet. Nota: Permintaan topup manual akan disemak secara manual. Untuk kredit segera, sila guna butang Topup Wallet (ToyyibPay) di atas. Buka QR Penuh Hantar Bukti Bayaran Riwayat [&hellip;]<\/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-747","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/747","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=747"}],"version-history":[{"count":35,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/747\/revisions"}],"predecessor-version":[{"id":1334,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/747\/revisions\/1334"}],"wp:attachment":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}