{"id":39,"date":"2025-02-06T07:02:03","date_gmt":"2025-02-06T07:02:03","guid":{"rendered":"https:\/\/hawksharksports.com\/?page_id=39"},"modified":"2025-03-06T17:11:48","modified_gmt":"2025-03-06T09:11:48","slug":"sign-up","status":"publish","type":"page","link":"https:\/\/hawksharksports.com\/zh\/sign-up\/","title":{"rendered":"\u6ce8\u518c"},"content":{"rendered":"<div class=\"wp-block-booknetic-signup\">\r\n<div class=\"booknetic_signup\">\r\n    <div class=\"booknetic_step_1\">\r\n        <div class=\"booknetic_header\">\u6ce8\u518c<\/div>\r\n        <form method=\"post\" class=\"booknetic_form\" action=\"\">\r\n            <div class=\"booknetic_form_element\" style=\"display:flex; justify-content: space-between\">\r\n                <div class=\"booknetic_customer_info\">\r\n                    <label for=\"booknetic_first_name\">\r\n                        First name <span style=\"color: red;\">*<\/span>\r\n                    <\/label>\r\n                    <input type=\"text\" id=\"booknetic_first_name\" maxlength=\"100\" name=\"first_name\" placeholder=\"Enter your first name\" data-required>\r\n                <\/div>\r\n                <div class=\"booknetic_customer_info\">\r\n                    <label for=\"booknetic_last_name\">\r\n                        Last name <span style=\"color: red;\">*<\/span>\r\n                    <\/label>\r\n                    <input type=\"text\" id=\"booknetic_last_name\" maxlength=\"100\" name=\"last_name\" placeholder=\"Enter your last name\" data-required>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"booknetic_form_element\">\r\n                <label for=\"booknetic_email\">\r\n                    Email <span style=\"color: red;\">*<\/span>\r\n                <\/label>\r\n                <input type=\"email\" id=\"booknetic_email\" maxlength=\"100\" name=\"email\" placeholder=\"Enter your email address\" data-required>\r\n            <\/div>\r\n            <div class=\"booknetic_form_element\">\r\n                <label for=\"booknetic_phone\">\r\n                    Phone <span style=\"color: red;\">*<\/span>\r\n                <\/label>\r\n                <div class=\"bkntc_input_phone-container\" style=\"display: flex; align-items: center; gap: 10px;\">\r\n                    <div class=\"phone_dropdown\" style=\"position: relative;display: flex;align-items: center;cursor: pointer;border: 1px solid #ccc;padding: 2%;border-radius: 5px;width: 25%;\" onclick=\"toggleDropdown()\">\r\n                        <img decoding=\"async\" id=\"selected_flag\" src=\"https:\/\/cdn-icons-png.flaticon.com\/128\/197\/197581.png\" width=\"10\" style=\"width:30%\" alt=\"MY\">\r\n                        <span id=\"selected_code\" style=\"font-size: 80%; padding-left:10%;\"> +60<\/span>\r\n                        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/128\/2951\/2951226.png\" alt=\"\u25bc\" style=\"margin-left: 5px; width: 15%;\">\r\n                        <ul id=\"phone_dropdown_menu\" style=\"position: absolute; top: 100%; background: #07002f; left: 0; border: 1px solid #ccc; padding: 5px; list-style: none; display: none;\">\r\n                            <li data-code=\"+60\" data-flag=\"https:\/\/cdn-icons-png.flaticon.com\/128\/197\/197581.png\" style=\"cursor: pointer; padding: 5px; display: flex; align-items: center;\" onclick=\"selectCountry(this)\">\r\n                                <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/128\/197\/197581.png\" width=\"10\" alt=\"MY\" style=\"width:30%\"> <span style=\"margin-left: 5px; font-size: 80%; padding-left:10%;\"> +60<\/span>\r\n                            <\/li>\r\n                            <li data-code=\"+65\" data-flag=\"https:\/\/cdn-icons-png.flaticon.com\/128\/197\/197496.png\" style=\"cursor: pointer; padding: 5px; display: flex; align-items: center;\" onclick=\"selectCountry(this)\">\r\n                                <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/128\/197\/197496.png\" width=\"10\" alt=\"SG\" style=\"width:30%\"> <span style=\"margin-left: 5px; font-size: 80%; padding-left:10%;\"> +65<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <input type=\"tel\" id=\"booknetic_phone\" maxlength=\"15\" name=\"phone_number\" placeholder=\"+60123456789\" data-required>\r\n                <\/div>\r\n            <\/div>\r\n<div class=\"booknetic_form_element\">\r\n    <label for=\"booknetic_birthday\">\r\n        Birthday <span style=\"color: red;\">*<\/span>\r\n    <\/label>\r\n    <input type=\"date\" id=\"booknetic_birthday\" name=\"birthday\" required style=\"width: 100%; padding: 8px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #000; font-size: 0.9rem;\">\r\n<\/div>\r\n\r\n\r\n            <div class=\"booknetic_form_element\">\r\n                <label for=\"booknetic_password\">\r\n                    Password <span style=\"color: red;\">*<\/span>\r\n                <\/label>\r\n                <input type=\"password\" id=\"booknetic_password\" name=\"password\" placeholder=\"Enter your password\" data-required>\r\n            <\/div>\r\n            \r\n            <div class=\"booknetic_form_element\">\r\n                <label for=\"booknetic_referral_code\">\r\n                    Referral Code \r\n                <\/label>\r\n                <input type=\"text\" id=\"booknetic_referral_code\" name=\"referral_code\" placeholder=\"Optional\" value=\"\">\r\n            <\/div>\r\n            \r\n            <div>\r\n                <button type=\"submit\" class=\"booknetic_btn_primary booknetic_signup_btn\">CONTINUE<\/button>\r\n            <\/div>\r\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\r\n        <div class=\"booknetic_footer\">\r\n            <span>Already have an account?<\/span>\r\n            <a href=\"https:\/\/hawksharksports.com\/zh\/sign-in\/\">Sign in<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"booknetic_step_2\">\r\n        <div class=\"booknetic_header\">Congratulations!<\/div>\r\n        <div class=\"booknetic_check_your_email\">\r\n            We need to verify your email.<br\/>\r\n            Please check your inbox for a confirmation link.        <\/div>\r\n        <div class=\"booknetic_footer booknetic_resend_activation\">\r\n            <span>Didn&#039;t receive the email?<\/span>\r\n            <a href=\"javascript:;\" class=\"booknetic_resend_activation_link\">Resend again<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const phoneInput = document.getElementById(\"booknetic_phone\");\r\n        const dropdown = document.querySelector(\".phone_dropdown\");\r\n        const dropdownMenu = document.getElementById(\"phone_dropdown_menu\");\r\n        const selectedFlag = document.getElementById(\"selected_flag\");\r\n        const selectedCode = document.getElementById(\"selected_code\");\r\n    \r\n    \/\/birthdate\r\n    const birthdayInput = document.getElementById(\"booknetic_birthday\");\r\n    birthdayInput.value = \"1991-01-01\"; \/\/ Set the default date\r\n    \r\n        \r\n    \/\/ Set default country code when the page loads\r\n    const defaultCountryCode = selectedCode.textContent;\r\n    phoneInput.value = defaultCountryCode;\r\n\r\n    \/\/ Toggle dropdown visibility\r\n        dropdown.addEventListener(\"click\", function(event) {\r\n            event.stopPropagation();\r\n            dropdownMenu.style.display = dropdownMenu.style.display === \"block\" ? \"none\" : \"block\";\r\n        });\r\n\r\n    \/\/ Select country code and update input field without spaces\r\n        dropdownMenu.addEventListener(\"click\", function(event) {\r\n            event.stopPropagation();\r\n\r\n            let target = event.target.closest(\"li\");\r\n            if (target) {\r\n                let countryCode = target.getAttribute(\"data-code\");\r\n                let flagUrl = target.getAttribute(\"data-flag\");\r\n\r\n                selectedCode.textContent = countryCode;\r\n                selectedFlag.src = flagUrl;\r\n\r\n            \/\/ Remove old country code if it exists and replace it with the new one\r\n                let currentNumber = \"\";\r\n            phoneInput.value = countryCode + currentNumber; \/\/ No space between code and number\r\n\r\n            dropdownMenu.style.display = \"none\"; \/\/ Close dropdown after selection\r\n        }\r\n    });\r\n\r\n    \/\/ Close dropdown when clicking outside\r\n        document.addEventListener(\"click\", function(event) {\r\n            if (!dropdown.contains(event.target) && dropdownMenu.style.display === \"block\") {\r\n                dropdownMenu.style.display = \"none\";\r\n            }\r\n        });\r\n\r\n    \/\/ Ensure user cannot delete country code\r\n        phoneInput.addEventListener(\"input\", function() {\r\n            if (!phoneInput.value.startsWith(selectedCode.textContent)) {\r\n                phoneInput.value = selectedCode.textContent;\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":4,"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages\/39\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}