{"id":1069,"date":"2026-02-19T10:38:44","date_gmt":"2026-02-19T10:38:44","guid":{"rendered":"https:\/\/peskillnatural.co.ke\/?page_id=1069"},"modified":"2026-02-20T10:26:25","modified_gmt":"2026-02-20T10:26:25","slug":"1069-2","status":"publish","type":"page","link":"https:\/\/peskillnatural.co.ke\/index.php\/1069-2\/","title":{"rendered":"Pickup Mtaani Checkout."},"content":{"rendered":"    <div class=\"pmts-modern-wrapper\">\n        <div class=\"pmts-progress\"><div class=\"bar\" id=\"pmts-bar\" style=\"width: 33%;\"><\/div><\/div>\n\n        <div class=\"pmts-card active\" id=\"p-step-1\">\n            <h3 style=\"text-align:center; color:#ff6b00;\">\ud83d\uded2 Quick Order<\/h3>\n            <div style=\"display: flex; gap: 10px; margin-bottom: 15px;\">\n                <div style=\"flex: 3;\">\n                    <label class=\"p-label\">Select Product<\/label>\n                    <select id=\"pmts-product\" class=\"p-select pmts-select2\">\n                        <option value=\"540\" data-price=\"550\" data-name=\"150g diatomaceous earth\">150g diatomaceous earth (KES 550)<\/option><option value=\"538\" data-price=\"400\" data-name=\"80g Diatomaceous Earth\">80g Diatomaceous Earth (KES 400)<\/option><option value=\"476\" data-price=\"600\" data-name=\"Doorshield underdoor seal.\">Doorshield underdoor seal. (KES 600)<\/option><option value=\"103\" data-price=\"300\" data-name=\"Peskill Natural 200g\">Peskill Natural 200g (KES 300)<\/option><option value=\"99\" data-price=\"500\" data-name=\"Peskill Natural 400g\">Peskill Natural 400g (KES 500)<\/option>                    <\/select>\n                <\/div>\n                <div style=\"flex: 1;\"><label class=\"p-label\">Qty<\/label><input type=\"number\" id=\"pmts-qty\" value=\"1\" min=\"1\" class=\"p-select\"><\/div>\n            <\/div>\n            <div class=\"p-input-group\"><label class=\"p-label\">Full Name<\/label><input type=\"text\" id=\"pmts-name\" placeholder=\"John Doe\"><\/div>\n            <div class=\"p-input-group\"><label class=\"p-label\">WhatsApp \/ M-Pesa Number<\/label><input type=\"text\" id=\"pmts-phone\" placeholder=\"0712345678\"><\/div>\n            <button class=\"p-btn\" type=\"button\" onclick=\"pMove(2)\">Next: Delivery Options<\/button>\n        <\/div>\n\n        <div class=\"pmts-card\" id=\"p-step-2\">\n            <h3>How should we deliver?<\/h3>\n            <div class=\"p-delivery-toggle\">\n                <label class=\"d-option active\" id=\"opt-pickup\">\n                    <input type=\"radio\" name=\"del_method\" value=\"pickup\" checked style=\"display:none;\">\n                    \ud83d\udce6 Pickup Mtaani\n                <\/label>\n                <label class=\"d-option\" id=\"opt-rider\">\n                    <input type=\"radio\" name=\"del_method\" value=\"rider\" style=\"display:none;\">\n                    \ud83c\udfcd\ufe0f Door Delivery\n                <\/label>\n            <\/div>\n\n            <div id=\"view-pickup\">\n                <div class=\"p-input-group\"><label class=\"p-label\">Area<\/label><select id=\"pmts-area\" class=\"p-select pmts-select2\"><option value=\"\">Loading...<\/option><\/select><\/div>\n                <div class=\"p-input-group\"><label class=\"p-label\">Zone<\/label><select id=\"pmts-zone\" class=\"p-select pmts-select2\" disabled><option value=\"\">Select Area First<\/option><\/select><\/div>\n                <div class=\"p-input-group\"><label class=\"p-label\">Location<\/label><select id=\"pmts-location\" class=\"p-select pmts-select2\" disabled><option value=\"\">Select Zone First<\/option><\/select><\/div>\n                <div class=\"p-input-group\"><label class=\"p-label\">Agent Shop<\/label><select id=\"pmts-agent\" class=\"p-select pmts-select2\" disabled><option value=\"\">Select Location First<\/option><\/select><\/div>\n                <div id=\"p-agent-info\" style=\"display:none;\"><\/div>\n            <\/div>\n\n            <div id=\"view-rider\" style=\"display:none;\">\n                <div class=\"p-info-box\" style=\"border-left-color:#2ecc71; margin-bottom:15px;\">\n                    Rider Delivery Cost: <strong>KES 300<\/strong><br>\n                    <small>Payable on delivery.<\/small>\n                <\/div>\n                <div class=\"p-input-group\">\n                    <label class=\"p-label\">Detailed Physical Address \/ Landmark<\/label>\n                    <textarea id=\"pmts-address\" class=\"p-select\" rows=\"3\" placeholder=\"E.g. Kilimani, Argwings Kodhek Rd...\"><\/textarea>\n                <\/div>\n            <\/div>\n\n            <div class=\"p-btn-row\">\n                <button class=\"p-btn-sec\" type=\"button\" onclick=\"pMove(1)\">Back<\/button>\n                <button class=\"p-btn\" type=\"button\" id=\"p-init-pkg\">Place Order<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"pmts-card\" id=\"p-step-3\">\n            <div id=\"p-loader\" style=\"text-align: center;\"><div class=\"p-spinner\"><\/div><h3>Processing...<\/h3><\/div>\n            <div id=\"p-success\" style=\"display:none;\">\n                <h3 style=\"text-align: center; color: #2ecc71;\">Order Received!<\/h3>\n                <div class=\"p-receipt\">\n                    <div id=\"res-pickup\" style=\"display:none;\">\n                        <span style=\"font-size:12px; color:#666;\">Pickup Mtaani Receipt #<\/span><br>\n                        <strong id=\"p-receipt-id\" style=\"font-size:24px; color:#1b5e20;\">---<\/strong><br><br>\n                        <div class=\"p-row\"><span>Agent Shop:<\/span> <strong id=\"p-receipt-agent\">---<\/strong><\/div>\n                        <div class=\"p-row\"><span>Delivery Fee (M-Pesa Prompt):<\/span> <strong id=\"p-receipt-pmfee\" style=\"color:blue;\">---<\/strong><\/div>\n                    <\/div>\n                    <div id=\"res-rider\" style=\"display:none;\">\n                        <div class=\"p-row\"><span>Delivery Address:<\/span> <strong id=\"p-receipt-address\">---<\/strong><\/div>\n                        <div class=\"p-row\"><span>Rider Fee:<\/span> <strong id=\"p-receipt-riderfee\" style=\"color:blue;\">---<\/strong><\/div>\n                    <\/div>\n                    <div class=\"p-row\" style=\"margin-top: 15px; border-top: 1px dashed #ccc; padding-top: 15px;\">\n                        <span>To Pay on Delivery:<\/span> <strong id=\"p-receipt-cost\" style=\"color:#d35400; font-size:18px;\">---<\/strong>\n                    <\/div>\n                <\/div>\n\n                <div id=\"p-verify-block\" class=\"p-verify-box\" style=\"display:none;\">\n                    <p id=\"p-verify-timer-text\">Check your phone for the M-Pesa prompt.<br>Verification opens in <strong id=\"p-verify-timer\">10<\/strong> seconds...<\/p>\n                    <div id=\"p-verify-actions\" style=\"display:none;\">\n                        <input type=\"text\" id=\"pmts-customer-code\" placeholder=\"Enter M-Pesa Code\" class=\"p-select\" style=\"text-transform:uppercase; text-align:center; font-weight:bold; letter-spacing:1px; margin-bottom:10px;\">\n                        <button type=\"button\" class=\"p-btn\" id=\"btn-customer-verify\">Confirm Payment<\/button>\n                        <div id=\"p-verify-msg\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"p-final-success\" style=\"display:none; text-align:center; padding: 20px 0;\">\n                    <h3 style=\"color:#2ecc71; margin-bottom:10px;\">\ud83c\udf89 Payment Verified!<\/h3>\n                    <p style=\"color:#555; margin-bottom:20px;\">Your parcel is now being processed for dispatch.<\/p>\n                <\/div>\n\n                <div class=\"p-btn-row\" id=\"p-wa-wrap\" style=\"grid-template-columns: 1fr; display:none; margin-top:20px;\">\n                    <button class=\"p-btn-whatsapp\" id=\"p-wa-btn\">Send Order Details via WhatsApp<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1069","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/peskillnatural.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/1069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peskillnatural.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peskillnatural.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peskillnatural.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peskillnatural.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=1069"}],"version-history":[{"count":3,"href":"https:\/\/peskillnatural.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/1069\/revisions"}],"predecessor-version":[{"id":1073,"href":"https:\/\/peskillnatural.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/1069\/revisions\/1073"}],"wp:attachment":[{"href":"https:\/\/peskillnatural.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=1069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}