{"id":17,"date":"2023-12-01T13:52:58","date_gmt":"2023-12-01T13:52:58","guid":{"rendered":"https:\/\/members.day-fit.com\/?page_id=17"},"modified":"2024-03-10T09:52:32","modified_gmt":"2024-03-10T09:52:32","slug":"add-new-member","status":"publish","type":"page","link":"https:\/\/members.day-fit.com\/","title":{"rendered":"Welcome to Day-Fit"},"content":{"rendered":"\n<div class=\"container\">\n    <div class=\"intro\"><\/div>\n    \n    <form id=\"add_member_form\" action=\"https:\/\/members.day-fit.com\/?page_id=20\" method=\"post\">\n\n        <div class=\"info\">\n            <span id=\"submit_error\">\n\n            <\/span>\n        \n            <div class=\"tabs\">\n                <div class=\"tab_1 selected\">  \n                    <div class=\"tab_container\">\n                        <div class=\"custom_background\">\n                            <div class=\"section\">\n\n                                <div class=\"section_title row\">Pers\u00f6nliche Information<\/div>\n                                <div id=\"tab_1_error\" class=\"error_div\"><\/div>\n\n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"name\">Nachname*<\/label>\n                                            <input type=\"text\" id=\"first_name\" name=\"first_name\" required>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"Surname\">Vorname*<\/label>\n                                            <input type=\"text\" id=\"surname\" name=\"surname\" required>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"birthday\">Geburtstag<\/label>\n                                            <input type=\"date\" id=\"birthday\" name=\"birthday\" >\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"insurance\">Versicherung<\/label>\n                                            <input type=\"text\" id=\"insurance\" name=\"insurance\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"gender\">Geschlecht<\/label>\n                                            <div class=\"radio_buttons\">\n                                                <input type=\"radio\" id=\"gender_male\" name=\"gender\" value=\"Male\">\n                                                <label for=\"gender_male\">M\u00e4nnlich<\/label>\n                                                <input type=\"radio\" id=\"gender_female\" name=\"gender\" value=\"Female\">\n                                                <label for=\"gender_female\">Weiblich<\/label>\n                                                <input type=\"radio\" id=\"gender_diverse\" name=\"gender\" value=\"Diverse\">\n                                                <label for=\"gender_diverse\">Nicht angeben<\/label>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n\n                                    <\/div>\n                                    \n                                <\/div>\n\n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"street\">Stra\u00dfe<\/label>\n                                            <input type=\"text\" id=\"street\" name=\"street\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"number\">Hausnummer<span id=\"number_error\" class=\"validate_error\"><\/span><\/label>\n                                            <input type=\"text\" id=\"number\" name=\"number\" > <!--pattern=\"[0-9]{1,}\"-->\n                                        <\/div>\n                                    <\/div>\n                                    \n                                <\/div>\n                                \n                                <div class=\"row\">\n\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"zip_code\">Postleitzahl<span id=\"zip_code_error\" class=\"validate_error\"><\/span><\/label>\n                                            <!--<input type=\"text\" id=\"zip_code\" name=\"zip_code\" pattern=\"[0-9]{1,}\">-->\n                                            <input type=\"text\" id=\"zip_code\" name=\"zip_code\" pattern=\"[0-9]{5}\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"city\">Stadt<\/label>\n                                            <input type=\"text\" id=\"city\" name=\"city\" >\n                                        <\/div>\n                                    <\/div>\n                                    \n                                <\/div>\n\n                                <div class=\"row\">\n                                    \n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"landline\">Festnetz<span id=\"landline_error\" class=\"validate_error\"><\/span><\/label>\n                                            <div style=\"display: flex;\">\n                                                <input style=\"width: 20%;\" type=\"text\" id=\"landline_code\" name=\"landline_code\" >\n                                                <input style=\"width: 80%;\" type=\"text\" id=\"landline\" name=\"landline\"><!--pattern=\"[0-9]{10,11}\"-->\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"mobile\">Mobil<span id=\"mobile_error\" class=\"validate_error\"><\/span><\/label>\n                                            <div style=\"display: flex;\">\n                                                <input style=\"width: 20%;\" type=\"text\" id=\"mobile_code\" name=\"mobile_code\" >\n                                                <input style=\"width: 80%;\" type=\"text\" id=\"mobile\" name=\"mobile\" >\n                                            <\/div>\n                                             <!--pattern=\"[0-9]{11,12}\"-->\n                                        <\/div>\n                                    <\/div>\n\n                                <\/div>\n\n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"email\">E-Mail*<span id=\"email_error\" class=\"validate_error\"><\/span><\/label>\n                                            <input type=\"email\" id=\"email\" name=\"email\" pattern=\"[a-z0-9._%+\\-]+@[a-z0-9.\\-]+\\.[a-z]{2,}$\" required>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        \n                                    <\/div>\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                        \n\n                       \n                    <\/div>\n                <\/div>\n\n                \n                <div class=\"tab_2\">\n                    <div class=\"tab_container\" style=\"display: none;\">\n                        <div class=\"custom_background\">\n                            <div class=\"section\">\n\n                                <div class=\"section_title row\">Mitgliedschaft<\/div>\n                                <div id=\"tab_2_error\" class=\"error_div\"><\/div>\n\n                                <div class=\"full_row\">\n                                    <div class=\"select_container\">\n                                        <label for=\"membership\">Mitgliedschaft*<\/label>\n                                        <select id=\"membership\" name=\"membership\" required>\n                                            <option value>Mitgliedschaft w\u00e4hlen<\/option>\n                                        <\/select>\n                                    <\/div>\n                                \n                                <\/div>\n                                \n                                <div class=\"row\">\n                                    \n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <span id=\"membership_description\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container smaller_text_container\">\n                                            <span id=\"membership_amount\"><\/span>\n                                        <\/div>\n                                    <\/div>\n\n                                <\/div>\n\n                                <div class=\"full_row\">\n                                \n                                    <div id=\"classes_container\" class=\"radio_buttons_container\">\n                                        <label for=\"classes\">Kurse<\/label>\n                                        <!--<div class=\"radio_buttons_new_line\">\n                                            <div class=\"side\">\n                                                <input type=\"checkbox\" id=\"yoga\" name=\"classes\" value=\"yoga\">\n                                                <label for=\"yoga\">Yoga (Mondays 9:45 - 11:00)<\/label>\n                                            <\/div>\n                                            <div class=\"class_side\">\n                                                <span>20$<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"radio_buttons_new_line\">\n                                            <div class=\"side\">\n                                                <input type=\"checkbox\" id=\"zumba\" name=\"classes\" value=\"zumba\">\n                                                <label for=\"zumba\">Zumba (Tuesdays 19:00 - 20:00)<\/label>\n                                            <\/div>\n                                            <div class=\"class_side\">\n                                                <span>30$<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"radio_buttons_new_line\">\n                                            <div class=\"side\">\n                                                <span>Total Price \/Month<\/span>\n                                            <\/div>\n                                            <div class=\"class_side\">\n                                                <span>50$<\/span>\n                                            <\/div>\n                                        <\/div>-->\n                                        \n                                    <\/div>\n                                \n                                <\/div>\n\n                                <div id=\"starterpack\" class=\"hidden\">\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <label><strong>Startpaket<\/strong><\/label>\n                                        <\/div>\n                                        <div class=\"side\"><\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <span id=\"starterpack_description\"><\/span>\n                                        <\/div>\n                                        <div class=\"small_text_container smaller_text_container side\">\n                                            <span id=\"starterpack_price\" style=\"display: block;text-align: right;\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div id=\"service\" class=\"hidden\">\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <label><strong>Service<\/strong><\/label>\n                                        <\/div>\n                                        <div class=\"side\"><\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <span id=\"service_description\"><\/span>\n                                        <\/div>\n                                        <div class=\"side\">\n                                            <span id=\"service_price\" style=\"display: block;text-align: right;\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>                                \n                                \n                                <div class=\"row\">\n                                    \n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"membership_start_date\">Mitgliedschaft Start *<\/label>\n                                            <input type=\"date\" id=\"membership_start_date\" name=\"membership_start_date\" required>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"membership_end_date\">Mitgliedschaft Ende<\/label>\n                                            <input type=\"date\" id=\"membership_end_date\" name=\"membership_end_date\" readonly>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"row\">\n                                    <div id=\"payment_table\" class=\"payment_table\">\n\n                                    <\/div>\n\n                                <\/div>\n\n                                <div style=\"display: none;\">\n                                    <input type=\"number\" id=\"monthly_hidden\" name=\"monthly\">\n                                    <input type=\"number\" id=\"recurring_hidden\" name=\"recurring\">\n                                    <input type=\"text\" id=\"starterpack_hidden\" name=\"starterpack_price\">\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"tab_3\">\n                    <div class=\"tab_container\" style=\"display: none;\">\n                        <div class=\"custom_background\">\n                            <div class=\"section\">\n\n                                <div class=\"section_title row\">Zahlungsinformation f\u00fcr SEPA<\/div>\n                                <div id=\"tab_3_error\" class=\"error_div\"><\/div>\n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"bankname\">Bankname*<\/label>\n                                            <input type=\"text\" id=\"bankname\" name=\"bankname\" required>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"account_holder\">Kontoinhaber*<\/label>\n                                            <input type=\"text\" id=\"account_holder\" name=\"account_holder\" required>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"iban\">IBAN*<span id=\"iban_error\" class=\"validate_error\"><\/span><\/label>\n                                            <input type=\"text\" id=\"iban\" name=\"iban\" required>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"bic\">BIC*<\/label>\n                                            <input type=\"text\" id=\"bic\" name=\"bic\" required>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"booking_date\">Buchungstag*<\/label>\n                                            <input type=\"date\" id=\"booking_date\" name=\"booking_date\" readonly required>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n\n                                    <\/div>\n                                <\/div>\n                                \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"tab_4\">\n                    <div class=\"tab_container\" style=\"display: none;\">\n                        <div class=\"custom_background\">\n                            <div class=\"section\">\n\n                                <div class=\"section_title row\">Anamnese<\/div>\n                                <div id=\"tab_4_error\" class=\"error_div\"><\/div>\n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"weight\">Gewicht (Kg)<\/label>\n                                            <input type=\"number\" id=\"weight\" name=\"weight\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"length\">K\u00f6rpergr\u00f6\u00dfe (cm)<\/label>\n                                            <input type=\"number\" id=\"length\" name=\"length\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"job\">Job<\/label>\n                                            <input type=\"text\" id=\"job\" name=\"job\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label>Bist du Raucher?<\/label>\n                                            <div class=\"checkbox_container\">\n                                                <input type=\"checkbox\" id=\"smoker\" name=\"smoker\" value=\"smoker\">\n                                                <label for=\"smoker\">Ja<\/label>\n                                            <\/div>\n                                            \n                                            \n                                        <\/div>\n                                    <\/div>\n                                    \n                                <\/div>\n\n                                <div class=\"question\">\n                                    <label for=\"question_1\">1. Wie beurteilst du deine momentane Fitness?<\/label>\n                                    <select id=\"question_1\" name=\"question_1\">\n                                        <option value><\/option>\n                                        <option value=\"sehr gut\">Sehr Gut<\/option>\n                                        <option value=\"gut\">Gut<\/option>\n                                        <option value=\"befriedigend\">Befriedigend<\/option>\n                                        <option value=\"ausreichend\">Ausreichend<\/option>\n                                        <option value=\"mangelhaft\">Mangelhaft<\/option>\n                                        <option value=\"ungenOgend\">Ungen\u00fcgend<\/option>\n                                    <\/select>\n                                <\/div>\n\n                                <div class=\"question\">\n                                    <label for=\"question_2_a\">2. Wie oft treibst du Sport pro Woche?<\/label>\n                                    <select id=\"question_2_a\" name=\"question_2_a\">\n                                        <option value><\/option>\n                                        <option value=\"nie\">Nie<\/option>\n                                        <option value=\"1x\">1 Mal pro Woche<\/option>\n                                        <option value=\"2-3x\">2-3 Mal pro Woche<\/option>\n                                        <option value=\"4-5x\">4-5 Mal pro Woche<\/option>\n                                    <\/select>\n                                <\/div>\n\n                                <div class=\"row\">\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"question_2_b\">Welche Sportarten \u00fcbst du aus?<\/label>\n                                            <input type=\"text\" id=\"question_2_b\" name=\"question_2_b\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"side\">\n                                        <div class=\"small_text_container\">\n                                            <label for=\"question_2_c\">Seit wann?<\/label>\n                                            <input type=\"month\" id=\"question_2_c\" name=\"question_2_c\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"question\">\n                                    <label>3. Hast du Verletzungen oder Beschwerden?<\/label>\n                                    <div class=\"row_3\">\n                                        <div class=\"side_3_a\">\n                                            <span>Herz-Kreislauf<\/span>\n                                        <\/div>\n                                        <div class=\"side_3_b\">\n                                            <input type=\"checkbox\" id=\"question_3_a_check\" name=\"question_3_a_check\" value=\"Ja\">\n                                            <label for=\"question_3_a_check\">Ja<\/label>\n                                        <\/div>\n                                        <div class=\"side_3_c\">  \n                                            <label for=\"question_3_a_info\">Info<\/label>\n                                            <input type=\"text\" id=\"question_3_a_info\" name=\"question_3_a_info\">\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"row_3\">\n                                        <div class=\"side_3_a\">\n                                            <span>Bewegungsapparat<\/span>\n                                        <\/div>\n                                        <div class=\"side_3_b\">\n                                            <input type=\"checkbox\" id=\"question_3_b_check\" name=\"question_3_b_check\" value=\"Ja\">\n                                            <label for=\"question_3_b_check\">Ja<\/label>\n                                        <\/div>\n                                        <div class=\"side_3_c\">  \n                                            <label for=\"question_3_b_info\">Info<\/label>\n                                            <input type=\"text\" id=\"question_3_b_info\" name=\"question_3_b_info\">\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"row_3\">\n                                        <div class=\"side_3_a\">\n                                            <span>Stoffwechsel<\/span>\n                                        <\/div>\n                                        <div class=\"side_3_b\">\n                                            <input type=\"checkbox\" id=\"question_3_c_check\" name=\"question_3_c_check\" value=\"Ja\">\n                                            <label for=\"question_3_c_check\">Ja<\/label>\n                                        <\/div>\n                                        <div class=\"side_3_c\">  \n                                            <label for=\"question_3_c_info\">Info<\/label>\n                                            <input type=\"text\" id=\"question_3_c_info\" name=\"question_3_c_info\">\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"row_3\">\n                                        <div class=\"side_3_a\">\n                                            <span>Atemwege<\/span>\n                                        <\/div>\n                                        <div class=\"side_3_b\">\n                                            <input type=\"checkbox\" id=\"question_3_d_check\" name=\"question_3_d_check\" value=\"Ja\">\n                                            <label for=\"question_3_d_check\">Ja<\/label>\n                                        <\/div>\n                                        <div class=\"side_3_c\">  \n                                            <label for=\"question_3_d_info\">Info<\/label>\n                                            <input type=\"text\" id=\"question_3_d_info\" name=\"question_3_d_info\">\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"row_3\">\n                                        <div class=\"side_3_a\">\n                                            <span>Weitere<\/span>\n                                        <\/div>\n                                        <div class=\"side_3_b\">\n                                            <input type=\"checkbox\" id=\"question_3_e_check\" name=\"question_3_e_check\" value=\"Ja\">\n                                            <label for=\"question_3_e_check\">Ja<\/label>\n                                        <\/div>\n                                        <div class=\"side_3_c\">  \n                                            <label for=\"question_3_e_info\">Info<\/label>\n                                            <input type=\"text\" id=\"question_3_e_info\" name=\"question_3_e_info\">\n                                        <\/div>\n                                    <\/div>\n\n                                    \n\n                                <\/div>\n\n                                <div class=\"question\">\n                                    <label for=\"question_4\">4. Wie beurteilst du deine Ern\u00e4hrungsweise (1 = sehr gesund \/ 6 = sehr ungesund)?<\/label>\n                                    <select id=\"question_4\" name=\"question_4\">\n                                        <option value><\/option>\n                                        <option value=\"1\">1<\/option>\n                                        <option value=\"2\">2<\/option>\n                                        <option value=\"3\">3<\/option>\n                                        <option value=\"4\">4<\/option>\n                                        <option value=\"5\">5<\/option>\n                                        <option value=\"6\">6<\/option>\n                                    <\/select>\n                                <\/div>\n\n                                <div class=\"question\">\n                                    <label>5. Nimmst du regelm\u00e4\u00dfig Medikamente?<\/label>\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" id=\"question_5_check\" name=\"question_5_check\" value=\"Ja\">\n                                            <label for=\"question_5_check\">Ja<\/label>\n                                        <\/div>\n                                        <div class=\"question_info\">  \n                                            <label for=\"question_5_info\">wenn ja, Welche?<\/label>\n                                            <input type=\"text\" id=\"question_5_info\" name=\"question_5_info\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"question\">\n                                    <label>6. Trainingsziele<\/label>\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_6[]\" value=\"Verbesserung der ollg. Fi ness\">\n                                            <label for=\"question_6\">Verbesserung der allgemeinen Fitness<\/label>\n                                        <\/div>\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_6[]\" value=\"Verbesserung der Ausdouer\">\n                                            <label for=\"question_6\">Verbesserung der Ausdauer<\/label>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_6[]\" value=\"Muskeloufbou\">\n                                            <label for=\"question_6\">Muskelaufbau<\/label>\n                                        <\/div>\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_6[]\" value=\"Verbesserung der Korperhaltung\">\n                                            <label for=\"question_6\">Verbesserung der K\u00f6rperhaltung<\/label>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_6[]\" value=\"Gewichtsreduldlon\">\n                                            <label for=\"question_6\">Abnehmen<\/label>\n                                        <\/div>\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_6[]\" value=\"Stressousgleich\">\n                                            <label for=\"question_6\">Stressausgleich<\/label>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_6[]\" value=\"Figurtroining\">\n                                            <label for=\"question_6\">Figur<\/label>\n                                        <\/div>\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_6[]\" value=\"verbesserung der koordinotiven Fohlgkeiten\">\n                                            <label for=\"question_6\">Verbesserung der Koordination<\/label>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_6[]\" value=\"Vorbereitend out eine Sportart\">\n                                            <label for=\"question_6\">vorbereitend auf eine Sportart<\/label>\n                                        <\/div>\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_6[]\" value=\"Erg\u00e4nzend zu einer Sportart\">\n                                            <label for=\"question_6\">Erg\u00e4nzend zu einer Sportart<\/label>\n                                        <\/div>\n                                    <\/div>\n\n                                <\/div>\n\n                                <div class=\"question\">\n                                    <label>7. lnteresse an Kurse?<\/label>\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_7[]\" value=\"Yoga\">\n                                            <label for=\"question_7\">Yoga<\/label>\n                                        <\/div>\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_7[]\" value=\"Pilates\">\n                                            <label for=\"question_7\">Pilates<\/label>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_7[]\" value=\"Cycling\">\n                                            <label for=\"question_7\">Cycling<\/label>\n                                        <\/div>\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_7[]\" value=\"Bouch intensiv\">\n                                            <label for=\"question_7\">Bauch intensiv<\/label>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_7[]\" value=\"Fotburner\">\n                                            <label for=\"question_7\">Fatburner<\/label>\n                                        <\/div>\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_7[]\" value=\"BBP\">\n                                            <label for=\"question_7\">BBP<\/label>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"row\">\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_7[]\" value=\"Zumba\">\n                                            <label for=\"question_7\">Zumba<\/label>\n                                        <\/div>\n                                        <div class=\"side\">\n                                            <input type=\"checkbox\" name=\"question_7[]\" value=\"Rockentroining\">\n                                            <label for=\"question_7\">R\u00fccken<\/label>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"row\">\n                                        <div class=\"side\" style=\"\n                                        display: flex;\n                                        flex-grow: 1;\n                                        gap: 5px;\n                                    \">\n                                            <input type=\"checkbox\" name=\"question_7[]\" value=\"other\">\n                                            <label for=\"question_7\">Sonstige<\/label>\n                                            <input style=\"flex-grow: 1;\" type=\"text\" id=\"question_7_other\" name=\"question_7_other\">  \n                                        <\/div>\n                                        \n                                    <\/div>\n\n                                <\/div>\n\n                                <div class=\"question\">\n                                    <label for=\"question_8\">8. Wie oft in der Woche m\u00f6chtest du trainieren?<\/label>\n                                    <select id=\"question_8\" name=\"question_8\">\n                                        <option value><\/option>\n                                        <option value=\"Daily\">T\u00e4glich<\/option>\n                                        <option value=\"4 Times\">3 Mal pro Woche<\/option>\n                                        <option value=\"3 Times\">2 Mal pro Woche<\/option>\n                                        <option value=\"1 Time\">1 Mal pro Woche<\/option>\n                                    <\/select>\n                                <\/div>\n\n                                <div class=\"question\">\n                                    <label for=\"question_9\">9. Weitere Ziele, Anliegen, W\u00fcnsche:<\/label>\n                                    <textarea style=\"resize: vertical;\" id=\"question_9\" name=\"question_9\" rows=\"4\" cols=\"50\"><\/textarea>\n                                <\/div>\n                                \n\n                                \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n            \n\n        <\/div>\n    \n        <div class=\"nav_section\">\n            <button  type=\"button\" id=\"previous_button\" style=\"visibility: hidden;\">Zur\u00fcck<\/button>\n            <button type=\"button\" id=\"next_button\">Weiter<\/button>\n            <input type=\"button\" id=\"submit_button\" name=\"add_member_button\" value=\"Senden\" style=\"display: none;\">\n            \n        <\/div>\n\n    <\/form>\n<\/div>\n<style>.wp-block-spacer{\n    height: 0!important;\n}\n\n.wp-site-blocks {\n    background-color: rgba(84, 80, 79, 0.8)!important;\n}\n\n.has-base-background-color {\n    background-color: rgba(84, 80, 79, 0.8)!important;\n}\n\n:where(.wp-site-blocks) > :first-child:first-child {\n    background-color: rgba(84, 80, 79, 0.8)!important;\n}\n\nbody .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {\n    color: white;\n}\n\nh1.wp-block-post-title{\n    font-family: fantasy;\n}\n\n.wp-block-group.alignwide.is-layout-flow.wp-block-group-is-layout-flow{\n    display: none;\n}\n\nh2{\n    color: white;\n}\n\n.container{\n    max-width: 100%!important;\n}\n\n.error_div{\n    text-align: center;\n    color: red;\n}\n\n#submit_error{\n    display: block;\n    text-align: center;\n    color: red;\n}\n\n.validate_error{\n    font-size: small;\n    color: red;\n}\n\n.small_text_container label, .select_container label {\n    font-weight: 500;\n    font-size: larger;\n}\n.radio_buttons_container label{\n    font-weight: 500;\n}\n\n.small_text_container input{\n    width: 350px;\n    height: 30px;\n    border-radius: 10px;\n}\n\n.smaller_text_container input{\n    width: 100px;\n    height: 30px;\n    border-radius: 10px;\n    text-align: end;\n    margin-left: auto;\n    margin-right: 0;\n}\n\n.radio_buttons label, .radio_buttons_new_line label{\n    width: fit-content;\n    font-weight: 400;\n}\n\n.radio_buttons input{\n    width: fit-content;\n}\n\n.small_text_container {\n    display: flex;\n    flex-direction: column;\n    \/*flex-wrap: wrap;*\/\n    \/*justify-content: space-around;*\/\n    \/*align-items: flex-start;*\/\n}\n\n.side {\n    width: 350px;\n    \/*flex: 1 0 40%;\n    display: flex;*\/\n    \/*justify-content: center;*\/\n    \/*margin-left: 5%;*\/\n}\n\n.row {\n    display: flex;\n    flex-direction: row;\n    margin-top: 4px;\n    margin-bottom: 4px;\n    justify-content: center;\n    gap: 100px;\n}\n\n.section_title {\n    font-size: x-large;\n    margin-bottom: 20px;\n    font-weight: bold;\n    padding-left: 5px;\n}\n\n.section {\n    display: flex;\n    flex-direction: column;\n}\n\n.custom_background{\n    border: solid 1px;\n    border-radius: 10px;\n    padding-bottom: 20px;\n    margin-bottom: 20px;\n    \/*background: linear-gradient(90deg, rgba(84,80,79,0.8) 0%, rgba(138,247,42,1) 50%, rgba(84,80,79,0.8) 100%);*\/\n    background: linear-gradient(90deg, rgba(84, 80, 79, 0.8) 0%, rgb(53 112 0) 50%, rgba(84, 80, 79, 0.8) 100%);\n    \/*width: 80%;*\/\n    width: 100%;\n    margin: auto;\n}\n\n.full_row {\n    display: flex;\n    flex-direction: column;\n    margin-top: 2px;\n    margin-bottom: 10px;\n}\n\n.row_3{\n    display: flex;\n    justify-content: flex-start;\n    margin-top: 10px;\n}\n\n.side_3_a{\n    width: 200px;\n}\n\n.side_3_c{\n    display: flex;\n    margin-left: 20px;\n    flex-grow: 1;\n    gap: 5px;\n}\n\n.side_3_c input{\n    flex-grow: 1;\n}\n\n.select_container{\n    display: flex;\n    flex-direction: column;\n    width: 800px;\n    margin: auto;\n}\n\n.select_container select{\n    border-radius: 10px;\n}\n\nselect{\n    font-size: large;\n    height: 50px;\n}\n\n#membership_amount{\n    text-align: end;\n}\n\n.radio_buttons_container {\n    display: flex;\n    flex-direction: column;\n    width: 800px;\n    margin: auto;\n}\n\n.radio_buttons_new_line {\n    display: flex;\n    flex-direction: row;\n}\n\n.nav_section {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    \/*width: 80%;*\/\n    margin: auto;\n    margin-top: 5px;\n}\n\n.nav_section button, .nav_section input {\n    width: 150px;\n    font-weight: 600;\n    border-radius: 5px;\n    height: 30px;\n    \/*background: linear-gradient(90deg, rgba(84,80,79,0.8) 0%, rgba(138,247,42,1) 50%, rgba(84,80,79,0.8) 100%);*\/\n    background-color: rgba(53 112 0);\n    color: white;\n}\n\n.checkbox_container{\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n\n.checkbox_container input{\n    width: auto;\n}\n\n.checkbox_container label{\n    font-size: medium;\n}\n\n.question{\n    display: flex;\n    flex-direction: column;\n    width: 800px;\n    margin: auto;\n    margin-top: 30px;\n}\n\n.question_info{\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n.question>label {\n    font-size: larger;\n    font-weight: 500;\n}\n\n.question>select {\n    border-radius: 10px;\n}\n\n.question input, .question textarea  {\n    border-radius: 10px;\n}\n\ntable input{\n    width: 30%;\n    font-size: x-small;\n    text-align: center;\n    border-radius: 10px;\n    background-color: white;\n}\n\n.payment_table{\n    font-size: small;\n    text-align: center;\n}\n\n.special_row {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin: 5%;\n}\n\n\/*.special_side {\n    flex: 1 0 50%;\n    max-width: 65%;\n    margin-left: 5%;\n}*\/\n\n.signature-pad{\n    cursor: url(\"\/wp-content\/plugins\/gym-management\/pen.png\") 1 26, pointer;\n    border: 2px solid black;\n    border-radius: 4px;\n    background-color: white;\n}<\/style><script>var add_member_page_data = {\"member_id\":\"M4010526\",\"membership\":{\"31\":{\"option_id\":\"31\",\"option_value\":\"Golden Membership\",\"option_selected\":false,\"description\":\"This is free membership\",\"amount\":\"0\",\"period\":\"30\"},\"30\":{\"option_id\":\"30\",\"option_value\":\"Verl\\u00e4ngerung Monatlich - 1 Jahr lang\",\"option_selected\":false,\"description\":\"\",\"amount\":\"0\",\"period\":\"364\"},\"29\":{\"option_id\":\"29\",\"option_value\":\"Zwei zu Eins - 24 Monate\",\"option_selected\":false,\"description\":\"Beitrag f\\u00fcr 24 Monate Mitgliedschaft\",\"amount\":\"39.9\",\"period\":\"729\"},\"28\":{\"option_id\":\"28\",\"option_value\":\"Klassisch - 24 Monate\",\"option_selected\":false,\"description\":\"Beitrag f\\u00fcr 24 Monate Mitgliedschaft\",\"amount\":\"35.9\",\"period\":\"729\"},\"27\":{\"option_id\":\"27\",\"option_value\":\"Klassisch - 12 Monate\",\"option_selected\":false,\"description\":\"Beitrag f\\u00fcr 12 Monate Mitgliedschaft\",\"amount\":\"39.9\",\"period\":\"364\"},\"26\":{\"option_id\":\"26\",\"option_value\":\"Klassisch - 6 Monate\",\"option_selected\":false,\"description\":\"Beitrag f\\u00fcr 6 Monate Mitgliedschaft\",\"amount\":\"49.9\",\"period\":\"181\"},\"25\":{\"option_id\":\"25\",\"option_value\":\"Klassisch - 3 Monate\",\"option_selected\":false,\"description\":\"Beitrag f\\u00fcr 3 Monate Mitgliedschaft\",\"amount\":\"59.9\",\"period\":\"89\"}},\"classes\":{\"17\":{\"option_id\":\"17\",\"option_value\":\"Kurse\",\"option_selected\":false,\"day\":\"[\\\"Monday\\\",\\\"Tuesday\\\",\\\"Wednesday\\\",\\\"Thursday\\\",\\\"Friday\\\"]\",\"start_time\":\"12:00:am\",\"end_time\":\"12:00:pm\",\"price\":\"12.00\"}},\"starterpack\":{\"starterpack_description\":\"Einmalige Zahlung f\\u00fcr Services, Getr\\u00e4nke, usw.\",\"starterpack_price\":\"99.00\",\"service_description\":\"Service Pauschale alle 6 Monate\",\"service_price\":\"29.00\"}};const EDIT_DATA = \"edit_data\";\n\n\/\/Navigation button\nconst PREV_BUTTON_ID = \"previous_button\";\nconst NEXT_BUTTON_ID = \"next_button\";\nconst SUBMIT_BUTTON_ID = \"submit_button\";\n\n\/\/Membership data\nconst MEMBERSHIP_ID = \"membership\"\nconst MEMBERSHIP_DESCRIPTION_ID = \"membership_description\";\nconst MEMBERSHIP_AMOUNT_ID = \"membership_amount\";\nconst MEMBERSHIP_START_DATE = \"membership_start_date\";\nconst MEMBERSHIP_END_DATE = \"membership_end_date\";\n\nconst MONTHLY = \"monthly\";\nconst RECURRING = \"recurring\";\n\n\/\/Starterpack\nconst STARTERPACK_DESCRIPTION = \"starterpack_description\";\nconst STARTERPACK_PRICE = \"starterpack_price\";\nconst SERVICE_DESCRIPTION = \"service_description\";\nconst SERVICE_PRICE = \"service_price\";\n\nconst SERVICE_DIV = \"service\";\n\nconst PAYMENT_TABLE = \"payment_table\";\n\n\/\/Payment data\nconst IBAN_ID = \"iban\";\n\n\/\/Classes Data\nconst CLASSES_CONTAINER_ID = \"classes_container\";\n\n\/\/Payment Date\nconst BOOKING_DATE_ID = \"booking_date\";\n\n\/\/Form\nconst FORM_ID = \"add_member_form\";\n\n\nvar needed_elements = [\n    PREV_BUTTON_ID,\n    NEXT_BUTTON_ID,\n    SUBMIT_BUTTON_ID,\n\n    MEMBERSHIP_ID,\n    MEMBERSHIP_DESCRIPTION_ID,\n    MEMBERSHIP_AMOUNT_ID,\n    MEMBERSHIP_START_DATE,\n    MEMBERSHIP_END_DATE,\n\n    MONTHLY,\n    RECURRING,\n\n    STARTERPACK_DESCRIPTION,\n    STARTERPACK_PRICE,\n    SERVICE_PRICE,\n    SERVICE_DESCRIPTION,\n    SERVICE_DIV,\n    PAYMENT_TABLE,\n\n    CLASSES_CONTAINER_ID,\n\n    IBAN_ID,\n    BOOKING_DATE_ID,\n\n    FORM_ID\n];\n\nvar elements;\n\nconst TABS_CLASS_NAME = \"tab_container\";\n\nvar needed_classes = [\n    TABS_CLASS_NAME,\n];\n\nvar classes;\n\nvar tabs;\n\n\nfunction getElementsInDocument(elements_ids){\n    var output = [];\n    for(let i=0; i < elements_ids.length ; i++){\n        output[elements_ids[i]] = document.getElementById(elements_ids[i]);\n    }\n    return output;\n}\n\nfunction getClassesInDocument(classes_names){\n    var output = [];\n    for(let i=0; i < classes_names.length ; i++){\n        output[classes_names[i]] = document.getElementsByClassName(classes_names[i]);\n    }\n    return output;\n}\n\nfunction getTabsClasses(){\n    var output=[];\n\n    var index = 1;\n    const TAB_INDEX_NAME = \"tab_\";\n    var tab_class_name = TAB_INDEX_NAME+index;\n    var currentTabArray = document.getElementsByClassName(tab_class_name);\n   \n\n    while(currentTabArray.length >= 1){\n        output[index] = currentTabArray[0].children[0];\n        index++;\n        tab_class_name = TAB_INDEX_NAME+index;\n        currentTabArray = document.getElementsByClassName(tab_class_name);\n    }\n    \n    return output;\n}\n\nfunction fill_default_input(){\n    for (const [key, value] of Object.entries(add_member_page_data)) {\n        var element = document.getElementById(key);\n        if(element != null){\n            if(element.tagName == 'INPUT'){\n                if(element.type == 'text'){\n                    element.value = value;\n                }\n            }\n            if(element.tagName == 'SELECT'){\n                for (const [option_id, option_values] of Object.entries(value)){\n                    var option = document.createElement('option');\n                    option.value = option_values['option_id'];\n                    option.innerHTML = option_values['option_value'];\n                    element.appendChild(option);\n                    if(option_values['option_selected'] == true){\n                        element.value = option_values['option_id'];\n                    }\n                }\n            }\n        }\n        \n    }\n\n    var dateToday = new Date();\n    var month = dateToday.getMonth() + 1;\n    var day = dateToday.getDate();\n    var year = dateToday.getFullYear();\n    var month_str = month.toString();\n    if (month < 10)\n      month_str = '0' + month.toString();\n    if (day < 10)\n      day = '0' + day.toString();\n    var minDate = year + '-' + month_str + '-' + day;\n    \/\/elements[MEMBERSHIP_START_DATE].min = minDate;\n    if(day < 15){\n        var booking = year + '-' + month_str + '-15';\n    }\n    else{\n        var new_month = month + 1;\n        var new_month_str = new_month\n        if (new_month < 10)\n            new_month_str = '0' + new_month.toString();\n        var new_year = year;\n        if(new_month  > 12){\n            new_month_str = '01';\n            new_year++;\n        }\n        var booking = new_year + '-' + (new_month_str) + '-15'\n    }\n    \n    elements[BOOKING_DATE_ID].value = booking;\n    \/\/elements[BOOKING_DATE_ID].disabled = true;\n\n}\n\nfunction fill_edit_data(){\n    var edit_data = add_member_page_data[EDIT_DATA];\n    for (const [key, value] of Object.entries(edit_data)){\n        var element = document.getElementById(key);\n        if(element){\n            if(element.tagName == 'INPUT'){\n                if(element.type == 'text' || element.type == 'date' || element.type == 'email' || element.type == \"number\" || element.type == \"month\"){\n                    element.value = value;\n                }\n                if(element.type == \"checkbox\"){\n                    if(element.value == value){\n                        element.checked = true;\n                    }\n                }\n            }\n            if(element.tagName == \"SELECT\"){\n                element.value = value;\n            }\n\n            if(element.tagName == \"TEXTAREA\"){\n                element.innerHTML = value;\n            }\n        }\n    }\n\n    if(edit_data[\"gender\"]){\n        document.getElementById(\"gender_\"+edit_data[\"gender\"].toLowerCase()).checked = true;\n    }\n\n    if(edit_data[\"question_6\"]){\n        var checkboxes = document.getElementsByName(\"question_6[]\");\n        for(let i = 0; i < checkboxes.length ; i++){\n            var element = checkboxes[i];\n            if(edit_data[\"question_6\"].indexOf(element.value) > -1){\n                element.checked = true;\n            }\n        }\n       \n    }\n\n    if(edit_data[\"question_7\"]){\n        var checkboxes = document.getElementsByName(\"question_7[]\");\n        for(let i = 0; i < checkboxes.length ; i++){\n            var element = checkboxes[i];\n            if(edit_data[\"question_7\"].indexOf(element.value) > -1){\n                element.checked = true;\n            }\n        }\n       \n    }\n    \n    if(add_member_page_data['error']){\n        for(let i = 0 ; i < add_member_page_data['error'].length ; i++){\n            document.getElementById(\"submit_error\").innerHTML += add_member_page_data['error'][i];\n        }\n    }\n\n    elements[MEMBERSHIP_ID].value = edit_data[MEMBERSHIP_ID];\n    var current_membership = add_member_page_data[MEMBERSHIP_ID][elements[MEMBERSHIP_ID].value];\n    if(current_membership){\n        elements[MEMBERSHIP_DESCRIPTION_ID].innerHTML = current_membership.description;\n        \/\/elements[MEMBERSHIP_AMOUNT_ID].innerHTML = parseFloat(current_membership.amount).toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + \" \u20ac\";\n                \n        if(parseInt(current_membership.period) >= 180){\n            elements[SERVICE_DIV].style.display = \"block\";\n        }\n        else{\n            elements[SERVICE_DIV].style.display = \"none\";\n        }\n    }\n\n    if(edit_data.classes){\n        var chosen_classes = edit_data.classes;\n        for(let i = 0; i < chosen_classes.length ; i++){\n            document.getElementById(\"class_\"+chosen_classes[i]).checked = true;\n        }\n    }\n    \n    compute_total_price();\n\n    var key = \"editable_\";\n    for(let i = 1 ; i <= 3 ; i++){\n        var el = document.getElementById(key+i);\n        if(el){\n            el.value = edit_data[\"one_time_payment_\"+i];\n            document.getElementById(\"one_time_payment_\"+i).value = edit_data[\"one_time_payment_\"+i];\n        }\n    }\n\n}\n\nfunction navigate(event){\n    \n    for(let i = 1; i < tabs.length ; i++){\n        tabs[i].style.display = \"none\";\n    }\n\n    if(event.currentTarget.id == PREV_BUTTON_ID){\n        if(tabs.current_selected_tab > 1){\n            tabs.current_selected_tab -= 1;\n\n            if(tabs.current_selected_tab == 1){\n                event.currentTarget.style.visibility = \"hidden\";\n            }\n\n            elements[NEXT_BUTTON_ID].style.display = \"block\";\n            elements[SUBMIT_BUTTON_ID].style.display = \"none\";\n        }      \n    }\n    else if (event.currentTarget.id == NEXT_BUTTON_ID){\n        \/\/Check required\n        \/\/Get required fields\n        var required_fields = tabs[tabs.current_selected_tab].querySelectorAll(\"[required]\");\n        var fields_are_filled = true;\n        for(let i = 0 ; i < required_fields.length ; i++){\n            if(required_fields[i].value){\n                continue;\n            }\n            else{\n                fields_are_filled = false;\n                break;\n            }\n        }\n\n        \/\/Get fields with pattern\n        var pattern_fields = tabs[tabs.current_selected_tab].querySelectorAll(\"[pattern]\");\n        for(let i = 0 ; i < pattern_fields.length ; i++){\n            if(pattern_fields[i].checkValidity()){\n                document.getElementById(pattern_fields[i].id+\"_error\").innerHTML = \"\";\n                continue;\n            }\n            else{\n                fields_are_filled = false;\n                document.getElementById(pattern_fields[i].id+\"_error\").innerHTML = \" (Ihre Eingabe war nicht korrekt!)\";\n            }\n        }\n\n        if(fields_are_filled){\n            document.getElementById(\"tab_\"+tabs.current_selected_tab+\"_error\").innerHTML = \"\";\n            for(let i = 0 ; i < pattern_fields.length ; i++){\n                \n                document.getElementById(pattern_fields[i].id+\"_error\").innerHTML = \"\";\n                \n            }\n            if(tabs.current_selected_tab < tabs.length-1){\n                tabs.current_selected_tab += 1;\n    \n                if(tabs.current_selected_tab == tabs.length-1){\n                    event.currentTarget.style.display = \"none\";\n                    elements[SUBMIT_BUTTON_ID].style.display = \"block\";\n                }\n    \n                elements[PREV_BUTTON_ID].style.visibility = \"visible\";\n    \n            }\n        }\n        else{\n            \n            document.getElementById(\"tab_\"+tabs.current_selected_tab+\"_error\").innerHTML = \"Bitte Pflichtfelder beachten!\";\n        }\n\n        \n    }\n\n    tabs[tabs.current_selected_tab].style.display = \"block\";\n    \n}\n\nfunction setNewMembership(event){\n    var value = event.currentTarget.value;\n    var current_membership = add_member_page_data[MEMBERSHIP_ID][value];\n    if(current_membership){\n        elements[MEMBERSHIP_DESCRIPTION_ID].innerHTML = current_membership.description;\n        \/\/elements[MEMBERSHIP_AMOUNT_ID].innerHTML = parseFloat(current_membership.amount).toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + \" \u20ac\";\n\n        \/\/ Create an editable input field for the membership amount\n        var membershipInput = document.createElement(\"INPUT\");\n        membershipInput.type = \"text\";\n        membershipInput.id = \"membershipAmountInput\";\n        membershipInput.value = parseFloat(current_membership.amount).toLocaleString('de-DE', { \n        minimumFractionDigits: 2, \n        maximumFractionDigits: 2 \n        }) + \" \u20ac\";\n        membershipInput.name = \"membership_amount\";\n\n        \/\/ Add an event listener to handle input changes\n        membershipInput.addEventListener(\"change\", function () {\n        \/\/ Parse the input, format it, and update the membership object\n        let rawValue = membershipInput.value.replace(\" \u20ac\", \"\").replace(\".\", \"\").replace(\",\", \".\");\n        let newValue = parseFloat(rawValue);\n        \n        if (!isNaN(newValue)) {\n            current_membership.amount = newValue; \/\/ Update the membership amount\n            membershipInput.value = newValue.toLocaleString('de-DE', { \n                minimumFractionDigits: 2, \n                maximumFractionDigits: 2 \n            }) + \" \u20ac\"; \/\/ Reformat the value\n        } \n        else \n        {\n            alert(\"Please enter a valid number.\");\n            membershipInput.value = parseFloat(current_membership.amount).toLocaleString('de-DE', { \n                minimumFractionDigits: 2, \n                maximumFractionDigits: 2 \n            }) + \" \u20ac\";\n        }\n\n        compute_total_price();\n\n        });\n\n        \/\/ Replace the static text with the editable input field\n        elements[MEMBERSHIP_AMOUNT_ID].innerHTML = \"\"; \/\/ Clear the existing content\n        elements[MEMBERSHIP_AMOUNT_ID].appendChild(membershipInput);\n        \n        if(parseInt(current_membership.period) >= 180){\n            elements[SERVICE_DIV].style.display = \"block\";\n        }\n        else{\n            elements[SERVICE_DIV].style.display = \"none\";\n        }\n    }\n    else{\n        elements[MEMBERSHIP_DESCRIPTION_ID].innerHTML = \"\";\n        elements[MEMBERSHIP_AMOUNT_ID].innerHTML = \"\";\n    }\n\n    compute_total_price();\n    update_membership_end_date();\n    \n}\n\nfunction createNewClassDiv(name,value,days,start_time,end_time,price){\n    \n    var checkbox = document.createElement(\"INPUT\");\n    checkbox.type = \"checkbox\";\n    checkbox.id = \"class_\"+value;\n    checkbox.name = \"classes[]\";\n    checkbox.value = value;\n\n    checkbox.price = parseFloat(price);\n\n    var label = document.createElement(\"LABEL\");\n    label.for = checkbox.id;\n    var days_array = JSON.parse(days);\n    var days_string = days_array.join('\/');\n    label.innerHTML = \"Alle Kurse zu einem Preis\"; \/\/ name + \" (\"+days_string+\" \"+start_time+\"-\"+end_time+\")\";\n\n    var side_div = document.createElement(\"DIV\");\n    side_div.className = \"side\";\n    side_div.appendChild(checkbox);\n    side_div.appendChild(label);\n\n    var span = document.createElement(\"SPAN\");\n    span.innerHTML = parseFloat(price).toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + \" \u20ac\";\n\n    var side_div_2 = document.createElement(\"DIV\");\n    \/\/side_div_2.className = \"class_side\";\n    side_div_2.className = \"side\";\n    side_div_2.style.textAlign = \"end\";\n    side_div_2.appendChild(span);\n\n    var radio_div = document.createElement(\"DIV\");\n    \/\/radio_div.className = \"radio_buttons_new_line\";\n    radio_div.className = \"row\";\n    radio_div.appendChild(side_div);\n    radio_div.appendChild(side_div_2);\n\n    return radio_div;\n\n}\n\nfunction fill_classes(){\n    var classes_data = add_member_page_data.classes;\n    \n    for (const [key, value] of Object.entries(classes_data)){\n        var new_div = createNewClassDiv(value.option_value,key,value.day,value.start_time,value.end_time,value.price);\n        elements[CLASSES_CONTAINER_ID].appendChild(new_div);\n    }\n\n    var span = document.createElement(\"SPAN\");\n    span.innerHTML = \"Gesamtpreis \/ Monat\";\n\n    var side_div = document.createElement(\"DIV\");\n    side_div.className = \"side\";\n    side_div.appendChild(span);\n\n    var span_2 = document.createElement(\"SPAN\");\n    span_2.id = \"total_price\";\n    span_2.innerHTML = \"0,00\u20ac\";\n\n    var side_div_2 = document.createElement(\"DIV\");\n    \/\/side_div_2.className = \"class_side\";\n    side_div_2.className = \"side\";\n    side_div_2.style.textAlign = \"end\";\n    side_div_2.appendChild(span_2);\n\n    var radio_div = document.createElement(\"DIV\");\n    \/\/radio_div.className = \"radio_buttons_new_line\";\n    radio_div.className = \"row\";\n    radio_div.appendChild(side_div);\n    radio_div.appendChild(side_div_2);\n\n    elements[CLASSES_CONTAINER_ID].appendChild(radio_div);\n}\n\nfunction compute_total_price(option = true) {\n    var total_price = 0;\n\n    \/\/ Retrieve the membership amount from the input field\n    var membershipInput = document.getElementById(\"membershipAmountInput\");\n    if (membershipInput) {\n        let rawValue = membershipInput.value.replace(\" \u20ac\", \"\").replace(\".\", \"\").replace(\",\", \".\");\n        let membershipAmount = parseFloat(rawValue) || 0; \/\/ Default to 0 if parsing fails\n        total_price += membershipAmount;\n    } else {\n        \/\/ Fallback if input field is not found\n        console.error(\"Membership input field not found.\");\n        return 0;\n    }\n\n    \/\/ Add selected class prices\n    var classes_checkbox = document.getElementsByName(\"classes[]\");\n    if (classes_checkbox.length > 0) {\n        for (let i = 0; i < classes_checkbox.length; i++) {\n            if (classes_checkbox[i].checked) {\n                total_price += parseFloat(classes_checkbox[i].price) || 0;\n            }\n        }\n    }\n\n    \/\/ Update the `monthly` hidden input field\n    document.getElementById(\"monthly_hidden\").value = total_price;\n\n    \/\/ Optionally update membership end date\n    if (option) {\n        update_membership_end_date();\n    }\n\n    \/\/ Update total price display\n    document.getElementById(\"total_price\").innerHTML = total_price.toLocaleString('de-DE', { \n        minimumFractionDigits: 2, \n        maximumFractionDigits: 2 \n    }) + \" \u20ac\";\n\n    return total_price;\n}\n\nfunction update_membership_end_date() {\n    var value = elements[MEMBERSHIP_ID].value;\n    var current_membership = add_member_page_data[MEMBERSHIP_ID][value];\n\n    if (current_membership) {\n        var periodInMonths = parseInt(current_membership.period \/ 30); \/\/ Membership duration in months (6, 12, or 24)\n\n        var start_date = elements[MEMBERSHIP_START_DATE].value;\n\n        if (start_date) {\n            var date_object = new Date(start_date); \/\/ Original membership start date\n\n            \/\/ Calculate the end date\n            var end_date_object = new Date(date_object);\n            end_date_object.setMonth(end_date_object.getMonth() + periodInMonths);\n            end_date_object.setDate(end_date_object.getDate() - 1); \/\/ Subtract 1 day from the calculated end date\n\n            \/\/ Format the calculated end date as YYYY-MM-DD\n            var year = end_date_object.getFullYear();\n            var month = end_date_object.getMonth() + 1; \/\/ Months are 0-based\n            var day = end_date_object.getDate();\n\n            if (month < 10) month = '0' + month;\n            if (day < 10) day = '0' + day;\n\n            var end_date = `${year}-${month}-${day}`;\n            elements[MEMBERSHIP_END_DATE].value = end_date;\n\n            \/\/ Determine the first payment date\n            var first_payment_month = date_object.getMonth() + 1; \/\/ Start month\n            var first_payment_year = date_object.getFullYear(); \/\/ Start year\n            var start_day = date_object.getDate(); \/\/ Day of the month\n\n            if (start_day > 15 || (start_day >= 12 && start_day <= 15)) {\n                \/\/ If the membership starts after the 15th or 3 days before the 15th, move to the next month\n                first_payment_month += 1;\n                if (first_payment_month > 12) {\n                    first_payment_month = 1; \/\/ Reset to January\n                    first_payment_year += 1; \/\/ Increment the year\n                }\n            }\n\n            \/\/ Update the payment table (if applicable)\n            var membership_classes = compute_total_price(option = false);\n\n            var one_time_payment_euro = add_member_page_data[\"starterpack\"][STARTERPACK_PRICE];\n            var recurring_payment_euro = add_member_page_data[\"starterpack\"][SERVICE_PRICE];\n\n            if (elements[PAYMENT_TABLE].children.length > 0) {\n                elements[PAYMENT_TABLE].children[0].remove();\n            }\n\n            elements[PAYMENT_TABLE].appendChild(\n                createPaymentTable(\n                    first_payment_month, \/\/ Adjusted first payment month\n                    periodInMonths,\n                    first_payment_year, \/\/ Adjusted first payment year\n                    membership_classes,\n                    one_time_payment_euro,\n                    recurring_payment_euro\n                )\n            );\n        } else {\n            \/\/ If start date is not set, clear the end date and payment table\n            elements[MEMBERSHIP_END_DATE].value = \"\";\n            if (elements[PAYMENT_TABLE].children.length > 0) {\n                elements[PAYMENT_TABLE].children[0].remove();\n            }\n        }\n    } else {\n        \/\/ If no valid membership is selected, clear the end date and payment table\n        elements[MEMBERSHIP_END_DATE].value = \"\";\n        if (elements[PAYMENT_TABLE].children.length > 0) {\n            elements[PAYMENT_TABLE].children[0].remove();\n        }\n    }\n\n    \/\/ Update recurring payment in the hidden input\n    document.getElementById(\"recurring_hidden\").value = add_member_page_data[\"starterpack\"][SERVICE_PRICE];\n}\n\n\/*\n * Returns 1 if the IBAN is valid \n * Returns FALSE if the IBAN's length is not as should be (for CY the IBAN Should be 28 chars long starting with CY )\n * Returns any other number (checksum) when the IBAN is invalid (check digits do not match)\n *\/\nfunction isValidIBANNumber(input) {\n    \/*var CODE_LENGTHS = {\n        AD: 24, AE: 23, AT: 20, AZ: 28, BA: 20, BE: 16, BG: 22, BH: 22, BR: 29,\n        CH: 21, CR: 21, CY: 28, CZ: 24, DE: 22, DK: 18, DO: 28, EE: 20, ES: 24,\n        FI: 18, FO: 18, FR: 27, GB: 22, GI: 23, GL: 18, GR: 27, GT: 28, HR: 21,\n        HU: 28, IE: 22, IL: 23, IS: 26, IT: 27, JO: 30, KW: 30, KZ: 20, LB: 28,\n        LI: 21, LT: 20, LU: 20, LV: 21, MC: 27, MD: 24, ME: 22, MK: 19, MR: 27,\n        MT: 31, MU: 30, NL: 18, NO: 15, PK: 24, PL: 28, PS: 29, PT: 25, QA: 29,\n        RO: 24, RS: 22, SA: 24, SE: 24, SI: 19, SK: 24, SM: 27, TN: 24, TR: 26,   \n        AL: 28, BY: 28, CR: 22, EG: 29, GE: 22, IQ: 23, LC: 32, SC: 31, ST: 25,\n        SV: 28, TL: 23, UA: 29, VA: 22, VG: 24, XK: 20\n    };*\/\n\n    var CODE_LENGTHS = {\n        DE: 22\n    };\n    var iban = String(input).toUpperCase().replace(\/[^A-Z0-9]\/g, ''), \/\/ keep only alphanumeric characters\n            code = iban.match(\/^([A-Z]{2})(\\d{2})([A-Z\\d]+)$\/), \/\/ match and capture (1) the country code, (2) the check digits, and (3) the rest\n            digits;\n    \/\/ check syntax and length\n    if (!code || iban.length !== CODE_LENGTHS[code[1]]) {\n        return false;\n    }\n    \/\/ rearrange country code and check digits, and convert chars to ints\n    digits = (code[3] + code[1] + code[2]).replace(\/[A-Z]\/g, function (letter) {\n        return letter.charCodeAt(0) - 55;\n    });\n    \/\/ final check\n    return mod97(digits) === 1;\n}\n\nfunction mod97(string) {\n    var checksum = string.slice(0, 2), fragment;\n    for (var offset = 2; offset < string.length; offset += 7) {\n        fragment = String(checksum) + string.substring(offset, offset + 7);\n        checksum = parseInt(fragment, 10) % 97;\n    }\n    return checksum;\n}\n\nfunction validateIBANField(event){\n    if(event.currentTarget.value){\n        if(!isValidIBANNumber(event.currentTarget.value)){\n            document.getElementById(event.currentTarget.id+\"_error\").innerHTML = \" (Please Enter a Valid Value)\";\n        }\n        else{\n            document.getElementById(event.currentTarget.id+\"_error\").innerHTML = \"\";\n        }\n    }\n    else{\n        document.getElementById(event.currentTarget.id+\"_error\").innerHTML = \"\";\n    }\n    \n}\n\nfunction fetchBICFromIBAN(iban, callback) {\n    var clean = iban.replace(\/\\s+\/g, '');\n\n    var url = \"https:\/\/openiban.com\/validate\/\" + encodeURIComponent(clean) +\n              \"?getBIC=true&validateBankCode=true\";\n\n    fetch(url)\n        .then(function(response) {\n            if (!response.ok) return null;\n            return response.json();\n        })\n        .then(function(data) {\n            if (data) {\n                if (data.valid) {\n                    if (data.bankData) {\n                        if (data.bankData.bic) {\n                            callback(data.bankData.bic.toUpperCase());\n                            return;\n                        }\n                    }\n                }\n            }\n            callback(null);\n        })\n        .catch(function(err) {\n            console.error(\"BIC lookup failed:\", err);\n            callback(null);\n        });\n}\n\nfunction handleIBANChange(event) {\n    var value = event.currentTarget.value.trim();\n    var bicField = document.getElementById('bic');\n\n    if (!bicField) return;\n\n    if (!value || !isValidIBANNumber(value)) {\n        bicField.value = '';\n        return;\n    }\n\n    \/\/ BIC \u00fcber Callback setzen\n    fetchBICFromIBAN(value, function(bic) {\n        if (bic) {\n            bicField.value = bic;\n        } else {\n            console.warn(\"No BIC found for given IBAN\");\n            \/\/ bicField.value = \"\";\n        }\n    });\n}\n\nfunction createPaymentTable(start_month, period, start_year, monthly_payment, one_time_payment, recurring_payment) {\n    var headers = [];\n    var monthly = [];\n    var first_payment = [];\n    var recurring_payment_array = [];\n\n    \/\/ Membership start date and payment date initialization\n    var membership_start_date = new Date(start_year, start_month - 1, 1); \/\/ Membership starts on the 1st of the start month\n    var current_month = start_month;\n    var current_year = start_year;\n\n    \/\/ Determine the first payment date\n    var first_payment_day = 15;\n\n    \/\/ Check if the membership start date is within 3 days before the 15th\n    var membership_day = membership_start_date.getDate();\n    if (membership_day > 12 && membership_day <= 15) {\n        current_month += 1; \/\/ Move to next month\n        if (current_month > 12) {\n            current_month = 1;\n            current_year += 1;\n        }\n    }\n\n    \/\/ Generate payment schedule for the specified period\n    for (let i = 0; i < period; i++) {\n        \/\/ Format the current payment date\n        var payment_date = `15.${current_month < 10 ? '0' + current_month : current_month}.${current_year}`;\n        headers.push(payment_date);\n\n        \/\/ Add monthly payment\n        monthly.push(`${parseFloat(monthly_payment).toLocaleString('de-DE', {\n            minimumFractionDigits: 2,\n            maximumFractionDigits: 2,\n        })} \u20ac`);\n\n        \/\/ Add one-time payment (only for the first payment)\n        if (i === 0) {\n            first_payment.push(`${parseFloat(one_time_payment).toLocaleString('de-DE', {\n                minimumFractionDigits: 2,\n                maximumFractionDigits: 2,\n            })} \u20ac`);\n        } else {\n            first_payment.push(\"\"); \/\/ Leave empty for other rows\n        }\n\n        \/\/ Add recurring payment (every 6 months)\n        if ((i + 1) % 6 === 0) {\n            recurring_payment_array.push(`${parseFloat(recurring_payment).toLocaleString('de-DE', {\n                minimumFractionDigits: 2,\n                maximumFractionDigits: 2,\n            })} \u20ac`);\n        } else {\n            recurring_payment_array.push(\"\"); \/\/ Leave empty for other rows\n        }\n\n        \/\/ Increment month and handle year rollover\n        current_month += 1;\n        if (current_month > 12) {\n            current_month = 1;\n            current_year += 1;\n        }\n    }\n\n    \/\/ Generate the table\n    var table = document.createElement(\"TABLE\");\n    table.border = \"1\";\n    table.style.width = \"115%\"; \/\/ Set table width to 115%\n    table.style.textAlign = \"center\"; \/\/ Center align text\n    table.style.margin = \"20px auto 20px -10px\"; \/\/ Move table 10px to the left\n\n    \/\/ Add header row\n    var headerRow = document.createElement(\"TR\");\n    [\"Datum der Bezahlung\", \"Monatlicher Mitgliedschaftsbeitrag\", \"Startpaket\", \"Service Pauschale\"].forEach(headerText => {\n        var th = document.createElement(\"TH\");\n        th.innerHTML = headerText;\n        th.style.padding = \"10px\"; \/\/ Add padding for better spacing\n        headerRow.appendChild(th);\n    });\n    table.appendChild(headerRow);\n\n    \/\/ Add payment rows\n    for (let i = 0; i < headers.length; i++) {\n        var row = document.createElement(\"TR\");\n\n        \/\/ Date column\n        var dateCell = document.createElement(\"TD\");\n        dateCell.innerHTML = headers[i];\n        dateCell.style.padding = \"10px\"; \/\/ Add padding\n        row.appendChild(dateCell);\n\n        \/\/ Monthly payment column\n        var monthlyCell = document.createElement(\"TD\");\n        monthlyCell.innerHTML = monthly[i];\n        monthlyCell.style.padding = \"10px\"; \/\/ Add padding\n        row.appendChild(monthlyCell);\n\n        \/\/ One-time payment column\n        var oneTimeCell = document.createElement(\"TD\");\n        oneTimeCell.innerHTML = first_payment[i];\n        oneTimeCell.style.padding = \"10px\"; \/\/ Add padding\n        if (first_payment[i]) {\n            oneTimeCell.style.backgroundColor = \"#90ee90\"; \/\/ Green background for filled cells\n            oneTimeCell.style.color = \"black\"; \/\/ Black text\n        }\n        row.appendChild(oneTimeCell);\n\n        \/\/ Recurring payment column\n        var recurringCell = document.createElement(\"TD\");\n        recurringCell.innerHTML = recurring_payment_array[i];\n        recurringCell.style.padding = \"10px\"; \/\/ Add padding\n        if (recurring_payment_array[i]) {\n            recurringCell.style.backgroundColor = \"#90ee90\"; \/\/ Green background for filled cells\n            recurringCell.style.color = \"black\"; \/\/ Black text\n        }\n        row.appendChild(recurringCell);\n\n        table.appendChild(row);\n    }\n\n    return table;\n}\n\nfunction fill_starterpack(){\n    elements[STARTERPACK_DESCRIPTION].innerHTML = add_member_page_data[\"starterpack\"][STARTERPACK_DESCRIPTION];\n    \n    \/\/ Create an editable input field for the starter pack price\n    const starterpackInput = document.createElement(\"input\");\n    starterpackInput.type = \"text\";\n    starterpackInput.id = \"starterpackInput\";\n    starterpackInput.value = formatPrice(add_member_page_data[\"starterpack\"][STARTERPACK_PRICE]);\n    starterpackInput.name =\"starterpack_amount\";\n\n    \/\/ Add an event listener to handle input changes\n    starterpackInput.addEventListener(\"change\", function () {\n        \/\/ Remove formatting and parse the input value\n        const rawValue = starterpackInput.value\n            .replace(\" \u20ac\", \"\") \/\/ Remove the Euro symbol\n            .replace(\/\\.\/g, \"\") \/\/ Remove thousand separators\n            .replace(\",\", \".\"); \/\/ Replace decimal separator for parsing\n\n        const newValue = parseFloat(rawValue);\n\n        if (!isNaN(newValue)) {\n            \/\/ Update the starter pack price in the data object\n            add_member_page_data[\"starterpack\"][STARTERPACK_PRICE] = newValue;\n            starterpackInput.value = formatPrice(newValue);\n\n            \/\/ Update the hidden input\n            document.getElementById(\"starterpack_hidden\").value = newValue;\n\n        } else {\n            \/\/ Alert and reset the input to the previous value if invalid\n            alert(\"Please enter a valid number.\");\n            starterpackInput.value = formatPrice(add_member_page_data[\"starterpack\"][STARTERPACK_PRICE]);\n        }\n\n        update_membership_end_date();\n    });\n\n    \/\/ Helper function to format prices for the German locale\n    function formatPrice(value) {\n        return parseFloat(value).toLocaleString('de-DE', { \n            minimumFractionDigits: 2, \n            maximumFractionDigits: 2 \n        }) + \" \u20ac\";\n    }\n\n    \/\/ Replace the existing content with the editable input field\n    elements[STARTERPACK_PRICE].innerHTML = \"\"; \/\/ Clear existing content\n    elements[STARTERPACK_PRICE].appendChild(starterpackInput);\n\n    elements[SERVICE_DESCRIPTION].innerHTML = add_member_page_data[\"starterpack\"][SERVICE_DESCRIPTION];\n    elements[SERVICE_PRICE].innerHTML = parseFloat(add_member_page_data[\"starterpack\"][SERVICE_PRICE]).toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + \" \u20ac\";\n\n     \/\/ Initial hidden input value\n     document.getElementById(\"starterpack_hidden\").value = add_member_page_data[\"starterpack\"][STARTERPACK_PRICE];\n}\n\nfunction submit(event){\n    var all_elements_are_valid = true;\n    if(elements[IBAN_ID].value){\n        if(!isValidIBANNumber(elements[IBAN_ID].value)){\n            all_elements_are_valid = false;\n        }\n    }\n\n    if(all_elements_are_valid){\n        elements[FORM_ID].submit();\n    }\n\n}\n\nwindow.addEventListener(\"load\", (event) => {\n \n    elements = getElementsInDocument(needed_elements);\n    classes = getClassesInDocument(needed_classes);\n\n    tabs = getTabsClasses();\n    tabs.current_selected_tab = 1;\n\n    fill_default_input();\n    fill_classes();\n    fill_starterpack();\n    \n    elements[PREV_BUTTON_ID].onclick = function(event){navigate(event);};\n    elements[NEXT_BUTTON_ID].onclick = function(event){navigate(event);};\n    elements[SUBMIT_BUTTON_ID].onclick = function(event){submit(event);};\n\n    elements[MEMBERSHIP_ID].onchange = function(event){setNewMembership(event);};\n    elements[MEMBERSHIP_START_DATE].onchange = function(event){update_membership_end_date();};\n\n    \/\/ IBAN-Validierung + BIC-Autofill nur, wenn das Feld existiert\n    if (elements[IBAN_ID]) {\n        \/\/ Live-Validierung wie bisher\n        \/\/elements[IBAN_ID].onchange = function(event){validateIBANField(event)};\n        elements[IBAN_ID].onkeypress = function(event){validateIBANField(event)};\n        elements[IBAN_ID].onpaste    = function(event){validateIBANField(event)};\n        elements[IBAN_ID].oninput    = function(event){validateIBANField(event)};\n\n        \/\/ BIC automatisch aus IBAN beim Verlassen \/ \u00c4ndern\n        elements[IBAN_ID].addEventListener('blur', handleIBANChange);\n        \/\/ optional zus\u00e4tzlich:\n        \/\/ elements[IBAN_ID].addEventListener('change', handleIBANChange);\n    }\n\n    var classes_checkbox = document.getElementsByName(\"classes[]\");\n\n    \/\/document.getElementsByClassName(\"tab_container\")[0].appendChild(createPaymentTable(1,24,2024,45,49,27));\n    \n    for(let i = 0; i<classes_checkbox.length;i++){\n        classes_checkbox[i].onchange = function(event){compute_total_price();};\n    }\n\n    if(add_member_page_data.edit_data){\n        fill_edit_data();\n    }\n\n});<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/members.day-fit.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/members.day-fit.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/members.day-fit.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/members.day-fit.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/members.day-fit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":2,"href":"https:\/\/members.day-fit.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/members.day-fit.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/members.day-fit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}