{"id":1164,"date":"2026-01-29T14:30:24","date_gmt":"2026-01-29T14:30:24","guid":{"rendered":"https:\/\/kwata.app\/pay\/?page_id=1164"},"modified":"2026-02-11T12:01:35","modified_gmt":"2026-02-11T12:01:35","slug":"customer-login","status":"publish","type":"page","link":"https:\/\/kwata.app\/pay\/customer-login\/","title":{"rendered":"Login"},"content":{"rendered":"\n<div class=\"rwm-login-card\" role=\"region\" aria-label=\"Customer login\" data-redirect=\"https:\/\/kwata.app\/pay\/wp-json\/wp\/v2\/pages\/1164\">\n        \n    <div class=\"rwm-header\">\n        <h2>Welcome back<\/h2>\n        <p>Sign in with your phone number<\/p>\n    <\/div>\n    \n    <div class=\"rwm-body\">\n        <div class=\"rwm-login-message\" style=\"display:none;\"><\/div>\n        \n        <form id=\"rwm-frontend-login-form\" class=\"rwm-frontend-login-form\" method=\"post\" action=\"https:\/\/kwata.app\/pay\/wp-admin\/admin-post.php\" autocomplete=\"on\">\n            <input type=\"hidden\" name=\"action\" value=\"ordvia_customer_login\" \/>\n            <input type=\"hidden\" name=\"ordvia_login_nonce\" value=\"b364068a3a\" \/>\n            <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/kwata.app\/pay\/wp-json\/wp\/v2\/pages\/1164\" \/>\n            <input type=\"hidden\" name=\"origin_site_url\" value=\"https:\/\/kwata.app\/pay\/\" \/>\n            \n            <div id=\"rwm-phone-wrapper\" style=\"width: 100%; max-width: 100%;\">\n                <input id=\"rwm_phone_field\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9 ]*\" name=\"phone\"\n                    placeholder=\"Provide a valid phone number to proceed\" \n                    required aria-required=\"true\" style=\"width: 100% !important;\" \/>\n            <\/div>\n            <div id=\"rwm-phone-feedback\" class=\"rwm-phone-feedback\" aria-live=\"polite\"\n                style=\"margin-top:8px;font-size:13px;min-height:18px\"><\/div>\n            \n            <div id=\"rwm-login-ajax-status\" class=\"rwm-login-status\" aria-live=\"polite\"\n                style=\"display:none;margin-top:8px\"><\/div>\n            \n            <!-- Recovery Email & Username Setup Section (for returning users) -->\n            <div id=\"rwm-recovery-setup-section\" style=\"display:none;\">\n                <div class=\"rwm-otp-info\" style=\"background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-bottom:16px;\">\n                    <p style=\"margin:0;color:#1e40af;font-size:14px;\">\n                        <strong>\ud83d\udc4b Welcome back!<\/strong><br>\n                        Set a display name (required) and optionally a recovery email to secure your account.                    <\/p>\n                <\/div>\n                <div style=\"margin-bottom:16px;\">\n                    <label for=\"rwm-display-name-input\" style=\"display:block;margin-bottom:8px;font-weight:600;\">Display Name <span style=\"font-weight:400;color:#c23b3b;font-size:13px;\">*<\/span><\/label>\n                    <input type=\"text\" id=\"rwm-display-name-input\" name=\"display_name\"\n                           placeholder=\"Your name\" \n                           style=\"width:100%;padding:12px;font-size:16px;border:2px solid #e5e7eb;border-radius:8px;\" \/>\n                <\/div>\n                <div style=\"margin-bottom:16px;\">\n                    <label for=\"rwm-recovery-email-input\" style=\"display:block;margin-bottom:8px;font-weight:600;\">Recovery Email <span style=\"font-weight:400;color:#6b7280;font-size:13px;\">(optional)<\/span><\/label>\n                    <input type=\"email\" id=\"rwm-recovery-email-input\" name=\"recovery_email\"\n                           placeholder=\"your@email.com\" \n                           style=\"width:100%;padding:12px;font-size:16px;border:2px solid #e5e7eb;border-radius:8px;\" \/>\n                    <p style=\"margin:4px 0 0;font-size:12px;color:#6b7280;\">Adding an email lets you log in with a verification code next time.<\/p>\n                <\/div>\n                <button type=\"button\" id=\"rwm-setup-recovery-btn\" class=\"rwm-button rwm-button-primary\" style=\"width:100%;margin-bottom:12px;\">\n                    Save &amp; Continue                <\/button>\n                <button type=\"button\" id=\"rwm-skip-recovery-btn\" class=\"rwm-button rwm-button-secondary\" style=\"width:100%;margin-bottom:8px;\">\n                    Skip for now                <\/button>\n                <button type=\"button\" id=\"rwm-back-from-recovery\" class=\"rwm-button rwm-button-secondary\" style=\"width:100%;\">\n                    \u2190 Back                <\/button>\n            <\/div>\n            \n            <!-- OTP Verification Section (hidden by default) -->\n            <div id=\"rwm-otp-section\" style=\"display:none;\">\n                <div class=\"rwm-otp-info\" style=\"background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-bottom:16px;\">\n                    <p style=\"margin:0;color:#1e40af;font-size:14px;\">\n                        <strong>\ud83d\udce7 Check your email!<\/strong><br>\n                        We&#039;ve sent a verification code to <span id=\"rwm-masked-email\" style=\"font-weight:600;\"><\/span>\n                    <\/p>\n                <\/div>\n                <div style=\"margin-bottom:16px;\">\n                    <label for=\"rwm-otp-input\" style=\"display:block;margin-bottom:8px;font-weight:600;\">Enter Verification Code<\/label>\n                    <input type=\"text\" id=\"rwm-otp-input\" inputmode=\"numeric\" pattern=\"[0-9]{6}\" maxlength=\"6\" \n                           placeholder=\"000000\" style=\"width:100%;padding:12px;font-size:20px;letter-spacing:8px;text-align:center;border:2px solid #e5e7eb;border-radius:8px;\" \/>\n                <\/div>\n                <button type=\"button\" id=\"rwm-verify-otp-btn\" class=\"rwm-button rwm-button-primary\" style=\"width:100%;margin-bottom:12px;\">\n                    Verify &amp; Login                <\/button>\n                <button type=\"button\" id=\"rwm-resend-otp-btn\" class=\"rwm-button rwm-button-secondary\" style=\"width:100%;margin-bottom:8px;\">\n                    Resend Code                <\/button>\n                <button type=\"button\" id=\"rwm-back-to-phone\" class=\"rwm-button rwm-button-secondary\" style=\"width:100%;\">\n                    \u2190 Back to Phone Login                <\/button>\n            <\/div>\n            \n            <div class=\"rwm-login-cta\" id=\"rwm-phone-section\">\n                <button type=\"submit\" id=\"rwm-frontend-login-submit\"\n                    class=\"btn rwm-login-btn\">Continue<\/button>\n            <\/div>\n            \n            <p class=\"rwm-login-note\">We will create an account for you if one does not exist.<\/p>\n        <\/form>\n        \n        <!-- intl-tel-input CSS -->\n        <link rel=\"stylesheet\"\n            href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/css\/intlTelInput.min.css\" \/>\n        \n        <!-- intl-tel-input and utils -->\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/js\/intlTelInput.min.js\"><\/script>\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/js\/utils.js\"><\/script>\n        \n        <!-- IMask JS for input masking -->\n        <script src=\"https:\/\/unpkg.com\/imask\"><\/script>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kwata.app\/pay\/wp-json\/wp\/v2\/pages\/1164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kwata.app\/pay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kwata.app\/pay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kwata.app\/pay\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kwata.app\/pay\/wp-json\/wp\/v2\/comments?post=1164"}],"version-history":[{"count":4,"href":"https:\/\/kwata.app\/pay\/wp-json\/wp\/v2\/pages\/1164\/revisions"}],"predecessor-version":[{"id":1181,"href":"https:\/\/kwata.app\/pay\/wp-json\/wp\/v2\/pages\/1164\/revisions\/1181"}],"wp:attachment":[{"href":"https:\/\/kwata.app\/pay\/wp-json\/wp\/v2\/media?parent=1164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}