{"id":738,"date":"2026-05-17T12:56:31","date_gmt":"2026-05-17T16:56:31","guid":{"rendered":"http:\/\/wp287849.wpdns.ca\/?page_id=738"},"modified":"2026-05-17T12:56:33","modified_gmt":"2026-05-17T16:56:33","slug":"custom-registration-page","status":"publish","type":"page","link":"https:\/\/wp287849.wpdns.ca\/fr\/custom-registration-page\/","title":{"rendered":"Custom Registration Page"},"content":{"rendered":"<div class=\"registration-page-container\">\n        <div class=\"registration-card\">\n            <header class=\"registration-header\">\n                <div class=\"success-badge\">&#x1f3c6; FUNDAMENTALS COMPLETED<\/div>\n                <h1 class=\"registration-main-title\">Claim Your Coach Access<\/h1>\n                <p class=\"registration-sub-title\">Set up your secure account password to unlock your Fundamentals resources, session plans, and tactical video libraries.<\/p>\n            <\/header>\n\n            \n\n            <form class=\"custom-register-form\" method=\"POST\" action=\"\">\n                <input type=\"hidden\" name=\"action\" value=\"submit_coach_register\">\n                \n                <div class=\"form-group\">\n                    <label class=\"form-label\" for=\"coach-email\">Certified Email Address<\/label>\n                    <div class=\"input-wrapper disabled-wrapper\">\n                        <span class=\"input-icon\">&#x2709;<\/span>\n                        <input type=\"email\" id=\"coach-email\" class=\"form-input read-only-input\" value=\"test.coach@grassroots.com\" readonly>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\" for=\"coach-password\">Create Account Password<\/label>\n                    <div class=\"input-wrapper\">\n                        <span class=\"input-icon\">&#x1f512;<\/span>\n                        <input type=\"password\" name=\"coach_password\" id=\"coach-password\" class=\"form-input\" placeholder=\"Min. 8 characters...\" required>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\" for=\"coach-confirm-password\">Confirm Password<\/label>\n                    <div class=\"input-wrapper\">\n                        <span class=\"input-icon\">&#x1f512;<\/span>\n                        <input type=\"password\" name=\"coach_confirm_password\" id=\"coach-confirm-password\" class=\"form-input\" placeholder=\"Type password again...\" required>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-checkbox-group\">\n                    <label class=\"checkbox-container\">\n                        <input type=\"checkbox\" required>\n                        <span class=\"checkmark\"><\/span>\n                        <span class=\"checkbox-text\">I agree to the <strong>Coach Code of Conduct<\/strong> and platform Terms.<\/span>\n                    <\/label>\n                <\/div>\n\n                <button type=\"submit\" class=\"register-submit-btn\">Create My Member Account & Log In \u2192<\/button>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n        <\/div>\n    <\/div>\n    \n    <style>\n    .registration-page-container { min-height: 80vh; display: flex !important; justify-content: center !important; align-items: center !important; background-color: #ffffff !important; padding: 40px 0 60px 0 !important; font-family: system-ui, -apple-system, sans-serif; box-sizing: border-box; }\n    .registration-card { background: #ffffff !important; max-width: 520px !important; width: 100% !important; border-radius: 12px !important; box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08) !important; border: 1px solid #e2e8f0 !important; padding: 40px !important; box-sizing: border-box !important; }\n    .registration-header { text-align: center !important; margin-bottom: 30px !important; }\n    .success-badge { background-color: rgba(184, 33, 5, 0.08) !important; color: #B82105 !important; font-size: 0.75rem !important; font-weight: 700 !important; padding: 6px 14px !important; border-radius: 50px !important; letter-spacing: 0.05em !important; display: inline-block !important; margin-bottom: 15px !important; border: 1px solid rgba(184, 33, 5, 0.15) !important; }\n    .registration-main-title { margin: 0 0 10px 0 !important; font-size: 1.8rem !important; color: #0f172a !important; font-weight: 800 !important; }\n    .registration-sub-title { margin: 0 !important; color: #475569 !important; font-size: 0.95rem !important; line-height: 1.5 !important; }\n    .form-group { margin-bottom: 22px !important; }\n    .form-label { display: block !important; font-weight: 600 !important; font-size: 0.9rem !important; color: #334155 !important; margin-bottom: 8px !important; text-align: left !important; }\n    .input-wrapper { display: flex !important; align-items: center !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important; border-radius: 6px !important; padding: 0 14px !important; box-sizing: border-box !important; }\n    .input-wrapper:focus-within { border-color: #B82105 !important; box-shadow: 0 0 0 3px rgba(184, 33, 5, 0.12) !important; }\n    .input-icon { color: #94a3b8 !important; margin-right: 10px !important; font-size: 1.1rem !important; user-select: none !important; }\n    .form-input { width: 100% !important; border: none !important; padding: 12px 0 !important; font-size: 1rem !important; color: #0f172a !important; outline: none !important; background: transparent !important; box-shadow: none !important; }\n    .disabled-wrapper { background: #f8fafc !important; border-color: #e2e8f0 !important; cursor: not-allowed !important; }\n    .read-only-input { color: #64748b !important; cursor: not-allowed !important; }\n    .form-checkbox-group { margin: 25px 0 !important; }\n    .checkbox-container { display: flex !important; align-items: flex-start !important; position: relative !important; cursor: pointer !important; font-size: 0.88rem !important; color: #475569 !important; line-height: 1.4 !important; user-select: none !important; text-align: left !important; }\n    .checkbox-container input { position: absolute !important; opacity: 0 !important; cursor: pointer !important; height: 0 !important; width: 0 !important; }\n    .checkmark { min-width: 18px !important; height: 18px !important; background-color: #ffffff !important; border: 1px solid #cbd5e1 !important; border-radius: 4px !important; margin-right: 12px !important; display: inline-block !important; position: relative !important; margin-top: 2px !important; box-sizing: border-box !important; }\n    .checkbox-container input:checked ~ .checkmark { background-color: #B82105 !important; border-color: #B82105 !important; }\n    .checkmark:after { content: \"\" !important; position: absolute !important; display: none !important; left: 5px !important; top: 1px !important; width: 4px !important; height: 8px !important; border: solid white !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; }\n    .checkbox-container input:checked ~ .checkmark:after { display: block !important; }\n    .register-submit-btn { width: 100% !important; background-color: #B82105 !important; color: #ffffff !important; border: none !important; padding: 14px !important; font-size: 1rem !important; font-weight: 700 !important; border-radius: 6px !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(184, 33, 5, 0.2) !important; }\n    .register-submit-btn:hover { background-color: #911a04 !important; color: #ffffff !important; text-decoration: none !important; }\n    @media (max-width: 480px) { .registration-card { padding: 25px 20px !important; } }\n    <\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-738","page","type-page","status-publish","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Admin","author_link":"https:\/\/wp287849.wpdns.ca\/fr\/author\/yourname\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/wp287849.wpdns.ca\/fr\/wp-json\/wp\/v2\/pages\/738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp287849.wpdns.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp287849.wpdns.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp287849.wpdns.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp287849.wpdns.ca\/fr\/wp-json\/wp\/v2\/comments?post=738"}],"version-history":[{"count":3,"href":"https:\/\/wp287849.wpdns.ca\/fr\/wp-json\/wp\/v2\/pages\/738\/revisions"}],"predecessor-version":[{"id":989,"href":"https:\/\/wp287849.wpdns.ca\/fr\/wp-json\/wp\/v2\/pages\/738\/revisions\/989"}],"wp:attachment":[{"href":"https:\/\/wp287849.wpdns.ca\/fr\/wp-json\/wp\/v2\/media?parent=738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}