{"id":7323,"date":"2025-12-23T08:34:36","date_gmt":"2025-12-23T08:34:36","guid":{"rendered":"https:\/\/sriummah.com\/my\/?page_id=7323"},"modified":"2025-12-23T10:50:27","modified_gmt":"2025-12-23T10:50:27","slug":"semak-status-pesanan-buku","status":"publish","type":"page","link":"https:\/\/sriummah.com\/my\/semak-status-pesanan-buku\/","title":{"rendered":"Semak Status Pesanan Buku"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7323\" class=\"elementor elementor-7323\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0f018bf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0f018bf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9eb68b0\" data-id=\"9eb68b0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0353bc2 elementor-widget elementor-widget-html\" data-id=\"0353bc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"font-family: 'Segoe UI', Roboto, sans-serif; max-width: 550px; margin: 40px auto; border-radius: 24px; box-shadow: 0 20px 50px rgba(0,0,0,0.15); background-color: #ffffff; overflow: hidden; border: 1px solid #e0e0e0;\">\r\n    \r\n    <div style=\"background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%); padding: 45px 20px; text-align: center; color: white;\">\r\n        <div style=\"font-size: 55px; margin-bottom: 15px;\">\ud83d\udecd\ufe0f<\/div>\r\n        <h2 style=\"margin: 0; font-size: 26px; font-weight: 800; text-transform: uppercase;\">Semakan Pembelian Online<\/h2>\r\n        <p style=\"margin-top: 12px; opacity: 0.9; font-size: 15px;\">Masukkan <strong>No. Telefon<\/strong> atau <strong>No. Resit<\/strong><\/p>\r\n    <\/div>\r\n\r\n    <div style=\"padding: 40px 30px;\">\r\n        <div style=\"margin-bottom: 25px;\">\r\n            <label style=\"display: block; font-size: 11px; font-weight: 800; color: #1a73e8; margin-bottom: 10px; text-transform: uppercase;\">Carian Pesanan Buku<\/label>\r\n            <input type=\"text\" id=\"orderSearchInput\" placeholder=\"Contoh: 0123456789 atau CS26\/012\" \r\n                style=\"width: 100%; padding: 18px; border: 2px solid #edf2f7; border-radius: 16px; font-size: 16px; box-sizing: border-box; outline: none; background-color: #f7fafc; font-weight: 600;\">\r\n        <\/div>\r\n\r\n        <button onclick=\"searchOrderCSV()\" id=\"btnSearch\" \r\n            style=\"width: 100%; padding: 18px; background-color: #1a73e8; color: white; border: none; border-radius: 16px; cursor: pointer; font-size: 17px; font-weight: 700; text-transform: uppercase;\">\r\n            Semak Pesanan Sekarang\r\n        <\/button>\r\n\r\n        <p style=\"text-align: center; font-size: 11px; color: #718096; margin-top: 15px;\">\r\n            \u23f3 <strong>Nota:<\/strong> Data dikemaskini setiap <strong>5-10 minit<\/strong>.\r\n        <\/p>\r\n\r\n        <div id=\"displayResult\" style=\"margin-top: 35px; display: none;\"><\/div>\r\n\r\n        <div style=\"margin-top: 35px; padding-top: 25px; border-top: 1px solid #edf2f7;\">\r\n            <div style=\"background-color: #fffaf0; padding: 18px; border-radius: 16px; border-left: 6px solid #f6ad55; margin-bottom: 20px;\">\r\n                <p style=\"font-size: 14px; color: #7b341e; margin: 0; line-height: 1.6;\">\r\n                    <strong>\ud83d\udcf8 ARAHAN: Sila simpan screenshot<\/strong> maklumat ini untuk urusan pengambilan buku di sekolah.\r\n                <\/p>\r\n            <\/div>\r\n            <div style=\"text-align: center;\">\r\n                <a href=\"https:\/\/wa.me\/601159538922\" target=\"_blank\" style=\"color: #2f855a; text-decoration: none; font-size: 14px; font-weight: 700; background: #f0fff4; padding: 12px 25px; border-radius: 50px; border: 1px solid #c6f6d5;\">\r\n                    <span>\ud83d\udcac<\/span> Bantuan WhatsApp\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction searchOrderCSV() {\r\n    const rawInput = document.getElementById('orderSearchInput').value.trim();\r\n    const query = rawInput.toLowerCase();\r\n    const phoneOnlyQuery = rawInput.replace(\/[^0-9]\/g, '');\r\n\r\n    const resultDiv = document.getElementById('displayResult');\r\n    const btn = document.getElementById('btnSearch');\r\n    \r\n    const csvUrl = \"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRHW4eqzu3VXPH0g9VB2qGOPOjoB8WwopYlUM5KcnuVAW4K1QmwUXmDMjr3KZcYnA\/pub?gid=1554790095&single=true&output=csv&cache=\" + new Date().getTime();\r\n\r\n    if (!rawInput) {\r\n        alert(\"Sila masukkan No. Telefon atau No. Resit.\");\r\n        return;\r\n    }\r\n\r\n    btn.innerText = \"\ud83d\udd0d Mencari Data...\";\r\n    btn.disabled = true;\r\n    resultDiv.style.display = \"block\";\r\n    resultDiv.innerHTML = \"<div style='text-align:center; padding:20px; color:#a0aec0;'>Menghubungi pangkalan data...<\/div>\";\r\n\r\n    fetch(csvUrl)\r\n        .then(res => res.text())\r\n        .then(csvText => {\r\n            const rows = csvText.split(\/\\r?\\n\/).map(line => {\r\n                return line.split(\/,(?=(?:(?:[^\"]*\"){2})*[^\"]*$)\/).map(col => col.replace(\/^\"|\"$\/g, '').trim());\r\n            });\r\n\r\n            let foundOrders = [];\r\n            for (let i = 1; i < rows.length; i++) {\r\n                const resitInSheet = rows[i][1] ? rows[i][1].toLowerCase() : \"\";\r\n                const telInSheet = rows[i][3] ? String(rows[i][3]).replace(\/[^0-9]\/g, '') : \"\";\r\n\r\n                if ((resitInSheet && resitInSheet.includes(query)) || \r\n                    (phoneOnlyQuery.length > 5 && telInSheet.includes(phoneOnlyQuery))) {\r\n                    foundOrders.push(rows[i]);\r\n                }\r\n            }\r\n\r\n            if (foundOrders.length > 0) {\r\n                let html = `<div style=\"text-align:center; padding:12px; background:#ebf8ff; border-radius:12px; margin-bottom:20px; font-weight:800; color:#2b6cb0; font-size:13px; border: 1px solid #bee3f8;\">\u2705 REKOD DITEMUI<\/div>`;\r\n                \r\n                foundOrders.forEach((order, index) => {\r\n                    const statusRaw = (order[5] || \"Diterima\").toUpperCase();\r\n                    let statusColor = \"#a0aec0\"; \r\n                    let statusNote = \"Pesanan anda sedang diproses.\";\r\n\r\n                    \/\/ LOGIK WARNA & NOTA BERASASKAN KATA KUNCI SPESIFIK\r\n                    if (statusRaw.includes(\"DELIVERED\")) { \r\n                        statusColor = \"#276749\"; \/\/ Hijau Gelap\r\n                        statusNote = \"Alhamdulillah! Pesanan telah berjaya diserahkan. Terima kasih!\"; \r\n                    } \r\n                    else if (statusRaw.includes(\"COLLECT\")) { \r\n                        statusColor = \"#f6ad55\"; \/\/ Orange Gold\r\n                        statusNote = \"Alhamdulillah! Buku sedia untuk diambil. Sila hadir ke sekolah ya.\"; \r\n                    } \r\n                    else if (statusRaw.includes(\"PACK\")) { \r\n                        statusColor = \"#9f7aea\"; \/\/ Ungu\r\n                        statusNote = \"Sabar ya, pesanan anda sedang dalam proses pembungkusan.\"; \r\n                    } \r\n                    else if (statusRaw.includes(\"RECEIVED\")) { \r\n                        statusColor = \"#4299e1\"; \/\/ Biru\r\n                        statusNote = \"Rekod bayaran telah diterima. Kami akan proses secepat mungkin.\"; \r\n                    }\r\n\r\n                    html += `\r\n                        <div style=\"background: #ffffff; padding: 25px; border-radius: 20px; border: 2px solid #1a73e8; margin-bottom: 25px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); text-align: left;\">\r\n                            <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; border-bottom:1px solid #edf2f7; padding-bottom:15px;\">\r\n                                <span style=\"font-size:12px; color:#a0aec0; font-weight:800;\">PESANAN #${index + 1}<\/span>\r\n                                <strong style=\"color:#c53030; font-size:18px;\">${order[1] || \"DIJANA...\"}<\/strong>\r\n                            <\/div>\r\n                            <div style=\"font-size:15px; line-height:1.8; color: #4a5568;\">\r\n                                <div>\ud83c\udfeb Cawangan: <strong>${order[2] || \"Sedang Dikemaskini\"}<\/strong><\/div>\r\n                                <div>\ud83d\udcf1 No. Telefon: <strong>${order[3]}<\/strong><\/div>\r\n                                <div>\ud83d\udcb0 Jumlah: <strong>RM ${order[4] || \"0.00\"}<\/strong><\/div>\r\n                            <\/div>\r\n                            <div style=\"margin-top:20px; padding:18px; background:${statusColor}; color:white; border-radius:14px; text-align:center; font-weight:900; font-size:18px; letter-spacing:1px; box-shadow: 0 4px 12px ${statusColor}66;\">\r\n                                ${statusRaw}\r\n                            <\/div>\r\n                            <div style=\"margin-top:12px; font-size:13px; color:#4a5568; background:#f7fafc; padding:10px; border-radius:10px; text-align:center; border:1px solid #edf2f7;\">\r\n                                \ud83d\udca1 <strong>Nota:<\/strong> ${statusNote}\r\n                            <\/div>\r\n                        <\/div>`;\r\n                });\r\n                resultDiv.innerHTML = html;\r\n            } else {\r\n                resultDiv.innerHTML = `\r\n                    <div style=\"text-align:center; padding:30px; background:#fff5f5; border-radius:20px; border:1px solid #feb2b2; color:#c53030;\">\r\n                        <strong style=\"font-size:18px;\">Rekod Tidak Ditemui<\/strong>\r\n                        <p style=\"font-size:13px; color:#4a5568; margin-top:10px;\">Jika baru bayar, mohon sabar dan tunggu 5-10 minit atau hubungi admin jika masih tiada.<\/p>\r\n                    <\/div>`;\r\n            }\r\n        })\r\n        .finally(() => {\r\n            btn.innerText = \"Semak Pesanan Sekarang\";\r\n            btn.disabled = false;\r\n        });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udecd\ufe0f Semakan Pembelian Online Masukkan No. Telefon atau No. Resit Carian Pesanan Buku Semak Pesanan Sekarang \u23f3 Nota: Data dikemaskini [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7323","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sriummah.com\/my\/wp-json\/wp\/v2\/pages\/7323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sriummah.com\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sriummah.com\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sriummah.com\/my\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sriummah.com\/my\/wp-json\/wp\/v2\/comments?post=7323"}],"version-history":[{"count":88,"href":"https:\/\/sriummah.com\/my\/wp-json\/wp\/v2\/pages\/7323\/revisions"}],"predecessor-version":[{"id":7420,"href":"https:\/\/sriummah.com\/my\/wp-json\/wp\/v2\/pages\/7323\/revisions\/7420"}],"wp:attachment":[{"href":"https:\/\/sriummah.com\/my\/wp-json\/wp\/v2\/media?parent=7323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}