{"id":8417,"date":"2025-12-03T14:13:52","date_gmt":"2025-12-03T08:43:52","guid":{"rendered":"https:\/\/maivarai.com\/register\/"},"modified":"2025-12-03T14:13:52","modified_gmt":"2025-12-03T08:43:52","slug":"register","status":"publish","type":"page","link":"https:\/\/maivarai.com\/ta\/register\/","title":{"rendered":"Register"},"content":{"rendered":"\r\n<div class=\"clr-form-wrapper clr-register-wrapper clr-style-minimal\">\r\n    <!-- Registration Form Step -->\r\n    <div id=\"clr-register-step\" class=\"clr-form-step active\">\r\n        <div class=\"clr-form-header\">\r\n            <h2>Create Account<\/h2>\r\n            <p>Join us today and get started<\/p>\r\n        <\/div>\r\n\r\n        <form id=\"clr-register-form\" class=\"clr-form\" method=\"post\" novalidate>\r\n            <div class=\"clr-form-row clr-form-row-half\">\r\n                <div class=\"clr-field-wrapper\">\r\n                    <label for=\"clr_first_name\">First Name<\/label>\r\n                    <input type=\"text\" id=\"clr_first_name\" name=\"first_name\" class=\"clr-input\" placeholder=\"John\">\r\n                <\/div>\r\n                <div class=\"clr-field-wrapper\">\r\n                    <label for=\"clr_last_name\">Last Name<\/label>\r\n                    <input type=\"text\" id=\"clr_last_name\" name=\"last_name\" class=\"clr-input\" placeholder=\"Doe\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"clr-field-wrapper clr-username-wrapper\">\r\n                <label for=\"clr_username\">Username <span class=\"clr-required\">*<\/span><\/label>\r\n                <div class=\"clr-username-input-wrapper\">\r\n                    <input type=\"text\" id=\"clr_username\" name=\"username\" class=\"clr-input\" placeholder=\"johndoe\" required autocomplete=\"username\" pattern=\"[a-zA-Z0-9_\\-]+\">\r\n                    <span class=\"clr-username-status-icon\" aria-hidden=\"true\"><\/span>\r\n                <\/div>\r\n                <p class=\"clr-field-note clr-username-status-text\">\r\n                    Letters, numbers, underscores and hyphens only.                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"clr-field-wrapper\">\r\n                <label for=\"clr_email\">Email Address <span class=\"clr-required\">*<\/span><\/label>\r\n                <input type=\"email\" id=\"clr_email\" name=\"email\" class=\"clr-input\" placeholder=\"john@example.com\" required>\r\n            <\/div>\r\n\r\n            <div class=\"clr-field-wrapper\">\r\n                <label for=\"clr_password\">Password <span class=\"clr-required\">*<\/span><\/label>\r\n                <div class=\"clr-password-wrapper\">\r\n                    <input type=\"password\" id=\"clr_password\" name=\"password\" class=\"clr-input\" placeholder=\"Create a strong password\" required>\r\n                    <button type=\"button\" class=\"clr-password-toggle\" aria-label=\"Toggle password visibility\">\r\n                        <span class=\"clr-icon-eye\"><\/span>\r\n                    <\/button>\r\n                <\/div>\r\n                <div class=\"clr-password-strength\">\r\n                    <div class=\"clr-password-strength-bar\"><\/div>\r\n                <\/div>\r\n                <div class=\"clr-password-requirements\">\r\n                    <span class=\"clr-req\" data-req=\"length\">At least 8 characters<\/span>\r\n                                            <span class=\"clr-req\" data-req=\"uppercase\">One uppercase letter<\/span>\r\n                                                                <span class=\"clr-req\" data-req=\"lowercase\">One lowercase letter<\/span>\r\n                                                                <span class=\"clr-req\" data-req=\"number\">One number<\/span>\r\n                                                        <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"clr-field-wrapper\">\r\n                <label for=\"clr_password_confirm\">Confirm Password <span class=\"clr-required\">*<\/span><\/label>\r\n                <div class=\"clr-password-wrapper\">\r\n                    <input type=\"password\" id=\"clr_password_confirm\" name=\"password_confirm\" class=\"clr-input\" placeholder=\"Confirm your password\" required>\r\n                    <button type=\"button\" class=\"clr-password-toggle\" aria-label=\"Toggle password visibility\">\r\n                        <span class=\"clr-icon-eye\"><\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            \r\n                            <div class=\"clr-field-wrapper clr-terms-wrapper\">\r\n                    <label class=\"clr-checkbox-label\">\r\n                        <input type=\"checkbox\" name=\"terms\" id=\"clr_terms\" required>\r\n                        <span>\r\n                            I agree to the <a href=\"https:\/\/maivarai.com\/ta\/terms-conditions\/\" target=\"_blank\">Terms of Service<\/a> and <a href=\"https:\/\/maivarai.com\/ta\/privacy-policy-2\/\" target=\"_blank\">Privacy Policy<\/a>                        <\/span>\r\n                    <\/label>\r\n                <\/div>\r\n            \r\n            \r\n            <input type=\"hidden\" name=\"clr_js_check\" id=\"clr_js_check\" value=\"\"><input type=\"hidden\" id=\"clr_nonce\" name=\"clr_nonce\" value=\"3e47d60207\" \/>\r\n            <div class=\"clr-form-actions\">\r\n                <button type=\"submit\" class=\"clr-btn clr-btn-primary clr-btn-full\">\r\n                    <span class=\"clr-btn-text\">Create Account<\/span>\r\n                    <span class=\"clr-btn-loading\">Please wait...<\/span>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"clr-form-message\" style=\"display: none;\"><\/div>\r\n        <\/form>\r\n\r\n                    <div class=\"clr-form-footer\">\r\n                <p>\r\n                    Already have an account?                    <a href=\"https:\/\/maivarai.com\/ta\/login-2\/\" class=\"clr-link\">Sign in<\/a>\r\n                <\/p>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- OTP Verification Step -->\r\n    <div id=\"clr-otp-step\" class=\"clr-form-step\">\r\n        <div class=\"clr-form-header\">\r\n            <h2>Verify Your Email<\/h2>\r\n            <p>Enter the verification code sent to your email<\/p>\r\n            <p class=\"clr-otp-email\"><\/p>\r\n        <\/div>\r\n\r\n        <form id=\"clr-otp-form\" class=\"clr-form\" method=\"post\" novalidate>\r\n            <div class=\"clr-otp-inputs\">\r\n                                    <input type=\"text\" class=\"clr-otp-input\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\" autocomplete=\"one-time-code\" data-index=\"0\">\r\n                                    <input type=\"text\" class=\"clr-otp-input\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\" autocomplete=\"one-time-code\" data-index=\"1\">\r\n                                    <input type=\"text\" class=\"clr-otp-input\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\" autocomplete=\"one-time-code\" data-index=\"2\">\r\n                                    <input type=\"text\" class=\"clr-otp-input\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\" autocomplete=\"one-time-code\" data-index=\"3\">\r\n                                    <input type=\"text\" class=\"clr-otp-input\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\" autocomplete=\"one-time-code\" data-index=\"4\">\r\n                                    <input type=\"text\" class=\"clr-otp-input\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\" autocomplete=\"one-time-code\" data-index=\"5\">\r\n                            <\/div>\r\n\r\n            <input type=\"hidden\" name=\"email\" id=\"clr_otp_email\" value=\"\">\r\n            <input type=\"hidden\" name=\"otp\" id=\"clr_otp_value\" value=\"\">\r\n            <input type=\"hidden\" name=\"type\" value=\"registration\">\r\n            <input type=\"hidden\" id=\"clr_nonce_otp\" name=\"clr_nonce_otp\" value=\"3e47d60207\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ta\/wp-json\/wp\/v2\/pages\/8417\" \/>\r\n            <div class=\"clr-otp-timer\">\r\n                <span class=\"clr-timer-text\">Code expires in<\/span>\r\n                <span class=\"clr-timer-countdown\">15:00<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"clr-form-actions\">\r\n                <button type=\"submit\" class=\"clr-btn clr-btn-primary clr-btn-full\" disabled>\r\n                    <span class=\"clr-btn-text\">Verify<\/span>\r\n                    <span class=\"clr-btn-loading\">Verifying...<\/span>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"clr-form-message\" style=\"display: none;\"><\/div>\r\n\r\n            <div class=\"clr-resend-wrapper\">\r\n                <p>Didn't receive the code?<\/p>\r\n                <button type=\"button\" id=\"clr-resend-otp\" class=\"clr-link-btn\" disabled>\r\n                    Resend Code                    <span class=\"clr-resend-timer\"><\/span>\r\n                <\/button>\r\n            <\/div>\r\n        <\/form>\r\n\r\n        <div class=\"clr-form-footer\">\r\n            <button type=\"button\" class=\"clr-back-btn clr-link-btn\" data-step=\"register\">\r\n                \u2190 Back to registration            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Success Step -->\r\n    <div id=\"clr-success-step\" class=\"clr-form-step\">\r\n        <div class=\"clr-success-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\r\n                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\r\n            <\/svg>\r\n        <\/div>\r\n        <h2>Welcome!<\/h2>\r\n        <p class=\"clr-success-message\">\r\n            Your account has been created successfully.        <\/p>\r\n        <p class=\"clr-success-redirect\" style=\"display: none;\">\r\n            Taking you to your account in <span class=\"clr-success-countdown\">3<\/span> seconds...        <\/p>\r\n        <div class=\"clr-form-actions\">\r\n            <a href=\"https:\/\/maivarai.com\/ta\/profile\/\" class=\"clr-btn clr-btn-primary clr-success-btn\">\r\n                Go to Profile            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\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-8417","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/maivarai.com\/ta\/wp-json\/wp\/v2\/pages\/8417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maivarai.com\/ta\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maivarai.com\/ta\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maivarai.com\/ta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maivarai.com\/ta\/wp-json\/wp\/v2\/comments?post=8417"}],"version-history":[{"count":0,"href":"https:\/\/maivarai.com\/ta\/wp-json\/wp\/v2\/pages\/8417\/revisions"}],"wp:attachment":[{"href":"https:\/\/maivarai.com\/ta\/wp-json\/wp\/v2\/media?parent=8417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}