{"id":874,"date":"2025-07-03T08:27:25","date_gmt":"2025-07-03T08:27:25","guid":{"rendered":"https:\/\/www.yesnu.com\/lost-password\/"},"modified":"2025-07-03T08:45:47","modified_gmt":"2025-07-03T08:45:47","slug":"lost-password","status":"publish","type":"page","link":"https:\/\/www.yesnu.com\/id\/lost-password\/","title":{"rendered":"Lost Password"},"content":{"rendered":"<div class=\"login-plugin-container\">\n    <div class=\"login-form-wrapper\">\n        <div class=\"form-header\">\n            <h2>Reset Password<\/h2>\n        <\/div>\n        \n        <div id=\"message-container\"><\/div>\n        \n        <div class=\"lost-password-form\">\n            <p class=\"lost-password-text\">\n                Lost your password? Please enter your email address. You will receive a link to create a new password via email.\n            <\/p>\n            \n            <form id=\"lost-password-form\" method=\"post\">\n                <div class=\"form-group\">\n                    <label for=\"user_login\">Email Address<\/label>\n                    <input type=\"email\" id=\"user_login\" name=\"user_login\" required>\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <button type=\"submit\" class=\"btn btn-primary\">\n                        <span class=\"btn-text\">Reset Password<\/span>\n                        <span class=\"loading-spinner\" style=\"display: none;\">Sending...<\/span>\n                    <\/button>\n                <\/div>\n            <\/form>\n            \n            <div class=\"form-links\">\n                <a href=\"#\" class=\"back-to-login\">Back to Login<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.login-plugin-container {\n    max-width: 400px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n.login-form-wrapper {\n    background: #fff;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    padding: 30px;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.13);\n}\n\n.form-header {\n    text-align: center;\n    margin-bottom: 20px;\n}\n\n.form-header h2 {\n    margin: 0;\n    color: #333;\n    font-size: 24px;\n    font-weight: 400;\n}\n\n.lost-password-text {\n    color: #666;\n    margin-bottom: 20px;\n    line-height: 1.5;\n    text-align: center;\n}\n\n.form-group {\n    margin-bottom: 20px;\n}\n\n.form-group label {\n    display: block;\n    margin-bottom: 5px;\n    color: #333;\n    font-weight: 600;\n}\n\n.form-group input[type=\"email\"] {\n    width: 100%;\n    padding: 12px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    font-size: 16px;\n    box-sizing: border-box;\n}\n\n.form-group input[type=\"email\"]:focus {\n    outline: none;\n    border-color: #0073aa;\n    box-shadow: 0 0 0 1px #0073aa;\n}\n\n.btn {\n    width: 100%;\n    padding: 12px;\n    border: none;\n    border-radius: 4px;\n    font-size: 16px;\n    cursor: pointer;\n    transition: background-color 0.3s;\n    position: relative;\n}\n\n.btn-primary {\n    background-color: #0073aa;\n    color: white;\n}\n\n.btn-primary:hover {\n    background-color: #005a87;\n}\n\n.btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.loading-spinner {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n}\n\n.form-links {\n    text-align: center;\n    margin-top: 20px;\n}\n\n.form-links a {\n    color: #0073aa;\n    text-decoration: none;\n    font-size: 14px;\n}\n\n.form-links a:hover {\n    text-decoration: underline;\n}\n\n.message {\n    padding: 12px;\n    margin-bottom: 20px;\n    border-radius: 4px;\n    border-left: 4px solid;\n}\n\n.message.success {\n    background-color: #d4edda;\n    border-color: #28a745;\n    color: #155724;\n}\n\n.message.error {\n    background-color: #f8d7da;\n    border-color: #dc3545;\n    color: #721c24;\n}\n\n@media (max-width: 480px) {\n    .login-plugin-container {\n        padding: 10px;\n    }\n    \n    .login-form-wrapper {\n        padding: 20px;\n    }\n}\n<\/style>\n\n<script>\njQuery(document).ready(function($) {\n    \/\/ Handle lost password form submission\n    $('#lost-password-form').on('submit', function(e) {\n        e.preventDefault();\n        \n        var $form = $(this);\n        var $button = $form.find('button[type=\"submit\"]');\n        var $btnText = $button.find('.btn-text');\n        var $spinner = $button.find('.loading-spinner');\n        var userLogin = $('#user_login').val();\n        \n        if (!userLogin) {\n            showMessage('Please enter your email address.', 'error');\n            return;\n        }\n        \n        \/\/ Show loading state\n        $button.prop('disabled', true);\n        $btnText.hide();\n        $spinner.show();\n        \n        $.ajax({\n            url: login_ajax.ajax_url,\n            type: 'POST',\n            data: {\n                action: 'send_reset_email',\n                email: userLogin,\n                nonce: login_ajax.nonce\n            },\n            success: function(response) {\n                if (response.success) {\n                    \/\/ Show success message first\n                    showMessage('Password reset email has been sent. Please check your email.', 'success');\n                    \/\/ Then redirect to confirmation page after a delay\n                    setTimeout(function() {\n                        \/\/ Get the base URL and construct the confirmation page URL\n                        var baseUrl = window.location.origin;\n                        var confirmUrl = baseUrl + '\/reset-password-confirm\/';\n                        window.location.href = confirmUrl;\n                    }, 800);\n                } else {\n                    showMessage(response.data || 'Failed to send reset email. Please try again later.', 'error');\n                }\n            },\n            error: function() {\n                showMessage('Network error. Please try again later.', 'error');\n            },\n            complete: function() {\n                \/\/ Reset button state\n                $button.prop('disabled', false);\n                $btnText.show();\n                $spinner.hide();\n            }\n        });\n    });\n    \n    \/\/ Handle back to login link\n    $('.back-to-login').on('click', function(e) {\n        e.preventDefault();\n        var loginUrl = window.location.href.replace('lost-password', 'login');\n        window.location.href = loginUrl;\n    });\n    \n    function showMessage(message, type) {\n        var messageHtml = '<div class=\"message ' + type + '\">' + message + '<\/div>';\n        $('#message-container').html(messageHtml);\n        \n        \/\/ Scroll to message\n        $('html, body').animate({\n            scrollTop: $('#message-container').offset().top - 20\n        }, 300);\n    }\n});\n<\/script>\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-874","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yesnu.com\/id\/wp-json\/wp\/v2\/pages\/874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yesnu.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yesnu.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yesnu.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yesnu.com\/id\/wp-json\/wp\/v2\/comments?post=874"}],"version-history":[{"count":5,"href":"https:\/\/www.yesnu.com\/id\/wp-json\/wp\/v2\/pages\/874\/revisions"}],"predecessor-version":[{"id":886,"href":"https:\/\/www.yesnu.com\/id\/wp-json\/wp\/v2\/pages\/874\/revisions\/886"}],"wp:attachment":[{"href":"https:\/\/www.yesnu.com\/id\/wp-json\/wp\/v2\/media?parent=874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}