{"id":25943,"date":"2026-01-12T17:27:10","date_gmt":"2026-01-12T17:27:10","guid":{"rendered":"https:\/\/uwisely.com\/?page_id=25943"},"modified":"2026-01-12T17:27:10","modified_gmt":"2026-01-12T17:27:10","slug":"forgot-my","status":"publish","type":"page","link":"https:\/\/uwisely.upp.st\/ms\/forgot-my\/","title":{"rendered":"Forgot MY"},"content":{"rendered":"<p style=\"text-align: center;\">    \n    <style>\n        \/* Clases de validaci\u00f3n visual *\/\n        .uw-figma-input-wrap.is-invalid {\n            border-color: #ff4d4d !important;\n            background-color: #fff5f5 !important;\n        }\n        .uw-error-msg {\n            color: #ff4d4d;\n            font-size: 12px;\n            margin-top: 8px;\n            display: none;\n            font-weight: 600;\n            text-align: center;\n        }\n        \/* Bot\u00f3n en rojo cuando hay error *\/\n        .btn-invalid {\n            background: #ff4d4d !important;\n            box-shadow: 0 8px 20px rgba(255, 77, 77, 0.3) !important;\n        }\n    <\/style>\n\n    <section class=\"uw-figma-login\" style=\"display: flex; justify-content: center; align-items: center; padding: 40px 20px; min-height: 80vh;\">\n        <div class=\"uw-figma-card\" style=\"width: 100%; max-width: 450px; background: #ffffff; border-radius: 30px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.08);\">\n            \n            <div class=\"uw-figma-hero\" style=\"background: linear-gradient(180deg, #3299FF 0%, #47D7C4 100%); padding: 40px 20px; text-align: center;\">\n                <div class=\"uw-figma-hero-icon\" style=\"background: rgba(255, 255, 255, 0.2); width: 70px; height: 70px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; margin-bottom: 20px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3);\">\n                    <svg width=\"35\" height=\"35\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 11V7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7V11M5 11H19C20.1046 11 21 11.8954 21 13V20C21 21.1046 20.1046 22 19 22H5C3.89543 22 3 21.1046 3 20V13C3 11.8954 3.89543 11 5 11Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <circle cx=\"12\" cy=\"16.5\" r=\"1.5\" fill=\"white\"\/>\n                    <\/svg>\n                <\/div>\n                <h1 style=\"color: #ffffff; font-size: 24px; font-weight: 700; margin: 0; line-height: 1.2;\">\n                    Lupa kata laluan anda?                <\/h1>\n            <\/div>\n\n            <div style=\"padding: 40px 35px;\">\n                \n                <p style=\"text-align: center; margin-bottom: 30px; color: #64748b; font-size: 15px; line-height: 1.5;\">\n                    Masukkan MSISDN anda para recibir kata laluan a trav\u00e9s de SMS.                <\/p>\n\n                <form method=\"post\" action=\"\">\n                    <input type=\"hidden\" id=\"uw_forgot_nonce\" name=\"uw_forgot_nonce\" value=\"d08285bc82\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ms\/wp-json\/wp\/v2\/pages\/25943\" \/>                    <input type=\"hidden\" name=\"uwu_forgot\" value=\"1\">\n\n                    <div style=\"margin-bottom: 20px;\">\n                        <div id=\"inputWrapForgot\" style=\"display: flex; align-items: center; border: 1.5px solid #E4F0FF; border-radius: 50px; padding: 12px 25px; background: #FAFCFF; transition: all 0.3s;\">\n                            <span style=\"color: #7A8899; font-weight: 700; font-size: 16px; margin-right: 10px; flex-shrink: 0;\">+60<\/span>\n                            \n                            <input type=\"tel\" \n                                   id=\"msisdnForgot\"\n                                   name=\"msisdn\" \n                                   placeholder=\"Nombor telefon anda\" \n                                   required \n                                   oninput=\"validateForgotPhone(this)\"\n                                   inputmode=\"numeric\"\n                                   style=\"border: none !important; background: transparent !important; outline: none !important; width: 100%; color: #334155; font-size: 16px; padding: 0;\">\n                        <\/div>\n                        <div id=\"phoneErrorForgot\" class=\"uw-error-msg\">\n                            Maksimum 13 digit sahaja                        <\/div>\n                    <\/div>\n\n                    <div style=\"text-align: center;\">\n                        <button type=\"submit\" id=\"submitBtnForgot\" style=\"width: 100%; max-width: 380px; display: block; margin: 0 auto; background: #0085FF; color: #ffffff; border: none; padding: 14px 24px; border-radius: 50px; font-size: 16px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 20px rgba(0, 133, 255, 0.3); transition: all 0.3s;\">\n                            Hantar Semula Kata Laluan                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n    function validateForgotPhone(input) {\n        \/\/ 1. Limpiamos caracteres no num\u00e9ricos\n        input.value = input.value.replace(\/[^0-9]\/g, '');\n        \n        const wrap = document.getElementById('inputWrapForgot');\n        const btn = document.getElementById('submitBtnForgot');\n        const error = document.getElementById('phoneErrorForgot');\n        const val = input.value;\n\n        \/\/ 2. Si se pasa de 13 d\u00edgitos, activamos el modo error\n        if (val.length > 13) {\n            wrap.classList.add('is-invalid');\n            btn.classList.add('btn-invalid');\n            error.style.display = 'block';\n        } else {\n            \/\/ Si es correcto, quitamos las clases de error\n            wrap.classList.remove('is-invalid');\n            btn.classList.remove('btn-invalid');\n            error.style.display = 'none';\n        }\n    }\n    <\/script>\n\n    <\/p>\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-25943","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uwisely.upp.st\/ms\/wp-json\/wp\/v2\/pages\/25943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uwisely.upp.st\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uwisely.upp.st\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uwisely.upp.st\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uwisely.upp.st\/ms\/wp-json\/wp\/v2\/comments?post=25943"}],"version-history":[{"count":1,"href":"https:\/\/uwisely.upp.st\/ms\/wp-json\/wp\/v2\/pages\/25943\/revisions"}],"predecessor-version":[{"id":25950,"href":"https:\/\/uwisely.upp.st\/ms\/wp-json\/wp\/v2\/pages\/25943\/revisions\/25950"}],"wp:attachment":[{"href":"https:\/\/uwisely.upp.st\/ms\/wp-json\/wp\/v2\/media?parent=25943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}