Training Request Form - Turning Point Training Institute<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --magenta: #e91e63;\r\n --purple: #9c27b0;\r\n --indigo: #3f51b5;\r\n --dark-blue: #1a237e;\r\n --light-color: #f5f7fa;\r\n --text-color: #333;\r\n --border-radius: 8px;\r\n --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n --transition: all 0.3s ease;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Roboto', sans-serif;\r\n background-color: var(--light-color);\r\n color: var(--text-color);\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 800px;\r\n margin: 40px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .form-card {\r\n background-color: #fff;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--box-shadow);\r\n overflow: hidden;\r\n transition: var(--transition);\r\n }\r\n\r\n .form-card:hover {\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .header {\r\n background: linear-gradient(135deg, var(--magenta) 0%, var(--purple) 50%, var(--dark-blue) 100%);\r\n color: white;\r\n padding: 30px;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .header::before {\r\n content: '';\r\n position: absolute;\r\n top: 15px;\r\n left: 15px;\r\n width: 15px;\r\n height: 15px;\r\n background-color: var(--magenta);\r\n border-radius: 3px;\r\n }\r\n\r\n .header::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 15px;\r\n right: 15px;\r\n width: 15px;\r\n height: 15px;\r\n background-color: var(--dark-blue);\r\n border-radius: 3px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 28px;\r\n margin-bottom: 15px;\r\n font-weight: 500;\r\n }\r\n\r\n .header p {\r\n font-size: 16px;\r\n opacity: 0.9;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n .form-body {\r\n padding: 30px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: var(--dark-blue);\r\n }\r\n\r\n .form-control {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #ddd;\r\n border-radius: var(--border-radius);\r\n font-size: 16px;\r\n transition: var(--transition);\r\n font-family: 'Roboto', sans-serif;\r\n }\r\n\r\n .form-control:focus {\r\n border-color: var(--purple);\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(156, 39, 176, 0.2);\r\n }\r\n\r\n textarea.form-control {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .form-row {\r\n display: flex;\r\n gap: 20px;\r\n }\r\n\r\n .form-row .form-group {\r\n flex: 1;\r\n }\r\n\r\n select.form-control {\r\n cursor: pointer;\r\n }\r\n\r\n .btn {\r\n display: inline-block;\r\n padding: 12px 30px;\r\n background: linear-gradient(to right, var(--magenta), var(--purple));\r\n color: white;\r\n border: none;\r\n border-radius: var(--border-radius);\r\n font-size: 16px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n text-align: center;\r\n }\r\n\r\n .btn:hover {\r\n background: linear-gradient(to right, var(--purple), var(--indigo));\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .btn-block {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .btn-submit {\r\n margin-top: 10px;\r\n }\r\n\r\n .success-message {\r\n display: none;\r\n background-color: #4caf50;\r\n color: white;\r\n padding: 15px;\r\n border-radius: var(--border-radius);\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .error-message {\r\n display: none;\r\n background-color: var(--magenta);\r\n color: white;\r\n padding: 15px;\r\n border-radius: var(--border-radius);\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .required {\r\n color: var(--magenta);\r\n }\r\n\r\n .footer {\r\n text-align: center;\r\n padding: 20px;\r\n color: #7f8c8d;\r\n font-size: 14px;\r\n background-color: #f8f9fa;\r\n border-top: 1px solid #eee;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n margin: 20px auto;\r\n }\r\n\r\n .header {\r\n padding: 20px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 24px;\r\n }\r\n\r\n .header p {\r\n font-size: 14px;\r\n }\r\n\r\n .form-body {\r\n padding: 20px;\r\n }\r\n\r\n .form-row {\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n }\r\n\r\n .loading {\r\n display: none;\r\n text-align: center;\r\n margin-top: 20px;\r\n color: var(--purple);\r\n }\r\n\r\n .loading i {\r\n font-size: 24px;\r\n animation: spin 1s infinite linear;\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"form-card\">\r\n <div class=\"header\">\r\n <h1>Welcome to Turning Point Training Institute<\/h1>\r\n <p>This questionnaire aims to identify and determine the training needs of the participants. Please note that if you do not have clear training outcomes in mind, you can simply fill in the title or field of the course, and we will contact you to discuss the details. Thank you for your trust.<\/p>\r\n <\/div>\r\n \r\n <div class=\"form-body\">\r\n <div id=\"successMessage\" class=\"success-message\">\r\n <i class=\"fas fa-check-circle\"><\/i> Your training request has been submitted successfully! We'll contact you soon.\r\n <\/div>\r\n \r\n <div id=\"errorMessage\" class=\"error-message\">\r\n <i class=\"fas fa-exclamation-circle\"><\/i> <span id=\"errorText\">Please fill in all required fields.<\/span>\r\n <\/div>\r\n \r\n <form id=\"trainingRequestForm\" action=\"https:\/\/formspree.io\/f\/xnnzydzy\" method=\"POST\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"companyName\">Company \/ Organization Name <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"companyName\" name=\"companyName\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-control\" required>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"contactPerson\">Contact Person for Training Request <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"contactPerson\" name=\"contactPerson\" class=\"form-control\" placeholder=\"Full name and contact number\" required>\r\n <\/div>\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"trainingType\">Type of Training <span class=\"required\">*<\/span><\/label>\r\n <select id=\"trainingType\" name=\"trainingType\" class=\"form-control\" required>\r\n <option value=\"\">Select training type<\/option>\r\n <option value=\"short\">Short Training<\/option>\r\n <option value=\"long\">Long Training<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"trainingLanguage\">Preferred Training Language <span class=\"required\">*<\/span><\/label>\r\n <select id=\"trainingLanguage\" name=\"trainingLanguage\" class=\"form-control\" required>\r\n <option value=\"\">Select language<\/option>\r\n <option value=\"arabic\">\u0639\u0631\u0628\u064a<\/option>\r\n <option value=\"english\">\u0625\u0646\u062c\u0644\u064a\u0632\u064a<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"courseTitle\">Required \u0627\u0644\u062f\u0648\u0631\u0627\u062a Title <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"courseTitle\" name=\"courseTitle\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"trainingOutlines\">Main Expected Training Outlines <span class=\"required\">*<\/span><\/label>\r\n <textarea id=\"trainingOutlines\" name=\"trainingOutlines\" class=\"form-control\" placeholder=\"Please describe the main expected training outcomes and topics you'd like to cover...\" required><\/textarea>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"notes\">Important Notes (if any)<\/label>\r\n <textarea id=\"notes\" name=\"notes\" class=\"form-control\" placeholder=\"Any additional information or special requirements...\"><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn btn-block btn-submit\">Submit Training Request<\/button>\r\n \r\n <div class=\"loading\">\r\n <i class=\"fas fa-spinner\"><\/i> Processing your request...\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n \r\n <div class=\"footer\">\r\n \u00a9 2023 Turning Point Training Institute. All rights reserved.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const form = document.getElementById('trainingRequestForm');\r\n const successMessage = document.getElementById('successMessage');\r\n const errorMessage = document.getElementById('errorMessage');\r\n const errorText = document.getElementById('errorText');\r\n const loading = document.querySelector('.loading');\r\n \r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Reset messages\r\n successMessage.style.display = 'none';\r\n errorMessage.style.display = 'none';\r\n \r\n \/\/ Basic form validation\r\n if (!validateForm()) {\r\n errorMessage.style.display = 'block';\r\n errorText.textContent = 'Please fill in all required fields.';\r\n return;\r\n }\r\n \r\n \/\/ Show loading\r\n loading.style.display = 'block';\r\n \r\n \/\/ Submit form to Formspree\r\n const formData = new FormData(form);\r\n \r\n fetch(form.action, {\r\n method: 'POST',\r\n body: formData,\r\n headers: {\r\n 'Accept': 'application\/json'\r\n }\r\n })\r\n .then(response => {\r\n loading.style.display = 'none';\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n throw new Error('Network response was not ok.');\r\n }\r\n })\r\n .then(data => {\r\n \/\/ Show success message\r\n successMessage.style.display = 'block';\r\n form.reset();\r\n \r\n \/\/ Scroll to top to show success message\r\n window.scrollTo({\r\n top: 0,\r\n behavior: 'smooth'\r\n });\r\n })\r\n .catch(error => {\r\n \/\/ Show error message\r\n errorMessage.style.display = 'block';\r\n errorText.textContent = 'An error occurred while submitting your request. Please try again.';\r\n console.error('Form submission error:', error);\r\n });\r\n });\r\n \r\n function validateForm() {\r\n const requiredFields = form.querySelectorAll('[required]');\r\n let isValid = true;\r\n \r\n requiredFields.forEach(field => {\r\n if (!field.value.trim()) {\r\n isValid = false;\r\n field.style.borderColor = 'var(--magenta)';\r\n \r\n \/\/ Remove error styling on input\r\n field.addEventListener('input', function() {\r\n field.style.borderColor = '#ddd';\r\n }, { once: true });\r\n }\r\n });\r\n \r\n \/\/ Email validation\r\n const emailField = document.getElementById('email');\r\n const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n \r\n if (emailField.value && !emailPattern.test(emailField.value)) {\r\n isValid = false;\r\n emailField.style.borderColor = 'var(--magenta)';\r\n errorText.textContent = 'Please enter a valid email address.';\r\n \r\n emailField.addEventListener('input', function() {\r\n emailField.style.borderColor = '#ddd';\r\n }, { once: true });\r\n }\r\n \r\n return isValid;\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Training Request Form – Turning Point Training Institute Welcome to Turning Point Training Institute This questionnaire aims to identify and determine the training needs of the participants. Please note that if you do not have clear training outcomes in mind, you can simply fill in the title or field of the course, and we will…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-16989","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages\/16989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/comments?post=16989"}],"version-history":[{"count":0,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages\/16989\/revisions"}],"wp:attachment":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/media?parent=16989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Training Request Form - Turning Point Training Institute<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --magenta: #e91e63;\r\n --purple: #9c27b0;\r\n --indigo: #3f51b5;\r\n --dark-blue: #1a237e;\r\n --light-color: #f5f7fa;\r\n --text-color: #333;\r\n --border-radius: 8px;\r\n --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n --transition: all 0.3s ease;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Roboto', sans-serif;\r\n background-color: var(--light-color);\r\n color: var(--text-color);\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 800px;\r\n margin: 40px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .form-card {\r\n background-color: #fff;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--box-shadow);\r\n overflow: hidden;\r\n transition: var(--transition);\r\n }\r\n\r\n .form-card:hover {\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .header {\r\n background: linear-gradient(135deg, var(--magenta) 0%, var(--purple) 50%, var(--dark-blue) 100%);\r\n color: white;\r\n padding: 30px;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .header::before {\r\n content: '';\r\n position: absolute;\r\n top: 15px;\r\n left: 15px;\r\n width: 15px;\r\n height: 15px;\r\n background-color: var(--magenta);\r\n border-radius: 3px;\r\n }\r\n\r\n .header::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 15px;\r\n right: 15px;\r\n width: 15px;\r\n height: 15px;\r\n background-color: var(--dark-blue);\r\n border-radius: 3px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 28px;\r\n margin-bottom: 15px;\r\n font-weight: 500;\r\n }\r\n\r\n .header p {\r\n font-size: 16px;\r\n opacity: 0.9;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n .form-body {\r\n padding: 30px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: var(--dark-blue);\r\n }\r\n\r\n .form-control {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #ddd;\r\n border-radius: var(--border-radius);\r\n font-size: 16px;\r\n transition: var(--transition);\r\n font-family: 'Roboto', sans-serif;\r\n }\r\n\r\n .form-control:focus {\r\n border-color: var(--purple);\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(156, 39, 176, 0.2);\r\n }\r\n\r\n textarea.form-control {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .form-row {\r\n display: flex;\r\n gap: 20px;\r\n }\r\n\r\n .form-row .form-group {\r\n flex: 1;\r\n }\r\n\r\n select.form-control {\r\n cursor: pointer;\r\n }\r\n\r\n .btn {\r\n display: inline-block;\r\n padding: 12px 30px;\r\n background: linear-gradient(to right, var(--magenta), var(--purple));\r\n color: white;\r\n border: none;\r\n border-radius: var(--border-radius);\r\n font-size: 16px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n text-align: center;\r\n }\r\n\r\n .btn:hover {\r\n background: linear-gradient(to right, var(--purple), var(--indigo));\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .btn-block {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .btn-submit {\r\n margin-top: 10px;\r\n }\r\n\r\n .success-message {\r\n display: none;\r\n background-color: #4caf50;\r\n color: white;\r\n padding: 15px;\r\n border-radius: var(--border-radius);\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .error-message {\r\n display: none;\r\n background-color: var(--magenta);\r\n color: white;\r\n padding: 15px;\r\n border-radius: var(--border-radius);\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .required {\r\n color: var(--magenta);\r\n }\r\n\r\n .footer {\r\n text-align: center;\r\n padding: 20px;\r\n color: #7f8c8d;\r\n font-size: 14px;\r\n background-color: #f8f9fa;\r\n border-top: 1px solid #eee;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n margin: 20px auto;\r\n }\r\n\r\n .header {\r\n padding: 20px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 24px;\r\n }\r\n\r\n .header p {\r\n font-size: 14px;\r\n }\r\n\r\n .form-body {\r\n padding: 20px;\r\n }\r\n\r\n .form-row {\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n }\r\n\r\n .loading {\r\n display: none;\r\n text-align: center;\r\n margin-top: 20px;\r\n color: var(--purple);\r\n }\r\n\r\n .loading i {\r\n font-size: 24px;\r\n animation: spin 1s infinite linear;\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"form-card\">\r\n <div class=\"header\">\r\n <h1>Welcome to Turning Point Training Institute<\/h1>\r\n <p>This questionnaire aims to identify and determine the training needs of the participants. Please note that if you do not have clear training outcomes in mind, you can simply fill in the title or field of the course, and we will contact you to discuss the details. Thank you for your trust.<\/p>\r\n <\/div>\r\n \r\n <div class=\"form-body\">\r\n <div id=\"successMessage\" class=\"success-message\">\r\n <i class=\"fas fa-check-circle\"><\/i> Your training request has been submitted successfully! We'll contact you soon.\r\n <\/div>\r\n \r\n <div id=\"errorMessage\" class=\"error-message\">\r\n <i class=\"fas fa-exclamation-circle\"><\/i> <span id=\"errorText\">Please fill in all required fields.<\/span>\r\n <\/div>\r\n \r\n <form id=\"trainingRequestForm\" action=\"https:\/\/formspree.io\/f\/xnnzydzy\" method=\"POST\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"companyName\">Company \/ Organization Name <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"companyName\" name=\"companyName\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-control\" required>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"contactPerson\">Contact Person for Training Request <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"contactPerson\" name=\"contactPerson\" class=\"form-control\" placeholder=\"Full name and contact number\" required>\r\n <\/div>\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"trainingType\">Type of Training <span class=\"required\">*<\/span><\/label>\r\n <select id=\"trainingType\" name=\"trainingType\" class=\"form-control\" required>\r\n <option value=\"\">Select training type<\/option>\r\n <option value=\"short\">Short Training<\/option>\r\n <option value=\"long\">Long Training<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"trainingLanguage\">Preferred Training Language <span class=\"required\">*<\/span><\/label>\r\n <select id=\"trainingLanguage\" name=\"trainingLanguage\" class=\"form-control\" required>\r\n <option value=\"\">Select language<\/option>\r\n <option value=\"arabic\">\u0639\u0631\u0628\u064a<\/option>\r\n <option value=\"english\">\u0625\u0646\u062c\u0644\u064a\u0632\u064a<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"courseTitle\">Required \u0627\u0644\u062f\u0648\u0631\u0627\u062a Title <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"courseTitle\" name=\"courseTitle\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"trainingOutlines\">Main Expected Training Outlines <span class=\"required\">*<\/span><\/label>\r\n <textarea id=\"trainingOutlines\" name=\"trainingOutlines\" class=\"form-control\" placeholder=\"Please describe the main expected training outcomes and topics you'd like to cover...\" required><\/textarea>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"notes\">Important Notes (if any)<\/label>\r\n <textarea id=\"notes\" name=\"notes\" class=\"form-control\" placeholder=\"Any additional information or special requirements...\"><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn btn-block btn-submit\">Submit Training Request<\/button>\r\n \r\n <div class=\"loading\">\r\n <i class=\"fas fa-spinner\"><\/i> Processing your request...\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n \r\n <div class=\"footer\">\r\n \u00a9 2023 Turning Point Training Institute. All rights reserved.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const form = document.getElementById('trainingRequestForm');\r\n const successMessage = document.getElementById('successMessage');\r\n const errorMessage = document.getElementById('errorMessage');\r\n const errorText = document.getElementById('errorText');\r\n const loading = document.querySelector('.loading');\r\n \r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Reset messages\r\n successMessage.style.display = 'none';\r\n errorMessage.style.display = 'none';\r\n \r\n \/\/ Basic form validation\r\n if (!validateForm()) {\r\n errorMessage.style.display = 'block';\r\n errorText.textContent = 'Please fill in all required fields.';\r\n return;\r\n }\r\n \r\n \/\/ Show loading\r\n loading.style.display = 'block';\r\n \r\n \/\/ Submit form to Formspree\r\n const formData = new FormData(form);\r\n \r\n fetch(form.action, {\r\n method: 'POST',\r\n body: formData,\r\n headers: {\r\n 'Accept': 'application\/json'\r\n }\r\n })\r\n .then(response => {\r\n loading.style.display = 'none';\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n throw new Error('Network response was not ok.');\r\n }\r\n })\r\n .then(data => {\r\n \/\/ Show success message\r\n successMessage.style.display = 'block';\r\n form.reset();\r\n \r\n \/\/ Scroll to top to show success message\r\n window.scrollTo({\r\n top: 0,\r\n behavior: 'smooth'\r\n });\r\n })\r\n .catch(error => {\r\n \/\/ Show error message\r\n errorMessage.style.display = 'block';\r\n errorText.textContent = 'An error occurred while submitting your request. Please try again.';\r\n console.error('Form submission error:', error);\r\n });\r\n });\r\n \r\n function validateForm() {\r\n const requiredFields = form.querySelectorAll('[required]');\r\n let isValid = true;\r\n \r\n requiredFields.forEach(field => {\r\n if (!field.value.trim()) {\r\n isValid = false;\r\n field.style.borderColor = 'var(--magenta)';\r\n \r\n \/\/ Remove error styling on input\r\n field.addEventListener('input', function() {\r\n field.style.borderColor = '#ddd';\r\n }, { once: true });\r\n }\r\n });\r\n \r\n \/\/ Email validation\r\n const emailField = document.getElementById('email');\r\n const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n \r\n if (emailField.value && !emailPattern.test(emailField.value)) {\r\n isValid = false;\r\n emailField.style.borderColor = 'var(--magenta)';\r\n errorText.textContent = 'Please enter a valid email address.';\r\n \r\n emailField.addEventListener('input', function() {\r\n emailField.style.borderColor = '#ddd';\r\n }, { once: true });\r\n }\r\n \r\n return isValid;\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Training Request Form – Turning Point Training Institute Welcome to Turning Point Training Institute This questionnaire aims to identify and determine the training needs of the participants. Please note that if you do not have clear training outcomes in mind, you can simply fill in the title or field of the course, and we will…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-16989","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages\/16989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/comments?post=16989"}],"version-history":[{"count":0,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages\/16989\/revisions"}],"wp:attachment":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/media?parent=16989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}