{"id":38,"date":"2024-03-06T10:33:53","date_gmt":"2024-03-06T10:33:53","guid":{"rendered":"https:\/\/www.ourproject.work\/demo\/testMBMembership\/?page_id=38"},"modified":"2024-03-08T00:12:24","modified_gmt":"2024-03-08T08:12:24","slug":"log-in","status":"publish","type":"page","link":"https:\/\/handswithcans.org\/members\/log-in\/","title":{"rendered":"Log In"},"content":{"rendered":"<form class=\"rwmb-form mbup-form\" method=\"post\" enctype=\"multipart\/form-data\" id=\"login-form\"><input type=\"hidden\" name=\"mbup_key\" value=\"c11cf59ab0c04e9a0d13612f81414bf4\"><input type=\"hidden\" name=\"mbup_type\" value=\"login\"><div class=\"rwmb-meta-box\" data-autosave=\"false\" data-object-type=\"user\" data-object-id=\"\"><input type=\"hidden\" id=\"nonce_rwmb-user-login\" name=\"nonce_rwmb-user-login\" value=\"7079c3d502\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/members\/wp-json\/wp\/v2\/pages\/38\" \/><h2><\/h2><div class=\"rwmb-field rwmb-text-wrapper  required\"><div class=\"rwmb-label\" id=\"user_login-label\"><label for=\"user_login\">Email or Username<span class=\"rwmb-required\">*<\/span><\/label><\/div><div class=\"rwmb-input\"  ><input  type=\"text\" required=\"1\" id=\"user_login\" class=\"rwmb-text\" name=\"user_login\" aria-labelledby=\"user_login-label\"><\/div><\/div><div class=\"rwmb-field rwmb-password-wrapper  required\"><div class=\"rwmb-label\" id=\"user_pass-label\"><label for=\"user_pass\">Password<span class=\"rwmb-required\">*<\/span><\/label><\/div><div class=\"rwmb-input\"  ><div class=\"rwmb-input-group\"><input  type=\"password\" required=\"1\" id=\"user_pass\" class=\"rwmb-password\" name=\"user_pass\" aria-labelledby=\"user_pass-label\"><span class=\"rwmb-input-group-text\"><i class=\"password-icon show-icon\"><\/i><\/span><\/div><\/div><\/div><div class=\"rwmb-field rwmb-checkbox-wrapper\"><div class=\"rwmb-input\"  ><label id='remember_description' class='description'><input  value=\"1\" type=\"checkbox\" id=\"remember\" class=\"rwmb-checkbox\" name=\"remember\" aria-describedby=\"remember-description\"  checked='checked'> Remember Me<\/label><\/div><\/div>\n    <style>\n        \/* ---- Captcha Box ---- *\/\n        .math-captcha-box {\n            border: 1px solid #ddd;\n            padding: 12px 15px;\n            border-radius: 6px;\n            background: #fafafa;\n            margin-bottom: 10px;\n        }\n        .math-captcha-box label {\n            font-weight: 600;\n            display: block;\n            margin-bottom: 8px;\n        }\n        .math-captcha-box input {\n            width: 100%;\n            max-width: 150px;\n            padding: 6px 8px;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n            font-size: 14px;\n        }\n        .math-captcha-msg {\n            margin-top: 6px;\n            font-size: 13px;\n        }\n\n        \/* ---- Button and Link Spacing ---- *\/\n        .rwmb-field.rwmb-button-wrapper {\n            margin-top: 8px !important;\n            margin-bottom: 0 !important;\n        }\n        .rwmb-form button[type=submit],\n        .rwmb-form input[type=submit] {\n            display: inline-block !important;\n            vertical-align: middle;\n            margin: 0 !important;\n            transition: opacity 0.25s ease;\n            opacity: 1 !important;\n        }\n        .rwmb-form button[type=submit][disabled],\n        .rwmb-form input[type=submit][disabled] {\n            opacity: 0.6 !important;\n            cursor: not-allowed !important;\n            pointer-events: none !important;\n        }\n\n        \/* ---- Small gap below submit button ---- *\/\n        .rwmb-field.rwmb-button-wrapper + p,\n        .rwmb-field.rwmb-button-wrapper + div,\n        .rwmb-field.rwmb-button-wrapper + a {\n            margin-top: 8px !important;\n        }\n    <\/style>\n\n    <div class=\"math-captcha-box\">\n        <label>Solve to continue: <strong>3 + 1 = ?<\/strong> <span style=\"color:red\">*<\/span><\/label>\n        <input type=\"number\" name=\"math_captcha_answer\" id=\"math_captcha_answer\" required>\n        <small id=\"math_captcha_msg\" class=\"math-captcha-msg\"><\/small>\n    <\/div>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const correct = 4;\n        const input = document.getElementById(\"math_captcha_answer\");\n        const msg = document.getElementById(\"math_captcha_msg\");\n\n        function initCaptcha() {\n            const btn = document.querySelector(\".rwmb-form button[type=submit], .rwmb-form input[type=submit]\");\n            if (!btn || !input) return;\n\n            btn.disabled = true;\n\n            function validateCaptcha() {\n                const val = parseInt(input.value);\n                const isCorrect = val === correct;\n                if (isCorrect) {\n                    msg.textContent = \"\u2714 Correct!\";\n                    msg.style.color = \"green\";\n                    btn.disabled = false;\n                } else {\n                    msg.textContent = val ? \"\u274c Wrong answer, try again.\" : \"\";\n                    msg.style.color = \"red\";\n                    btn.disabled = true;\n                }\n            }\n\n            input.addEventListener(\"input\", validateCaptcha);\n\n            const observer = new MutationObserver(() => {\n                if (!btn.disabled && parseInt(input.value) !== correct) {\n                    btn.disabled = true;\n                }\n            });\n            observer.observe(btn, { attributes: true, attributeFilter: [\"disabled\"] });\n\n            document.querySelectorAll(\"form.rwmb-form\").forEach(form => {\n                form.addEventListener(\"submit\", function(e) {\n                    if (parseInt(input.value) !== correct) {\n                        e.preventDefault();\n                        msg.textContent = \"\u274c Please solve correctly before submitting.\";\n                        msg.style.color = \"red\";\n                        btn.disabled = true;\n                    } else {\n                        observer.disconnect();\n                    }\n                });\n            });\n        }\n\n        setTimeout(initCaptcha, 300);\n    });\n    <\/script><div class=\"rwmb-field rwmb-button-wrapper\"><div class=\"rwmb-input\"  ><button  type=\"submit\" id=\"submit\" class=\"rwmb-button button hide-if-no-js\" name=\"rwmb_profile_submit_login\" value=\"1\">Log In<\/button><\/div><\/div><div class=\"rwmb-field rwmb-custom_html-wrapper\"><div class=\"rwmb-input\"  ><a href=\"\/members\/wp-json\/wp\/v2\/pages\/38?rwmb-lost-password=true\">Lost Password?<\/a><\/div><\/div><\/div><\/form>","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-38","page","type-page","status-publish","hentry"],"meta_box":[],"_links":{"self":[{"href":"https:\/\/handswithcans.org\/members\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/handswithcans.org\/members\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/handswithcans.org\/members\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/handswithcans.org\/members\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/handswithcans.org\/members\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":6,"href":"https:\/\/handswithcans.org\/members\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/handswithcans.org\/members\/wp-json\/wp\/v2\/pages\/38\/revisions\/128"}],"wp:attachment":[{"href":"https:\/\/handswithcans.org\/members\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}