{"data":"<div class=\"container-fluid\">\n    <div class=\"details-inner-tabs displayed user-detail\" data-id=\"details-tab-1\" data-index=\"1\">\n        <label for=\"\" class=\"section-title\">\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/label>\n        <div class=\"details-main-wrapper\">\n            <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n                <li class=\"nav-item\" role=\"presentation\">\n                    <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#new-membership\" type=\"button\" role=\"tab\" aria-selected=\"true\">\u0639\u0636\u0648 \u062c\u062f\u064a\u062f<\/button>\n                <\/li>\n                <li class=\"nav-item\" role=\"presentation\">\n                    <button class=\"nav-link\" data-bs-toggle=\"tab\" data-bs-target=\"#already-member\" type=\"button\" role=\"tab\" aria-selected=\"false\">\u0639\u0636\u0648 \u0633\u0627\u0628\u0642 \/ \u062d\u0627\u0644\u064a<\/button>\n                <\/li>\n            <\/ul>\n\n            <div class=\"tab-content\">\n                <div class=\"tab-pane fade active show\" id=\"new-membership\">\n                    <div class=\"row\">\n                        <div class=\"col-lg-5\">\n                            <div id=\"error_message\" class=\"alert alert-danger d-none\"><\/div>\n\n                                <div class=\"form-group\">\n                                    <label for=\"fname\" class=\"control-label\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 <span>*<\/span><\/label> <span class=\"error_messages d-none\" id=\"first_name_error\">\u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0646\u0629 \u0645\u0637\u0644\u0648\u0628\u0647<\/span>\n                                    <div class=\"input-group\">\n                                        <input type=\"text\" class=\"form-control\" name=\"first_name\" id=\"first_name\" placeholder=\"...\" required \/>\n                                    <\/div>\n\n                                <\/div>\n                                <!-- end::form-group -->\n\n                                <div class=\"form-group\">\n                                    <label for=\"lname\" class=\"control-label\">\u0625\u0633\u0645 \u0627\u0644\u0639\u0627\u0626\u0644\u0629 <span>*<\/span><\/label> <span class=\"error_messages d-none\" id=\"last_name_error\">\u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0646\u0629 \u0645\u0637\u0644\u0648\u0628\u0647<\/span>\n                                    <div class=\"input-group\">\n                                        <input type=\"text\" class=\"form-control\" name=\"last_name\" id=\"last_name\" placeholder=\"...\" required \/>\n                                    <\/div>\n                                <\/div>\n                                <!-- end::form-group -->\n\n                                <div class=\"form-group phone_wrapper\">\n                                    <label for=\"phone\" class=\"control-label\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 <span>*<\/span><\/label> <span class=\"error_messages d-none\" id=\"phone_error\">\u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0646\u0629 \u0645\u0637\u0644\u0648\u0628\u0647<\/span>\n                                    <div class=\"input-group\">\n                                        <select class=\"form-control phone_input\" data-trigger=\"select\" name=\"country_code\">\n                                            <option value=\"+966\" selected>+966<\/option>\n                                        <\/select>\n                                        <input type=\"text\" class=\"form-control\" name=\"phone\" id=\"phone\" placeholder=\"05x xxxxxxx\" required>\n                                        <div class=\"w-100\">\n                                            <a href=\"javascript:;\" id=\"send_code\">\u0625\u0631\u0633\u0627\u0644 \u0631\u0645\u0632 \u0627\u0644\u062a\u062d\u0642\u0642<\/a>\n                                            <span class=\"d-none\" id=\"sent_message\">\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0645\u0632 \u0627\u0644\u062a\u062d\u0642\u0642 <span id=\"counter\">90<\/span><\/span>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/div>\n                                <div class=\"form-group\">\n                                    <label for=\"mobile_code\" class=\"control-label\">\u0631\u0645\u0632 \u0627\u0644\u062a\u062d\u0642\u0642 <span>*<\/span> <\/label><span class=\"error_messages d-none\" id=\"mobile_code_error\">\u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0646\u0629 \u0645\u0637\u0644\u0648\u0628\u0647<\/span>\n                                    <div class=\"input-group\">\n                                        <input type=\"text\" class=\"form-control\" name=\"mobile_code\" id=\"mobile_code\" maxlength=\"4\" oninput=\"this.value.length > 4 ? this.value = this.value.slice(0, 4) : false\" placeholder=\"xxxx\" required \/>\n                                    <\/div>\n                                <\/div>\n                                <!-- end::form-group -->\n\n                                <div class=\"form-group\">\n                                    <label for=\"email\" class=\"control-label\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span>*<\/span><\/label> <span class=\"error_messages d-none\" id=\"email_error\">\u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0646\u0629 \u0645\u0637\u0644\u0648\u0628\u0647<\/span>\n                                    <div class=\"input-group\">\n                                        <input type=\"email\" class=\"form-control\" name=\"email\" id=\"email\" placeholder=\"...\" required \/>\n                                    <\/div>\n                                <\/div>\n                                <!-- end::form-group -->\n\n                                <div class=\"form-group\">\n                                    <label for=\"password\" class=\"control-label\">\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 <span>*<\/span><\/label> <span class=\"error_messages d-none\" id=\"password_error\">\u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0646\u0629 \u0645\u0637\u0644\u0648\u0628\u0647<\/span>\n                                    <div class=\"input-group\">\n                                        <input type=\"password\" class=\"form-control\" name=\"password\" id=\"password\" placeholder=\"\u0623\u062f\u062e\u0644 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\" required \/>\n                                    <\/div>\n                                <\/div>\n                                <!-- end::form-group -->\n\n                                <div class=\"form-group\">\n                                    <label for=\"cpassword\" class=\"control-label\">\u062a\u0623\u0643\u064a\u062f \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 <span>*<\/span><\/label> <span class=\"error_messages d-none\" id=\"vpassword_error\">\u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0646\u0629 \u0645\u0637\u0644\u0648\u0628\u0647<\/span>\n                                    <div class=\"input-group\">\n                                        <input type=\"password\" class=\"form-control\" name=\"vpassword\" id=\"vpassword\" placeholder=\"\u0623\u062f\u062e\u0644 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\" required \/>\n                                    <\/div>\n                                <\/div>\n                                <!-- end::form-group -->\n\n                                <div class=\"form-group\">\n                                    <label for=\"text\" class=\"control-label\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f <span>*<\/span><\/label> <span class=\"error_messages d-none\" id=\"dob_error\">\u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0646\u0629 \u0645\u0637\u0644\u0648\u0628\u0647<\/span>\n                                    <div class=\"input-group\">\n                                        <input type=\"text\" class=\"form-control\" placeholder=\"dd\/mm\/yyyy\" name=\"dob\" id=\"dob\"  required \/>\n                                        <div class=\"input-group-append\">\n                                            <span class=\"input-group-text\" id=\"basic-addon2\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"#fdcf0b\" class=\"bi bi-calendar\" viewBox=\"0 0 16 16\">\n  <path d=\"M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z\"\/>\n<\/svg><\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <!-- end::form-group -->\n\n                                <div class=\"form-group checkbox_input\">\n                                    <div class=\"input-group\">\n                                        <input type=\"checkbox\" name=\"terms\" id=\"terms\" required value=\"1\">\n                                        <span class=\"custom_check\" id=\"terms_check\"><svg class=\"icon\"><use xlink:href=\"\/assets\/motion\/ar\/images\/icons\/sprites\/solid.svg#check\"><\/use><\/svg><\/span>\n                                        <label for=\"terms\" >\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 <a href=\"https:\/\/www.bodymotions.com.sa\/ar\/terms-conditions\" target=\"_blank\">\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/a><\/label>\n                                        <span class=\"error_messages d-none\" id=\"terms_error\">\u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0646\u0629 \u0645\u0637\u0644\u0648\u0628\u0647<\/span>\n                                    <\/div>\n                                <\/div>\n                                <!-- end::form-group -->\n\n                                <div class=\"form-group checkbox_input\">\n                                    <div class=\"input-group\">\n                                        <input type=\"checkbox\" name=\"newsletter\" id=\"newsletter\" value=\"1\">\n                                        <span class=\"custom_check\"><svg class=\"icon\"><use xlink:href=\"\/assets\/motion\/ar\/images\/icons\/sprites\/solid.svg#check\"><\/use><\/svg><\/span>\n                                        <label for=\"newsletter\">\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u062a\u0644\u0642\u064a \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0645\u0646 Body Masters<\/label>\n                                    <\/div>\n                                <\/div>\n                                <!-- end::form-group -->\n                                <div id=\"register_loader\"><\/div>\n                                <div class=\"form-group\">\n                                    <button type=\"button\" class=\"btn btn-default btn-action btn-register\" >\u0627\u0633\u062a\u0645\u0631\u0627\u0631<\/button>\n                                <\/div>\n                                <!-- end::form-group -->\n\n                        <\/div>\n                        <!-- end::col -->\n                    <\/div>\n                    <!-- end::row -->\n                <\/div>\n                <!-- end::tab-pane -->\n\n                <div class=\"tab-pane fade\" id=\"already-member\">\n                    <p class=\"hint\">\n                        \u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 . <br \/>\n                        \u0633\u0646\u0631\u0633\u0644 \u0644\u0643 \u0631\u0645\u0632 \u062a\u062d\u0642\u0642 \u0644\u0644\u062a\u062d\u0642\u0642 \u0639\u0644\u0649 \u062c\u0648\u0627\u0644\u0643\n                    <\/p>\n                    <div class=\"row\">\n                        <div class=\"col-lg-5\">\n                            <div class=\"alert-danger alert d-none\" id=\"error_mobile\"><\/div>\n                            <div id=\"mobile_div\">\n\n\n                                    <div class=\"form-group phone_wrapper\">\n                                        <label for=\"phone\" class=\"control-label\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 <span>*<\/span><\/label>\n                                        <div class=\"input-group\">\n                                            <select class=\"form-control phone_input\" data-trigger=\"mobile\" name=\"mobile\">\n                                                <option value=\"+966\" selected>+966<\/option>\n                                            <\/select>\n                                            <input type=\"number\" class=\"form-control\" name=\"mobile_number\" id=\"mobile_number\" placeholder=\"05x xxxxxxx\" required>\n                                        <\/div>\n                                    <\/div>\n                                    <!-- end::form-group -->\n                                    <div id=\"sms_loader\"><\/div>\n                                    <div class=\"form-group\">\n                                        <button type=\"button\" class=\"btn btn-default btn-action mobile-fill\" >\u0627\u0633\u062a\u0645\u0631\u0627\u0631<\/button>\n                                    <\/div>\n                                    <!-- end::form-group -->\n\n                            <\/div>\n                            <div id=\"mobile_code_div\" class=\"d-none\">\n                                <label for=\"\" class=\"section-title mb-3\">\u062a\u062d\u0642\u0642 \u0645\u0646 \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label>\n                                <p class=\"hint\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0645\u0643\u0648\u0646 \u0645\u0646 4 \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0630\u064a \u0623\u0631\u0633\u0644\u0646\u0627\u0647 \u0625\u0644\u0649 <span id=\"number\"><\/span>.<\/p>\n                                <div class=\"row\">\n                                    <div class=\"col-lg-5\">\n                                        <div class=\"alert-danger alert d-none\" id=\"error_code\"><\/div>\n\n                                            <div class=\"form-group\">\n                                                <div class=\"input-group\">\n                                                    <input type=\"number\" class=\"form-control\" maxlength=\"4\" oninput=\"this.value.length > 4 ? this.value = this.value.slice(0, 4) : false\" name=\"code\" id=\"code\">\n                                                <\/div>\n                                            <\/div>\n                                            <!-- end::form-group -->\n\n                                            <p class=\"hint mb-2\">\u0644\u0645 \u062a\u0633\u062a\u0644\u0645 \u0627\u0644\u0631\u0645\u0632\u061f<\/p>\n\n                                            <div class=\"resend_wrapper\">\n                                                <a href=\"javascript:;\" class=\"resend disabled\" id=\"resend_btn\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0625\u0631\u0633\u0627\u0644<\/a> <span class=\"counter\" id=\"resend_counter\">(90s)<\/span>\n                                            <\/div>\n                                            <div id=\"verify_loader\"><\/div>\n                                            <div class=\"form-group d-inline-flex\">\n                                                <button type=\"button\" class=\"btn btn-default btn-action verify-mobile\" >\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0647\u0627\u062a\u0641<\/button>\n                                            <\/div>\n                                            <!-- end::form-group -->\n\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- end::col -->\n                    <\/div>\n                    <!-- end::row -->\n                <\/div>\n                <!-- end::tab-pane -->\n            <\/div>\n        <\/div>\n        <!-- end::action_wrapper -->\n    <\/div>\n    <!-- end::details-inner-tabs -->\n\n\n    <!-- end::details-inner-tabs -->\n<\/div>\n\n","status":1,"step":2}