{"id":515,"date":"2025-10-13T09:48:07","date_gmt":"2025-10-13T06:48:07","guid":{"rendered":"https:\/\/goffran.com\/?page_id=515"},"modified":"2025-10-13T09:50:21","modified_gmt":"2025-10-13T06:50:21","slug":"job-application","status":"publish","type":"page","link":"https:\/\/goffran.com\/?page_id=515","title":{"rendered":"Job Application"},"content":{"rendered":"\n<div class=\"job-app-root\" dir=\"rtl\">\n    <div id=\"loading-overlay\" class=\"loading-overlay\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 1000; justify-content: center; align-items: center;\">\n        <div class=\"animate-spin rounded-full h-12 w-12 border-4 border-t-4 border-blue-500 border-opacity-25\" style=\"border-top-color: #3b82f6;\"><\/div>\n    <\/div>\n    \n    <div id=\"message-box\" style=\"display: none;\"><\/div>\n\n    <form id=\"job-application-form\" class=\"space-y-8 p-8 md:p-12 bg-white shadow-2xl rounded-xl border border-gray-100\">\n        \n        <!-- \u062d\u0642\u0648\u0644 Nonce \u0648 Action \u0627\u0644\u0645\u062e\u0641\u064a\u0629 -->\n        <input type=\"hidden\" name=\"action\" value=\"job_app_submission\">\n        <input type=\"hidden\" name=\"job_app_nonce\" value=\"4310a367b7\">\n\n        <h2 class=\"text-3xl font-extrabold text-gray-900 border-b pb-4 mb-6 text-center tracking-tight\">\u0646\u0645\u0648\u0630\u062c \u0637\u0644\u0628 \u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/h2>\n        \n        <!-- \u0642\u0633\u0645 1: \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 -->\n        <div class=\"space-y-5 p-6 border-2 border-blue-100 rounded-lg bg-gray-50 shadow-lg\">\n            <h3 class=\"text-xl font-bold text-blue-700 border-b pb-2\">1. \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/h3>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                <input type=\"text\" name=\"personal[first_name]\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0648\u0644*\" required class=\"form-input\">\n                <input type=\"text\" name=\"personal[middle_name]\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0623\u0628\" class=\"form-input\">\n                <input type=\"text\" name=\"personal[last_name]\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0639\u0627\u0626\u0644\u0629*\" required class=\"form-input\">\n            <\/div>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                <input type=\"text\" name=\"personal[national_id]\" placeholder=\"\u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0648\u0637\u0646\u064a*\" required class=\"form-input\">\n                <input type=\"text\" name=\"personal[nationality]\" placeholder=\"\u0627\u0644\u062c\u0646\u0633\u064a\u0629\" class=\"form-input\">\n                <input type=\"date\" name=\"personal[date_of_birth]\" placeholder=\"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f\" class=\"form-input\">\n            <\/div>\n            \n            <!-- \u062d\u0642\u0644 \u0631\u0641\u0639 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 -->\n            <div class=\"p-3 border-2 border-dashed border-gray-300 rounded-md bg-white mt-4\">\n                <label for=\"personal_photo\" class=\"block text-sm font-medium text-gray-700 mb-2\">\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 (\u0635\u064a\u063a\u0629 JPG\/PNG) - <span class=\"text-xs text-gray-500\">\u0627\u062e\u062a\u064a\u0627\u0631\u064a<\/span><\/label>\n                <!-- NOTE: The name attribute MUST match the key used in $_FILES in the PHP handler (personal_photo) -->\n                <input type=\"file\" id=\"personal_photo\" name=\"personal_photo\" accept=\"image\/jpeg, image\/png\" class=\"block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-100 file:text-blue-700 hover:file:bg-blue-200 cursor-pointer\">\n            <\/div>\n\n            <!-- \u0628\u0642\u064a\u0629 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 -->\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 pt-4\">\n                <input type=\"text\" name=\"personal[place_of_birth]\" placeholder=\"\u0645\u0643\u0627\u0646 \u0627\u0644\u0645\u064a\u0644\u0627\u062f\" class=\"form-input\">\n                <select name=\"personal[marital_status]\" class=\"form-input\">\n                    <option value=\"\">\u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/option>\n                    <option value=\"Single\">\u0623\u0639\u0632\u0628<\/option>\n                    <option value=\"Married\">\u0645\u062a\u0632\u0648\u062c<\/option>\n                    <option value=\"Divorced\">\u0645\u0637\u0644\u0642<\/option>\n                    <option value=\"Widowed\">\u0623\u0631\u0645\u0644<\/option>\n                <\/select>\n                <input type=\"number\" name=\"personal[number_of_children]\" placeholder=\"\u0639\u062f\u062f \u0627\u0644\u0623\u0648\u0644\u0627\u062f\" min=\"0\" class=\"form-input\">\n            <\/div>\n            \n            <div class=\"flex items-center space-x-2 space-x-reverse pt-2\">\n                <input id=\"is_registered_social_security\" type=\"checkbox\" name=\"personal[is_registered_social_security]\" value=\"1\" class=\"form-checkbox h-5 w-5 text-blue-600 rounded\">\n                <label for=\"is_registered_social_security\" class=\"text-gray-700 select-none\">\u0645\u0633\u062c\u0644 \u0628\u0627\u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u061f<\/label>\n            <\/div>\n        <\/div>\n        \n        <!-- \u0642\u0633\u0645 2: \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0637\u0644\u0628 \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644 -->\n        <div class=\"space-y-5 p-6 border-2 border-blue-100 rounded-lg bg-gray-50 shadow-lg\">\n            <h3 class=\"text-xl font-bold text-blue-700 border-b pb-2\">2. \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u0644\u0648\u0638\u064a\u0641\u0629<\/h3>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                <input type=\"email\" name=\"application[email]\" placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a*\" required class=\"form-input\">\n                <input type=\"tel\" name=\"application[phone_number]\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641*\" required class=\"form-input\">\n                <input type=\"text\" name=\"application[applied_job_title]\" placeholder=\"\u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0645\u0642\u062f\u0645 \u0644\u0647\u0627*\" required class=\"form-input\">\n            <\/div>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <input type=\"text\" name=\"application[desired_salary]\" placeholder=\"\u0627\u0644\u0631\u0627\u062a\u0628 \u0627\u0644\u0634\u0647\u0631\u064a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\" class=\"form-input\">\n                <input type=\"text\" name=\"application[job_type]\" placeholder=\"\u0646\u0648\u0639 \u0627\u0644\u0648\u0638\u064a\u0641\u0629 (\u062f\u0648\u0627\u0645 \u0643\u0627\u0645\u0644\/\u062c\u0632\u0626\u064a)\" class=\"form-input\">\n            <\/div>\n        <\/div>\n\n        <!-- \u0642\u0633\u0645 3: \u0627\u0644\u0645\u0624\u0647\u0644\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 (\u063a\u064a\u0631 \u0625\u0644\u0632\u0627\u0645\u064a) -->\n        <div class=\"space-y-5 p-6 border-2 border-blue-100 rounded-lg bg-gray-50 shadow-lg\">\n            <h3 class=\"text-xl font-bold text-blue-700 border-b pb-2\">3. \u0627\u0644\u0645\u0624\u0647\u0644\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0631\u0627\u062a <span class=\"text-base font-normal text-gray-500\">(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/span><\/h3>\n            \n            <!-- \u0627\u0644\u0645\u0624\u0647\u0644\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 -->\n            <div id=\"education-container\" class=\"space-y-6 pt-3\">\n                <!-- \u0644\u0646 \u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0623\u064a \u062d\u0642\u0644 \u0647\u0646\u0627 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0644\u062c\u0639\u0644\u0647\u0627 \u063a\u064a\u0631 \u0625\u0644\u0632\u0627\u0645\u064a\u0629 -->\n            <\/div>\n            <button type=\"button\" onclick=\"addGroup('education-container', 'education')\" class=\"text-blue-600 hover:text-blue-800 font-medium flex items-center mt-4 p-2 rounded-lg bg-blue-50\/70 hover:bg-blue-100 transition duration-200\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 ml-1\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z\" clip-rule=\"evenodd\" \/><\/svg>\n                \u0625\u0636\u0627\u0641\u0629 \u0645\u0624\u0647\u0644 \u0639\u0644\u0645\u064a\n            <\/button>\n            \n            <!-- \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 -->\n            <h5 class=\"mt-8 text-lg font-bold text-gray-700 border-t pt-4\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/h5>\n            <div id=\"course-container\" class=\"space-y-6\">\n                <!-- \u0633\u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u062d\u0642\u0648\u0644 \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0647\u0646\u0627 \u0628\u0648\u0627\u0633\u0637\u0629 JS -->\n            <\/div>\n            <button type=\"button\" onclick=\"addGroup('course-container', 'course')\" class=\"text-blue-600 hover:text-blue-800 font-medium flex items-center mt-4 p-2 rounded-lg bg-blue-50\/70 hover:bg-blue-100 transition duration-200\">\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 ml-1\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z\" clip-rule=\"evenodd\" \/><\/svg>\n                \u0625\u0636\u0627\u0641\u0629 \u062f\u0648\u0631\u0629 \u062a\u062f\u0631\u064a\u0628\u064a\u0629\n            <\/button>\n        <\/div>\n\n        <!-- \u0642\u0633\u0645 4: \u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639 -->\n        <div class=\"space-y-5 p-6 border-2 border-blue-100 rounded-lg bg-gray-50 shadow-lg\">\n            <h3 class=\"text-xl font-bold text-blue-700 border-b pb-2\">4. \u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639<\/h3>\n            \n            <!-- \u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 -->\n            <div id=\"experience-container\" class=\"space-y-6 pt-3\">\n                <!-- \u0633\u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u062d\u0642\u0648\u0644 \u0627\u0644\u062e\u0628\u0631\u0629 \u0647\u0646\u0627 \u0628\u0648\u0627\u0633\u0637\u0629 JS -->\n            <\/div>\n            <button type=\"button\" onclick=\"addGroup('experience-container', 'experience')\" class=\"text-blue-600 hover:text-blue-800 font-medium flex items-center mt-4 p-2 rounded-lg bg-blue-50\/70 hover:bg-blue-100 transition duration-200\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 ml-1\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z\" clip-rule=\"evenodd\" \/><\/svg>\n                \u0625\u0636\u0627\u0641\u0629 \u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629\n            <\/button>\n            \n            <!-- \u0627\u0644\u0645\u0631\u0627\u062c\u0639 (References) -->\n            <h5 class=\"mt-8 text-lg font-bold text-gray-700 border-t pt-4\">\u0627\u0644\u0645\u0631\u0627\u062c\u0639 (References)<\/h5>\n            <div id=\"reference-container\" class=\"space-y-6\">\n                <!-- \u0633\u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u0631\u0627\u062c\u0639 \u0647\u0646\u0627 \u0628\u0648\u0627\u0633\u0637\u0629 JS -->\n            <\/div>\n            <button type=\"button\" onclick=\"addGroup('reference-container', 'reference')\" class=\"text-blue-600 hover:text-blue-800 font-medium flex items-center mt-4 p-2 rounded-lg bg-blue-50\/70 hover:bg-blue-100 transition duration-200\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 ml-1\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z\" clip-rule=\"evenodd\" \/><\/svg>\n                \u0625\u0636\u0627\u0641\u0629 \u0645\u0631\u062c\u0639\n            <\/button>\n        <\/div>\n\n        <!-- \u0642\u0633\u0645 5: \u0627\u0644\u0625\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 -->\n        <div class=\"space-y-5 p-6 border-2 border-blue-100 rounded-lg bg-gray-50 shadow-lg\">\n            <h3 class=\"text-xl font-bold text-blue-700 border-b pb-2\">5. \u0627\u0644\u0625\u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0635\u0631\u064a\u062d\u0627\u062a<\/h3>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <div class=\"flex items-center space-x-2 space-x-reverse\">\n                    <input id=\"is_currently_employed\" type=\"checkbox\" name=\"application[is_currently_employed]\" value=\"1\" class=\"form-checkbox h-5 w-5 text-blue-600 rounded\">\n                    <label for=\"is_currently_employed\" class=\"text-gray-700 select-none\">\u0647\u0644 \u062a\u0639\u0645\u0644 \u062d\u0627\u0644\u064a\u0627\u064b\u061f<\/label>\n                <\/div>\n                <div class=\"flex items-center space-x-2 space-x-reverse\">\n                    <input id=\"agrees_to_training\" type=\"checkbox\" name=\"application[agrees_to_training]\" value=\"1\" class=\"form-checkbox h-5 w-5 text-blue-600 rounded\">\n                    <label for=\"agrees_to_training\" class=\"text-gray-700 select-none\">\u0647\u0644 \u062a\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0644\u0631\u0641\u0639 \u0627\u0644\u0643\u0641\u0627\u0621\u0629\u061f<\/label>\n                <\/div>\n                <input type=\"text\" name=\"application[training_suitable_duration]\" placeholder=\"\u0645\u062f\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 (\u0625\u0646 \u0648\u064f\u062c\u062f)\" class=\"form-input w-full\">\n            <\/div>\n            \n            <!-- \u062d\u0642\u0648\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 \u062c\u062f\u064a\u062f\u0629 -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                 <input type=\"text\" name=\"application[current_employer_location]\" placeholder=\"\u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0627\u0644\u064a (\u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0645\u0644)\" class=\"form-input\">\n                 <input type=\"text\" name=\"application[last_salary]\" placeholder=\"\u0622\u062e\u0631 \u0631\u0627\u062a\u0628 \u062a\u0642\u0627\u0636\u064a\u062a\u0647\" class=\"form-input\">\n                 <textarea name=\"application[reason_for_leaving]\" placeholder=\"\u0633\u0628\u0628 \u062a\u0631\u0643 \u0622\u062e\u0631 \u0639\u0645\u0644\" rows=\"2\" class=\"form-input col-span-2\"><\/textarea>\n            <\/div>\n\n             <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                 <select name=\"application[is_against_working_outside_amman]\" class=\"form-input\">\n                    <option value=\"\">\u0647\u0644 \u064a\u0645\u0627\u0646\u0639 \u0627\u0644\u0639\u0645\u0644 \u062e\u0627\u0631\u062c \u0639\u0645\u0627\u0646\u061f (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/option>\n                    <option value=\"No\">\u0644\u0627 \u0623\u0645\u0627\u0646\u0639<\/option>\n                    <option value=\"Yes\">\u0623\u0645\u0627\u0646\u0639<\/option>\n                <\/select>\n                <input type=\"text\" name=\"application[reason_against_working_outside_amman]\" placeholder=\"\u0633\u0628\u0628 \u0627\u0644\u0627\u0645\u062a\u0646\u0627\u0639 \u0639\u0646 \u0627\u0644\u0639\u0645\u0644 \u062e\u0627\u0631\u062c \u0639\u0645\u0627\u0646 (\u0625\u0630\u0627 \u0623\u0645\u0643\u0646)\" class=\"form-input\">\n                 <select name=\"application[can_travel_abroad]\" class=\"form-input\">\n                    <option value=\"\">\u0647\u0644 \u062a\u0633\u062a\u0637\u064a\u0639 \u0627\u0644\u0633\u0641\u0631 \u0644\u0644\u062e\u0627\u0631\u062c\u061f (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/option>\n                    <option value=\"Yes\">\u0623\u0633\u062a\u0637\u064a\u0639<\/option>\n                    <option value=\"No\">\u0644\u0627 \u0623\u0633\u062a\u0637\u064a\u0639<\/option>\n                <\/select>\n                <input type=\"text\" name=\"application[reason_against_travel_abroad]\" placeholder=\"\u0633\u0628\u0628 \u0627\u0644\u0627\u0645\u062a\u0646\u0627\u0639 \u0639\u0646 \u0627\u0644\u0633\u0641\u0631 \u0644\u0644\u062e\u0627\u0631\u062c (\u0625\u0630\u0627 \u0623\u0645\u0643\u0646)\" class=\"form-input\">\n                <select name=\"application[has_relatives_in_control_field]\" class=\"form-input\">\n                    <option value=\"\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0623\u0642\u0627\u0631\u0628 \u064a\u0639\u0645\u0644\u0648\u0646 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u062d\u0643\u0645\/\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\u061f (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/option>\n                    <option value=\"No\">\u0644\u0627 \u064a\u0648\u062c\u062f<\/option>\n                    <option value=\"Yes\">\u0646\u0639\u0645 \u064a\u0648\u062c\u062f<\/option>\n                <\/select>\n                <input type=\"text\" name=\"application[relative_details]\" placeholder=\"\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0623\u0642\u0627\u0631\u0628 (\u0627\u0644\u0627\u0633\u0645\u060c \u0627\u0644\u0648\u0638\u064a\u0641\u0629)\" class=\"form-input\">\n            <\/div>\n            \n            <div class=\"mt-4 border-t pt-4\">\n                <input type=\"text\" name=\"application[applicant_signature_name]\" placeholder=\"\u0627\u0633\u0645 \u062a\u0648\u0642\u064a\u0639 \u0645\u0642\u062f\u0645 \u0627\u0644\u0637\u0644\u0628 (\u0625\u0642\u0631\u0627\u0631)*\" required class=\"form-input mb-3\">\n                <input type=\"date\" name=\"application[declaration_date]\" placeholder=\"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0642\u0631\u0627\u0631*\" required class=\"form-input\">\n            <\/div>\n\n        <\/div>\n\n        <button type=\"submit\" class=\"w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-lg transition duration-200 shadow-xl transform hover:scale-[1.01]\">\n            \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\n        <\/button>\n    <\/form>\n<\/div>\n\n<!-- Tailwind CSS Setup (Must be included for styling) -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<style>\n    \/* Custom styles for better aesthetics *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap');\n    :root {\n        --form-input-padding: 0.75rem 1rem;\n        --form-input-border: 1px solid #d1d5db;\n        --form-input-focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.5); \/* blue-500 *\/\n    }\n\n    .job-app-root {\n        font-family: 'Inter', sans-serif;\n        max-width: 900px;\n        margin: 40px auto;\n        padding: 20px;\n    }\n    \n    .form-input {\n        padding: var(--form-input-padding);\n        border: var(--form-input-border);\n        border-radius: 0.5rem;\n        width: 100%;\n        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n        color: #374151; \/* gray-700 *\/\n        background-color: #ffffff; \/* Explicit white background *\/\n    }\n    .form-input:focus {\n        outline: none;\n        border-color: #3b82f6; \/* blue-500 *\/\n        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5); \/* Focus ring clearer *\/\n    }\n    .form-checkbox {\n        cursor: pointer;\n    }\n\n    \/* Style for the file input button (for better consistency) *\/\n    .form-input[type=\"file\"] {\n        padding: 0; \n        border: none;\n        background: none;\n    }\n    \/* Spinner style (ensuring visibility) *\/\n    .loading-overlay {\n        display: flex; \/* Ensures flex container behavior *\/\n    }\n\n<\/style>\n\n<script type=\"text\/javascript\">\n    \/\/ \u062c\u0644\u0628 \u0631\u0627\u0628\u0637 AJAX \u0645\u0646 PHP\n    const ajax_url = 'https:\/\/goffran.com\/wp-admin\/admin-ajax.php'; \n    const nonce_value = '4310a367b7';\n\n    \/\/ **\u0645\u0624\u0634\u0631 \u0625\u0639\u0627\u062f\u0629 \u062a\u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629**\n    let groupIndex = {\n        'education': 0, \n        'course': 0,\n        'experience': 0,\n        'reference': 0\n    };\n\n    \/**\n     * \u062f\u0627\u0644\u0629 \u0645\u0633\u0627\u0639\u062f\u0629 \u0644\u0625\u0646\u0634\u0627\u0621 \u0645\u062c\u0645\u0648\u0639\u0629 \u062d\u0642\u0648\u0644 \u062c\u062f\u064a\u062f\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629.\n     *\/\n    function createGroup(type, index) {\n        let html = '';\n        const baseName = type === 'education' ? 'details[education]' :\n                         type === 'course' ? 'details[training_courses]' :\n                         type === 'experience' ? 'details[work_experience]' :\n                         'details[references]';\n\n        \/\/ \u0627\u0633\u062a\u062e\u062f\u0627\u0645 SVG \u0644\u0632\u0631 \u0627\u0644\u062d\u0630\u0641 \u0644\u064a\u0643\u0648\u0646 \u0623\u0643\u062b\u0631 \u062c\u0645\u0627\u0644\u064a\u0629\n        const removeButton = `<button type=\"button\" onclick=\"removeGroup(this)\" class=\"absolute top-2 left-2 text-red-500 hover:text-red-700 transition duration-150 p-1 rounded-full bg-white shadow-lg hover:bg-red-50 z-10\" title=\"\u062d\u0630\u0641 \u0627\u0644\u062d\u0642\u0644\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm4 0a1 1 0 10-2 0v6a1 1 0 102 0V8z\" clip-rule=\"evenodd\" \/><\/svg>\n        <\/button>`;\n\n        switch(type) {\n            case 'education':\n                \/\/ \u062a\u0645 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0647\u0646\u0627\n                html = `\n                    <div class=\"group-field p-4 border-2 border-blue-300 rounded-lg relative bg-white shadow-md mb-3\" data-index=\"${index}\">\n                        ${removeButton}\n                        <h6 class=\"text-sm font-bold mb-3 text-blue-600 border-b pb-1\">\u0627\u0644\u0645\u0624\u0647\u0644 \u0627\u0644\u0639\u0644\u0645\u064a \u0631\u0642\u0645 ${index + 1}<\/h6>\n                        <div class=\"grid grid-cols-1 md:grid-cols-5 gap-3\">\n                            <input type=\"text\" name=\"${baseName}[${index}][qualification_type]\" placeholder=\"\u0646\u0648\u0639 \u0627\u0644\u0645\u0624\u0647\u0644\" class=\"form-input col-span-2\">\n                            <input type=\"text\" name=\"${baseName}[${index}][major]\" placeholder=\"\u0627\u0644\u062a\u062e\u0635\u0635\" class=\"form-input\">\n                            <input type=\"text\" name=\"${baseName}[${index}][gpa_or_rate]\" placeholder=\"\u0627\u0644\u0645\u0639\u062f\u0644\/\u0627\u0644\u062a\u0642\u062f\u064a\u0631\" class=\"form-input\">\n                            <input type=\"text\" name=\"${baseName}[${index}][graduation_year]\" placeholder=\"\u0633\u0646\u0629 \u0627\u0644\u062a\u062e\u0631\u062c\" class=\"form-input\">\n                            <input type=\"text\" name=\"${baseName}[${index}][school_university]\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u0629\/\u0627\u0644\u0645\u062f\u0631\u0633\u0629\" class=\"form-input col-span-5\">\n                        <\/div>\n                    <\/div>\n                `;\n                break;\n            case 'course':\n                \/\/ \u062a\u0645 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0647\u0646\u0627\n                html = `\n                    <div class=\"group-field p-4 border-2 border-gray-400 rounded-lg relative bg-white shadow-md mb-3\" data-index=\"${index}\">\n                        ${removeButton}\n                        <h6 class=\"text-sm font-bold mb-3 text-gray-700 border-b pb-1\">\u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0631\u0642\u0645 ${index + 1}<\/h6>\n                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-3\">\n                            <input type=\"text\" name=\"${baseName}[${index}][course_name]\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u062f\u0648\u0631\u0629\" class=\"form-input\">\n                            <input type=\"text\" name=\"${baseName}[${index}][course_location]\" placeholder=\"\u0645\u0643\u0627\u0646\u0647\u0627\" class=\"form-input\">\n                            <input type=\"text\" name=\"${baseName}[${index}][duration_and_date]\" placeholder=\"\u0627\u0644\u0645\u062f\u0629 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e\" class=\"form-input\">\n                        <\/div>\n                    <\/div>\n                `;\n                break;\n            case 'experience':\n                \/\/ \u062a\u0645 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0647\u0646\u0627\n                html = `\n                    <div class=\"group-field p-4 border-2 border-green-400 rounded-lg relative bg-white shadow-md mb-3\" data-index=\"${index}\">\n                        ${removeButton}\n                        <h6 class=\"text-sm font-bold mb-3 text-green-700 border-b pb-1\">\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0631\u0642\u0645 ${index + 1}<\/h6>\n                        <div class=\"grid grid-cols-1 md:grid-cols-4 gap-3\">\n                            <input type=\"text\" name=\"${baseName}[${index}][job_title]\" placeholder=\"\u0627\u0644\u0648\u0638\u064a\u0641\u0629\" class=\"form-input\">\n                            <input type=\"text\" name=\"${baseName}[${index}][company_name]\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629\" class=\"form-input\">\n                            <input type=\"number\" name=\"${baseName}[${index}][years_of_experience]\" placeholder=\"\u0633\u0646\u0648\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629\" min=\"1\" class=\"form-input\">\n                            <input type=\"date\" name=\"${baseName}[${index}][end_date]\" placeholder=\"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621\" class=\"form-input\">\n                        <\/div>\n                    <\/div>\n                `;\n                break;\n            case 'reference':\n                 \/\/ \u062a\u0645 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0647\u0646\u0627\n                 html = `\n                    <div class=\"group-field p-4 border-2 border-purple-400 rounded-lg relative bg-white shadow-md mb-3\" data-index=\"${index}\">\n                        ${removeButton}\n                        <h6 class=\"text-sm font-bold mb-3 text-purple-700 border-b pb-1\">\u0627\u0644\u0645\u0631\u062c\u0639 \u0631\u0642\u0645 ${index + 1}<\/h6>\n                        <div class=\"grid grid-cols-1 md:grid-cols-4 gap-3\">\n                            <input type=\"text\" name=\"${baseName}[${index}][reference_type]\" placeholder=\"\u0646\u0648\u0639 \u0627\u0644\u0645\u0631\u062c\u0639 (\u0645\u062f\u064a\u0631\/\u0632\u0645\u064a\u0644)\" class=\"form-input\">\n                            <input type=\"text\" name=\"${baseName}[${index}][full_name]\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" class=\"form-input\">\n                            <input type=\"tel\" name=\"${baseName}[${index}][phone_number]\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\" class=\"form-input\">\n                            <input type=\"text\" name=\"${baseName}[${index}][job_title]\" placeholder=\"\u0627\u0644\u0648\u0638\u064a\u0641\u0629\" class=\"form-input\">\n                        <\/div>\n                    <\/div>\n                `;\n                break;\n        }\n        return html;\n    }\n\n    \/**\n     * \u062f\u0627\u0644\u0629 \u0644\u0625\u0636\u0627\u0641\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u062d\u0642\u0648\u0644 \u062c\u062f\u064a\u062f\u0629 \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0624\u0634\u0631.\n     *\/\n    function addGroup(containerId, type) {\n        const container = document.getElementById(containerId);\n        const index = groupIndex[type];\n        container.insertAdjacentHTML('beforeend', createGroup(type, index));\n        groupIndex[type]++;\n        \/\/ \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0644\u0644\u062d\u0642\u0644 \u0627\u0644\u062c\u062f\u064a\u062f (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\n        container.lastElementChild.scrollIntoView({ behavior: 'smooth', block: 'end' });\n    }\n\n    \/**\n     * \u062f\u0627\u0644\u0629 \u0644\u0625\u0632\u0627\u0644\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u062d\u0642\u0648\u0644 \u0648\u0625\u0639\u0627\u062f\u0629 \u062a\u0631\u0642\u064a\u0645 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629.\n     *\/\n    function removeGroup(button) {\n        const groupField = button.closest('.group-field');\n        if (groupField) {\n            const container = groupField.parentNode;\n            groupField.remove();\n            reindexGroups(container.id);\n        }\n    }\n\n    \/**\n     * \u062f\u0627\u0644\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u062a\u0631\u0642\u064a\u0645 \u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0628\u0639\u062f \u0627\u0644\u062d\u0630\u0641.\n     *\/\n    function reindexGroups(containerId) {\n        const container = document.getElementById(containerId);\n        const type = containerId.includes('education') ? 'education' :\n                     containerId.includes('course') ? 'course' :\n                     containerId.includes('experience') ? 'experience' :\n                     'reference';\n        \n        let newIndex = 0;\n        const baseName = type === 'education' ? 'details[education]' :\n                         type === 'course' ? 'details[training_courses]' :\n                         type === 'experience' ? 'details[work_experience]' :\n                         'details[references]';\n\n        Array.from(container.querySelectorAll('.group-field')).forEach((groupField) => {\n            \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0624\u0634\u0631 \u0627\u0644\u062d\u0642\u0644\n            groupField.setAttribute('data-index', newIndex);\n            \n            \/\/ \u062a\u062d\u062f\u064a\u062b \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629\n            const title = groupField.querySelector('h6');\n            if(title) {\n                const titleText = (type === 'education' ? '\u0627\u0644\u0645\u0624\u0647\u0644 \u0627\u0644\u0639\u0644\u0645\u064a' : \n                                     type === 'course' ? '\u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629' : \n                                     type === 'experience' ? '\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629' : '\u0627\u0644\u0645\u0631\u062c\u0639');\n                title.textContent = `${titleText} \u0631\u0642\u0645 ${newIndex + 1}`;\n            }\n\n            \/\/ \u062a\u062d\u062f\u064a\u062b \u062e\u0627\u0635\u064a\u0629 'name' \u0644\u062c\u0645\u064a\u0639 \u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629\n            Array.from(groupField.querySelectorAll('input, select, textarea')).forEach(input => {\n                const oldName = input.getAttribute('name');\n                if (oldName) {\n                    \/\/ \u0627\u0633\u062a\u062e\u062f\u0627\u0645 regex \u0644\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0628\u064a\u0646 \u0627\u0644\u0623\u0642\u0648\u0627\u0633\n                    const newName = oldName.replace(\/\\[\\d+\\]\/, `[${newIndex}]`);\n                    input.setAttribute('name', newName);\n                }\n            });\n            newIndex++;\n        });\n\n        \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0624\u0634\u0631 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0639\u0627\u0645\n        groupIndex[type] = newIndex;\n    }\n\n\n    \/**\n     * \u062f\u0627\u0644\u0629 \u0644\u062a\u062d\u0648\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0625\u0644\u0649 \u0647\u064a\u0643\u0644 JSON \u0645\u0646\u0638\u0645.\n     * \u0647\u0630\u0647 \u0627\u0644\u062f\u0627\u0644\u0629 \u062a\u0642\u0648\u0645 \u0628\u0645\u0633\u062d \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0641\u0627\u0631\u063a\u0629 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u062d\u0642\u0648\u0644.\n     *\/\n    function serializeFormToJson(form) {\n        const elements = form.querySelectorAll('input, select, textarea');\n\n        const groups = {\n            'personal': {},\n            'application': {},\n            'details': {\n                'education': [],\n                'training_courses': [],\n                'work_experience': [],\n                'references': []\n            }\n        };\n\n        elements.forEach(element => {\n            if (!element.name || element.type === 'submit' || element.type === 'file') return;\n\n            let value = element.value.trim();\n            if (element.type === 'checkbox') {\n                value = element.checked ? element.value : 0;\n            } else if (value === '') {\n                \/\/ \u062a\u062c\u0627\u0647\u0644 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0646\u0635\u064a\u0629 \u0627\u0644\u0641\u0627\u0631\u063a\u0629 \u062a\u0645\u0627\u0645\u064b\u0627 \u0645\u0627 \u0644\u0645 \u062a\u0643\u0646 \u0645\u0637\u0644\u0648\u0628\u0629\n                return; \n            }\n\n            const match = element.name.match(\/(\\w+)\\[(\\w+)\\](?:\\[(\\d+)\\])?(?:\\[(\\w+)\\])?\/);\n            \n            if (match) {\n                const [fullMatch, section, key1, index, key2] = match;\n\n                \/\/ \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0641\u0631\u062f\u064a\u0629 (personal, application)\n                if (!index) {\n                    groups[section][key1] = value;\n                } \n                \/\/ \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629 (details[...])\n                else if (section === 'details') {\n                    if (!groups.details[key1][index]) {\n                        groups.details[key1][index] = {};\n                    }\n                    groups.details[key1][index][key2] = value;\n                }\n            }\n        });\n\n        \/\/ \u062a\u0646\u0638\u064a\u0641 \u0648\u062d\u0630\u0641 \u0627\u0644\u0641\u062c\u0648\u0627\u062a \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u062d\u0630\u0641 \u0627\u0644\u0635\u0641\u0648\u0641 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629 \u0623\u0648 \u0639\u062f\u0645 \u0645\u0644\u0626\u0647\u0627 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\n        const cleanupArray = (arr) => arr.filter(n => {\n            if (!n) return false;\n            \/\/ \u062a\u062d\u0642\u0642 \u0645\u0646 \u0623\u0646 \u0627\u0644\u0643\u0627\u0626\u0646 \u0644\u064a\u0633 \u0641\u0627\u0631\u063a\u0627\u064b (\u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644 \u0645\u0641\u062a\u0627\u062d \u0648\u0627\u062d\u062f \u0628\u0642\u064a\u0645\u0629 \u063a\u064a\u0631 \u0641\u0627\u0631\u063a\u0629)\n            return Object.values(n).some(val => val !== 0 && val !== '' && val !== null);\n        });\n\n        groups.details.education = cleanupArray(groups.details.education);\n        groups.details.training_courses = cleanupArray(groups.details.training_courses);\n        groups.details.work_experience = cleanupArray(groups.details.work_experience);\n        groups.details.references = cleanupArray(groups.details.references);\n        \n        return groups;\n    }\n\n\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ \u0627\u0644\u0645\u0624\u0647\u0644\u0627\u062a \u063a\u064a\u0631 \u0625\u0644\u0632\u0627\u0645\u064a\u0629 (\u0644\u0627 \u064a\u062a\u0645 \u0627\u0633\u062a\u062f\u0639\u0627\u0621 addGroup \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644)\n\n        const form = document.getElementById('job-application-form');\n        const messageBox = document.getElementById('message-box');\n        const loadingOverlay = document.getElementById('loading-overlay');\n\n        form.addEventListener('submit', function(e) {\n            e.preventDefault();\n            loadingOverlay.style.display = 'flex';\n            messageBox.style.display = 'none';\n\n            \/\/ 1. \u062a\u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0635\u064a\u0629 \u0625\u0644\u0649 JSON\n            const formDataJson = serializeFormToJson(form);\n            const formJsonString = JSON.stringify(formDataJson);\n            \n            \/\/ 2. \u0625\u0646\u0634\u0627\u0621 \u0643\u0627\u0626\u0646 FormData \u062c\u062f\u064a\u062f\n            const formData = new FormData();\n            \n            \/\/ 3. \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0635\u064a\u0629 \u0643\u062d\u0642\u0644 \u0648\u0627\u062d\u062f (form_data)\n            formData.append('form_data', formJsonString);\n            \n            \/\/ 4. \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0640 AJAX\n            formData.append('action', 'job_app_submission');\n            formData.append('job_app_nonce', nonce_value);\n\n            \/\/ 5. \u0625\u0636\u0627\u0641\u0629 \u0645\u0644\u0641 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629\n            const photoInput = document.getElementById('personal_photo');\n            if (photoInput && photoInput.files.length > 0) {\n                \/\/ 'personal_photo' \u0647\u0648 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0630\u064a \u0633\u064a\u0638\u0647\u0631 \u0641\u064a $_FILES \u0641\u064a PHP\n                formData.append('personal_photo', photoInput.files[0]); \n            }\n\n            \/\/ \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n            fetch(ajax_url, {\n                method: 'POST',\n                body: formData \/\/ \u0625\u0631\u0633\u0627\u0644 \u0643\u0627\u0626\u0646 FormData \u0645\u0628\u0627\u0634\u0631\u0629\n            })\n            .then(response => {\n                loadingOverlay.style.display = 'none';\n                return response.json();\n            })\n            .then(result => {\n                if (result.success) {\n                    \/\/ \u0641\u064a \u062d\u0627\u0644 \u0646\u062c\u0627\u062d \u0627\u0644\u0625\u0631\u0633\u0627\u0644\n                    messageBox.className = 'mb-4 p-4 rounded-lg text-white font-bold bg-green-500 shadow-md';\n                    messageBox.textContent = `\u2705 ${result.data.message || '\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d! \u0634\u0643\u0631\u0627\u064b \u0644\u0643.'}`;\n                    \n                    \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0648\u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\n                    form.reset(); \n                    document.getElementById('education-container').innerHTML = '';\n                    document.getElementById('course-container').innerHTML = '';\n                    document.getElementById('experience-container').innerHTML = '';\n                    document.getElementById('reference-container').innerHTML = '';\n                    groupIndex = { 'education': 0, 'course': 0, 'experience': 0, 'reference': 0 }; \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0645\u0624\u0634\u0631\n\n                } else {\n                    \/\/ \u0641\u064a \u062d\u0627\u0644 \u0641\u0634\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0645\u0646 \u0627\u0644\u0640 Plugin\n                    messageBox.className = 'mb-4 p-4 rounded-lg text-white font-bold bg-red-500 shadow-md';\n                    messageBox.textContent = `\u274c \u0641\u0634\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644: ${result.data.message || '\u062e\u0637\u0623 \u063a\u064a\u0631 \u0645\u0639\u0631\u0648\u0641 \u0645\u0646 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 (Plugin).'}`;\n                }\n                messageBox.style.display = 'block';\n                window.scrollTo({ top: 0, behavior: 'smooth' }); \n            })\n            .catch(error => {\n                loadingOverlay.style.display = 'none'; \n                messageBox.className = 'mb-4 p-4 rounded-lg text-white font-bold bg-red-500 shadow-md';\n                messageBox.textContent = '\u274c \u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a (\u062a\u0623\u0643\u062f \u0645\u0646 \u0625\u0639\u062f\u0627\u062f \u0631\u0627\u0628\u0637 AJAX \u0648\u0627\u0644\u0640 Plugin).';\n                messageBox.style.display = 'block';\n                console.error('AJAX Error:', error);\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            });\n        });\n    });\n<\/script>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":165,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-515","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goffran.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=515"}],"version-history":[{"count":1,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/515\/revisions"}],"predecessor-version":[{"id":516,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/515\/revisions\/516"}],"up":[{"embeddable":true,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/165"}],"wp:attachment":[{"href":"https:\/\/goffran.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}