{"id":12299,"date":"2025-03-20T11:45:01","date_gmt":"2025-03-20T11:45:01","guid":{"rendered":"https:\/\/ejourney.sa\/?page_id=12299"},"modified":"2025-08-02T01:04:59","modified_gmt":"2025-08-02T01:04:59","slug":"flight","status":"publish","type":"page","link":"https:\/\/ejourney.sa\/ar\/passengers-information\/flight\/","title":{"rendered":"\u0637\u064a\u0631\u0627\u0646"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12299\" class=\"elementor elementor-12299\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d085a2 e-flex e-con-boxed e-con e-parent\" data-id=\"1d085a2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a4f8ce elementor-widget elementor-widget-metform\" data-id=\"2a4f8ce\" data-element_type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"mf-response-props-id-12301\" data-previous-steps-style=\"\" data-editswitchopen=\"\" data-response_type=\"alert\" data-erroricon=\"fas fa-exclamation-triangle\" data-successicon=\"fas fa-check\" data-messageposition=\"top\" class=\"mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"12301\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-2a4f8ce-12301\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"12301\"\r\n\t\t\tdata-action=\"https:\/\/ejourney.sa\/ar\/wp-json\/metform\/v1\/entries\/insert\/12301\"\r\n\t\t\tdata-wp-nonce=\"c46acaf85a\"\r\n\t\t\tdata-form-nonce=\"0f48f7cae9\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-12301\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"12301\" className=\"elementor elementor-12301\" data-elementor-post-type=\"metform-form\">\n\t\t\t\t<div className=\"elementor-element elementor-element-0ab6c6a e-flex e-con-boxed e-con e-parent\" data-id=\"0ab6c6a\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-63be2b1 elementor-widget elementor-widget-html\" data-id=\"63be2b1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t${(function(){\n\/\/ Select the target node\nconst targetNode = document.querySelector('.mf_select__single-value.css-1uccc91-singleValue');\nconst person1Ele = document.querySelector('#person1');\nconst person2Ele = document.querySelector('#person2');\nconst person3Ele = document.querySelector('#person3');\nconst person4Ele = document.querySelector('#person4');\nconst person5Ele = document.querySelector('#person5');\n\n\/\/ Check if the targetNode exists\nif (targetNode) {\n    const observer = new MutationObserver((mutationsList, observer) => {\n        for (let mutation of mutationsList) {\n            if (mutation.type === 'childList' || mutation.type === 'characterData') {\n                const newValue = mutation.target.textContent;\n\n                \/\/ Hide all\n                person1Ele.style.display = 'none';\n                person2Ele.style.display = 'none';\n                person3Ele.style.display = 'none';\n                person4Ele.style.display = 'none';\n                person5Ele.style.display = 'none';\n\n                \/\/ Show based on value\n                if (newValue >= '1') person1Ele.style.display = 'block';\n                if (newValue >= '2') person2Ele.style.display = 'block';\n                if (newValue >= '3') person3Ele.style.display = 'block';\n                if (newValue >= '4') person4Ele.style.display = 'block';\n                if (newValue >= '5') person5Ele.style.display = 'block';\n\n                observer.disconnect();\n                break;\n            }\n        }\n    });\n\n    observer.observe(targetNode, { childList: true, subtree: true, characterData: true });\n} else {\n    console.error('The target element was not found.');\n}\n})()}\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-42676bd elementor-widget elementor-widget-heading\" data-id=\"42676bd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t<h2 className=\"elementor-heading-title elementor-size-default\"><span style=${{ 'font-weight': 'normal', }}>Traveler Information<\/span>\n<span style=${{ 'font-weight': 'normal', }}>\"<\/span>\n<span style=${{ 'color': 'red', }}>In English<\/span>\n<span style=${{ 'font-weight': 'normal', }}>\"<\/span>\n<span style=${{ 'font-weight': 'normal', }}>Matching the original document<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-4b52ce8 elementor-widget elementor-widget-mf-text\" data-id=\"4b52ce8\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;booking-number&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-4b52ce8\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Booking Number`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-4b52ce8\"\r\n\t\t\t\tname=\"booking-number\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['booking-number'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":6,\"type\":\"by_character_length\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"booking-number\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-1e4deb3 elementor-widget elementor-widget-mf-select\" data-id=\"1e4deb3\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-Number_of_people&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;1&quot;,&quot;mf_input_option_value&quot;:&quot;1&quot;,&quot;_id&quot;:&quot;8174e31&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;2&quot;,&quot;mf_input_option_value&quot;:&quot;2&quot;,&quot;_id&quot;:&quot;f13d50d&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;3&quot;,&quot;mf_input_option_value&quot;:&quot;3&quot;,&quot;_id&quot;:&quot;24b2aaa&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;4&quot;,&quot;mf_input_option_value&quot;:&quot;4&quot;,&quot;_id&quot;:&quot;069b96c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;5&quot;,&quot;mf_input_option_value&quot;:&quot;5&quot;,&quot;_id&quot;:&quot;e1406e0&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-1e4deb3\">\n\t\t\t\t\t${ parent.decodeEntities(`Number of People`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-Number_of_people'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-Number_of_people\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"1\",\"value\":\"1\",\"isDisabled\":false},{\"label\":\"2\",\"value\":\"2\",\"isDisabled\":false},{\"label\":\"3\",\"value\":\"3\",\"isDisabled\":false},{\"label\":\"4\",\"value\":\"4\",\"isDisabled\":false},{\"label\":\"5\",\"value\":\"5\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-Number_of_people\") ? [{\"label\":\"1\",\"value\":\"1\",\"isDisabled\":false},{\"label\":\"2\",\"value\":\"2\",\"isDisabled\":false},{\"label\":\"3\",\"value\":\"3\",\"isDisabled\":false},{\"label\":\"4\",\"value\":\"4\",\"isDisabled\":false},{\"label\":\"5\",\"value\":\"5\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-Number_of_people\"))[0] : {\"label\":\"1\",\"value\":\"1\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-Number_of_people\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-Number_of_people\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true}));\n                    if ( parent.getValue(\"mf-Number_of_people\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'mf-Number_of_people', '1', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-Number_of_people',\n                                value: '1'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-Number_of_people\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-27e6e49 e-grid e-con-boxed e-con e-parent\" data-id=\"27e6e49\" data-element_type=\"container\" id=\"person1\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-60ffa20 elementor-widget elementor-widget-heading\" data-id=\"60ffa20\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t<h2 className=\"elementor-heading-title elementor-size-default\">First Passenger<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-e97f043 elementor-widget elementor-widget-mf-text\" data-id=\"e97f043\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-first-name-1&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-e97f043\">\r\n\t\t\t\t\t${ parent.decodeEntities(`First Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-e97f043\"\r\n\t\t\t\tname=\"mf-first-name-1\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-first-name-1'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-first-name-1\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-fe8fe78 elementor-widget elementor-widget-mf-text\" data-id=\"fe8fe78\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-last-name-1&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-fe8fe78\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Last Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-fe8fe78\"\r\n\t\t\t\tname=\"mf-last-name-1\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-last-name-1'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-last-name-1\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-1b04fdb elementor-widget elementor-widget-mf-telephone\" data-id=\"1b04fdb\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-Mobile-1&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-1b04fdb\">\n\t\t\t\t\t${ parent.decodeEntities(`Mobile`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-1b04fdb\" \n\t\t\t\tname=\"mf-Mobile-1\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-Mobile-1'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":9,\"maxLength\":15,\"type\":\"by_character_length\",\"required\":true,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-Mobile-1\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-9a312c9 elementor-widget elementor-widget-mf-date\" data-id=\"9a312c9\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-DOB-1&quot;}\" data-widget_type=\"mf-date.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-date-9a312c9\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Date Of Birth`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<${props.Flatpickr}\r\n\t\t\t\t\tname=\"mf-DOB-1\"\r\n\t\t\t\t\tclassName=\"mf-input mf-date-input mf-left-parent  \"\r\n\t\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\toptions=${{\"minDate\":\"\",\"maxDate\":\"2035-02-01\",\"dateFormat\":\"Y-m-d\",\"enableTime\":\"\",\"disable\":[\"2025-05-01\"],\"mode\":\"single\",\"static\":true,\"disableMobile\":true,\"time_24hr\":false}}\r\n\t\t\t\t\tvalue=${parent.getValue('mf-DOB-1')}\r\n\t\t\t\t\tonInput=${parent.handleDateTime}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-DOB-1'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => props.DateWidget(\r\n\t\t\t\t\t\t\tel, \r\n\t\t\t\t\t\t\t'', \r\n\t\t\t\t\t\t\t{\"message\":\"This field is required.\",\"required\":true},  \r\n\t\t\t\t\t\t\tregister, \r\n\t\t\t\t\t\t\tparent \r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-DOB-1\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-478a8c5 elementor-widget elementor-widget-mf-select\" data-id=\"478a8c5\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-document-type-1&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;National ID&quot;,&quot;mf_input_option_value&quot;:&quot;National ID&quot;,&quot;_id&quot;:&quot;2f9950f&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Iqama&quot;,&quot;mf_input_option_value&quot;:&quot;Iqama&quot;,&quot;_id&quot;:&quot;18cb84c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Passport&quot;,&quot;mf_input_option_value&quot;:&quot;Passport&quot;,&quot;_id&quot;:&quot;38ae1e1&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-478a8c5\">\n\t\t\t\t\t${ parent.decodeEntities(`Document Type`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-document-type-1'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-document-type-1\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false},{\"label\":\"Iqama\",\"value\":\"Iqama\",\"isDisabled\":false},{\"label\":\"Passport\",\"value\":\"Passport\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-document-type-1\") ? [{\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false},{\"label\":\"Iqama\",\"value\":\"Iqama\",\"isDisabled\":false},{\"label\":\"Passport\",\"value\":\"Passport\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-document-type-1\"))[0] : {\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-document-type-1\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-document-type-1\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true}));\n                    if ( parent.getValue(\"mf-document-type-1\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'mf-document-type-1', 'National ID', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-document-type-1',\n                                value: 'National ID'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-document-type-1\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-6b7a67b elementor-widget elementor-widget-mf-select\" data-id=\"6b7a67b\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-select-nationality&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Saudi Arabia&quot;,&quot;mf_input_option_value&quot;:&quot;Saudi Arabia&quot;,&quot;_id&quot;:&quot;2f9950f&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Egyptian&quot;,&quot;mf_input_option_value&quot;:&quot;Egyptian&quot;,&quot;_id&quot;:&quot;18cb84c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Yemeni&quot;,&quot;mf_input_option_value&quot;:&quot;Yemeni&quot;,&quot;_id&quot;:&quot;38ae1e1&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;3761fe3&quot;,&quot;mf_input_option_text&quot;:&quot;Syrian&quot;,&quot;mf_input_option_value&quot;:&quot;Syrian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;dda0e2d&quot;,&quot;mf_input_option_text&quot;:&quot;Jordanian&quot;,&quot;mf_input_option_value&quot;:&quot;Jordanian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;cccf344&quot;,&quot;mf_input_option_text&quot;:&quot;Palestinian&quot;,&quot;mf_input_option_value&quot;:&quot;Palestinian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;6f4b7db&quot;,&quot;mf_input_option_text&quot;:&quot;Morocco&quot;,&quot;mf_input_option_value&quot;:&quot;Morocco&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;e2d9b80&quot;,&quot;mf_input_option_text&quot;:&quot;Algeria&quot;,&quot;mf_input_option_value&quot;:&quot;Algeria&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-6b7a67b\">\n\t\t\t\t\t${ parent.decodeEntities(`Nationality`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-select-nationality'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-select-nationality\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false},{\"label\":\"Egyptian\",\"value\":\"Egyptian\",\"isDisabled\":false},{\"label\":\"Yemeni\",\"value\":\"Yemeni\",\"isDisabled\":false},{\"label\":\"Syrian\",\"value\":\"Syrian\",\"isDisabled\":false},{\"label\":\"Jordanian\",\"value\":\"Jordanian\",\"isDisabled\":false},{\"label\":\"Palestinian\",\"value\":\"Palestinian\",\"isDisabled\":false},{\"label\":\"Morocco\",\"value\":\"Morocco\",\"isDisabled\":false},{\"label\":\"Algeria\",\"value\":\"Algeria\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-select-nationality\") ? [{\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false},{\"label\":\"Egyptian\",\"value\":\"Egyptian\",\"isDisabled\":false},{\"label\":\"Yemeni\",\"value\":\"Yemeni\",\"isDisabled\":false},{\"label\":\"Syrian\",\"value\":\"Syrian\",\"isDisabled\":false},{\"label\":\"Jordanian\",\"value\":\"Jordanian\",\"isDisabled\":false},{\"label\":\"Palestinian\",\"value\":\"Palestinian\",\"isDisabled\":false},{\"label\":\"Morocco\",\"value\":\"Morocco\",\"isDisabled\":false},{\"label\":\"Algeria\",\"value\":\"Algeria\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-select-nationality\"))[0] : {\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-select-nationality\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-select-nationality\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true}));\n                    if ( parent.getValue(\"mf-select-nationality\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'mf-select-nationality', 'Saudi Arabia', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-select-nationality',\n                                value: 'Saudi Arabia'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-select-nationality\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-e7f8d6d elementor-widget elementor-widget-mf-text\" data-id=\"e7f8d6d\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-id-number-1&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-e7f8d6d\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Document Number`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-e7f8d6d\"\r\n\t\t\t\tname=\"mf-id-number-1\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-id-number-1'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-id-number-1\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-1b68788 elementor-widget elementor-widget-mf-text\" data-id=\"1b68788\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-id-Expiry-1&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-1b68788\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Passport Expiry`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-1b68788\"\r\n\t\t\t\tname=\"mf-id-Expiry-1\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-id-Expiry-1'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-id-Expiry-1\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-94f2277 elementor-widget elementor-widget-mf-file-upload\" data-id=\"94f2277\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-file-upload-1&quot;}\" data-widget_type=\"mf-file-upload.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-file-upload-94f2277\">\r\n\t\t\t\t\t${ parent.decodeEntities(`ID Upload `) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<div className=\"mf-file-upload-container multi-option-input-type\">\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\tclassName=\"mf-input mf-input-file-upload \"\r\n\t\t\t\t\tid=\"mf-input-file-upload-94f2277\" \r\n\t\t\t\t\tname=\"mf-file-upload-1\" \r\n\t\t\t\t\tmultiple\t\t\t\t\taccept=\".jpg, .jpeg, .gif, .png, .pdf\"\r\n\t\t\t\t\tonInput=${ parent.handleFileUpload }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-file-upload-1'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"required\":false,\"file_types\":[\".jpg\",\".jpeg\",\".gif\",\".png\",\".pdf\"],\"type_message\":\"Invalid file extension\",\"size_limit\":-1,\"limit_message\":\"This field is required.\"}, el) }\r\n\t\t\t\t\t\/>\r\n\t\t\t\t<label htmlFor=\"mf-input-file-upload-94f2277\" className=\"mf-input-file-upload-label metform-btn\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Choose a file`) } <\/span><svg aria-hidden=\"true\" className=\"e-font-icon-svg e-far-id-card\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 400H303.2c.9-4.5.8 3.6.8-22.4 0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6 0 26-.2 17.9.8 22.4H48V144h480v288zm-168-80h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm-168 96c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z\"><\/path><\/svg>\t\t\t\t<\/label>\r\n\t\t\t\t<div className=\"mf-file-name\">\r\n\t\t\t\t\t${\r\n\t\t\t\t\t\t(parent.state.formData['mf-file-upload-1'] || []).length > 0\r\n\t\t\t\t\t\t? parent.state.formData['mf-file-upload-1'].map((file, idx) => html`\r\n\t\t\t\t\t\t\t<span className=\"mf-file-name-item\" key=${idx}>\r\n\t\t\t\t\t\t\t\t<span>${file.name}<\/span>\r\n\t\t\t\t\t\t\t\t<span \r\n\t\t\t\t\t\t\t\t\tclassName=\"mf-file-remove\" \r\n\t\t\t\t\t\t\t\t\tonClick=${() => parent.removeUploadedFile('mf-file-upload-1', idx)}\r\n\t\t\t\t\t\t\t\t\ttitle=\"Remove\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<label className=\"mf-file-cross\">\u00d7<\/label>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t`)\r\n\t\t\t\t\t\t: html`<span>${parent.getFileLabel('mf-file-upload-1', 'No file chosen.')}<\/span>`\r\n\t\t\t\t\t}\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-file-upload-1\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-29a1552 e-grid e-con-boxed e-con e-parent\" data-id=\"29a1552\" data-element_type=\"container\" id=\"person2\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-78f9d99 elementor-widget elementor-widget-heading\" data-id=\"78f9d99\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t<h2 className=\"elementor-heading-title elementor-size-default\">Second Passenger<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-09c910b elementor-widget elementor-widget-mf-text\" data-id=\"09c910b\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-first-name-2&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-09c910b\">\r\n\t\t\t\t\t${ parent.decodeEntities(`First Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-09c910b\"\r\n\t\t\t\tname=\"mf-first-name-2\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-first-name-2'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-first-name-2\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-85aacfe elementor-widget elementor-widget-mf-text\" data-id=\"85aacfe\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-last-name-2&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-85aacfe\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Last Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-85aacfe\"\r\n\t\t\t\tname=\"mf-last-name-2\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-last-name-2'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-last-name-2\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-b653987 elementor-widget elementor-widget-mf-telephone\" data-id=\"b653987\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-Mobile-2&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-b653987\">\n\t\t\t\t\t${ parent.decodeEntities(`Mobile`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-b653987\" \n\t\t\t\tname=\"mf-Mobile-2\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-Mobile-2'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":9,\"maxLength\":15,\"type\":\"by_character_length\",\"required\":false,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-Mobile-2\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-acdad13 elementor-widget elementor-widget-mf-date\" data-id=\"acdad13\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-DOB-2&quot;}\" data-widget_type=\"mf-date.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-date-acdad13\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Date Of Birth`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<${props.Flatpickr}\r\n\t\t\t\t\tname=\"mf-DOB-2\"\r\n\t\t\t\t\tclassName=\"mf-input mf-date-input mf-left-parent  \"\r\n\t\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\toptions=${{\"minDate\":\"\",\"maxDate\":\"2035-02-01\",\"dateFormat\":\"Y-m-d\",\"enableTime\":\"\",\"disable\":[\"2025-05-01\"],\"mode\":\"single\",\"static\":true,\"disableMobile\":true,\"time_24hr\":false}}\r\n\t\t\t\t\tvalue=${parent.getValue('mf-DOB-2')}\r\n\t\t\t\t\tonInput=${parent.handleDateTime}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-DOB-2'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => props.DateWidget(\r\n\t\t\t\t\t\t\tel, \r\n\t\t\t\t\t\t\t'', \r\n\t\t\t\t\t\t\t{\"message\":\"This field is required.\",\"required\":false},  \r\n\t\t\t\t\t\t\tregister, \r\n\t\t\t\t\t\t\tparent \r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-DOB-2\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-c09273c elementor-widget elementor-widget-mf-select\" data-id=\"c09273c\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-document-type-2&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;National ID&quot;,&quot;mf_input_option_value&quot;:&quot;National ID&quot;,&quot;_id&quot;:&quot;2f9950f&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Iqama&quot;,&quot;mf_input_option_value&quot;:&quot;Iqama&quot;,&quot;_id&quot;:&quot;18cb84c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Passport&quot;,&quot;mf_input_option_value&quot;:&quot;Passport&quot;,&quot;_id&quot;:&quot;38ae1e1&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-c09273c\">\n\t\t\t\t\t${ parent.decodeEntities(`Document Type`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-document-type-2'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-document-type-2\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false},{\"label\":\"Iqama\",\"value\":\"Iqama\",\"isDisabled\":false},{\"label\":\"Passport\",\"value\":\"Passport\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-document-type-2\") ? [{\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false},{\"label\":\"Iqama\",\"value\":\"Iqama\",\"isDisabled\":false},{\"label\":\"Passport\",\"value\":\"Passport\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-document-type-2\"))[0] : {\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-document-type-2\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-document-type-2\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"mf-document-type-2\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'mf-document-type-2', 'National ID', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-document-type-2',\n                                value: 'National ID'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-document-type-2\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-154d56b elementor-widget elementor-widget-mf-select\" data-id=\"154d56b\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;Nationality-2&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Saudi Arabia&quot;,&quot;mf_input_option_value&quot;:&quot;Saudi Arabia&quot;,&quot;_id&quot;:&quot;2f9950f&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Egyptian&quot;,&quot;mf_input_option_value&quot;:&quot;Egyptian&quot;,&quot;_id&quot;:&quot;18cb84c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Yemeni&quot;,&quot;mf_input_option_value&quot;:&quot;Yemeni&quot;,&quot;_id&quot;:&quot;38ae1e1&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;3761fe3&quot;,&quot;mf_input_option_text&quot;:&quot;Syrian&quot;,&quot;mf_input_option_value&quot;:&quot;Syrian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;dda0e2d&quot;,&quot;mf_input_option_text&quot;:&quot;Jordanian&quot;,&quot;mf_input_option_value&quot;:&quot;Jordanian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;cccf344&quot;,&quot;mf_input_option_text&quot;:&quot;Palestinian&quot;,&quot;mf_input_option_value&quot;:&quot;Palestinian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;916dae0&quot;,&quot;mf_input_option_text&quot;:&quot;Morocco&quot;,&quot;mf_input_option_value&quot;:&quot;Morocco&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;9f5ac38&quot;,&quot;mf_input_option_text&quot;:&quot;Algeria&quot;,&quot;mf_input_option_value&quot;:&quot;Algeria&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-154d56b\">\n\t\t\t\t\t${ parent.decodeEntities(`Nationality`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['Nationality-2'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"Nationality-2\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false},{\"label\":\"Egyptian\",\"value\":\"Egyptian\",\"isDisabled\":false},{\"label\":\"Yemeni\",\"value\":\"Yemeni\",\"isDisabled\":false},{\"label\":\"Syrian\",\"value\":\"Syrian\",\"isDisabled\":false},{\"label\":\"Jordanian\",\"value\":\"Jordanian\",\"isDisabled\":false},{\"label\":\"Palestinian\",\"value\":\"Palestinian\",\"isDisabled\":false},{\"label\":\"Morocco\",\"value\":\"Morocco\",\"isDisabled\":false},{\"label\":\"Algeria\",\"value\":\"Algeria\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"Nationality-2\") ? [{\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false},{\"label\":\"Egyptian\",\"value\":\"Egyptian\",\"isDisabled\":false},{\"label\":\"Yemeni\",\"value\":\"Yemeni\",\"isDisabled\":false},{\"label\":\"Syrian\",\"value\":\"Syrian\",\"isDisabled\":false},{\"label\":\"Jordanian\",\"value\":\"Jordanian\",\"isDisabled\":false},{\"label\":\"Palestinian\",\"value\":\"Palestinian\",\"isDisabled\":false},{\"label\":\"Morocco\",\"value\":\"Morocco\",\"isDisabled\":false},{\"label\":\"Algeria\",\"value\":\"Algeria\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"Nationality-2\"))[0] : {\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"Nationality-2\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"Nationality-2\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"Nationality-2\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'Nationality-2', 'Saudi Arabia', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'Nationality-2',\n                                value: 'Saudi Arabia'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"Nationality-2\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-9282b28 elementor-widget elementor-widget-mf-text\" data-id=\"9282b28\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-id-number-2&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-9282b28\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Document Number`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-9282b28\"\r\n\t\t\t\tname=\"mf-id-number-2\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-id-number-2'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-id-number-2\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-0d8e9f2 elementor-widget elementor-widget-mf-text\" data-id=\"0d8e9f2\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-id-Expiry-2&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-0d8e9f2\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Passport Expiry`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-0d8e9f2\"\r\n\t\t\t\tname=\"mf-id-Expiry-2\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-id-Expiry-2'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-id-Expiry-2\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-1418ed5 elementor-widget elementor-widget-mf-file-upload\" data-id=\"1418ed5\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-file-upload-2&quot;}\" data-widget_type=\"mf-file-upload.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-file-upload-1418ed5\">\r\n\t\t\t\t\t${ parent.decodeEntities(`ID Upload `) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<div className=\"mf-file-upload-container multi-option-input-type\">\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\tclassName=\"mf-input mf-input-file-upload \"\r\n\t\t\t\t\tid=\"mf-input-file-upload-1418ed5\" \r\n\t\t\t\t\tname=\"mf-file-upload-2\" \r\n\t\t\t\t\tmultiple\t\t\t\t\taccept=\".jpg, .jpeg, .gif, .png, .pdf\"\r\n\t\t\t\t\tonInput=${ parent.handleFileUpload }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-file-upload-2'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"required\":false,\"file_types\":[\".jpg\",\".jpeg\",\".gif\",\".png\",\".pdf\"],\"type_message\":\"Invalid file extension\",\"size_limit\":-1,\"limit_message\":\"This field is required.\"}, el) }\r\n\t\t\t\t\t\/>\r\n\t\t\t\t<label htmlFor=\"mf-input-file-upload-1418ed5\" className=\"mf-input-file-upload-label metform-btn\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Choose a file`) } <\/span><svg aria-hidden=\"true\" className=\"e-font-icon-svg e-far-id-card\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 400H303.2c.9-4.5.8 3.6.8-22.4 0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6 0 26-.2 17.9.8 22.4H48V144h480v288zm-168-80h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm-168 96c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z\"><\/path><\/svg>\t\t\t\t<\/label>\r\n\t\t\t\t<div className=\"mf-file-name\">\r\n\t\t\t\t\t${\r\n\t\t\t\t\t\t(parent.state.formData['mf-file-upload-2'] || []).length > 0\r\n\t\t\t\t\t\t? parent.state.formData['mf-file-upload-2'].map((file, idx) => html`\r\n\t\t\t\t\t\t\t<span className=\"mf-file-name-item\" key=${idx}>\r\n\t\t\t\t\t\t\t\t<span>${file.name}<\/span>\r\n\t\t\t\t\t\t\t\t<span \r\n\t\t\t\t\t\t\t\t\tclassName=\"mf-file-remove\" \r\n\t\t\t\t\t\t\t\t\tonClick=${() => parent.removeUploadedFile('mf-file-upload-2', idx)}\r\n\t\t\t\t\t\t\t\t\ttitle=\"Remove\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<label className=\"mf-file-cross\">\u00d7<\/label>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t`)\r\n\t\t\t\t\t\t: html`<span>${parent.getFileLabel('mf-file-upload-2', 'No file chosen.')}<\/span>`\r\n\t\t\t\t\t}\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-file-upload-2\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-96dffa0 e-grid e-con-boxed e-con e-parent\" data-id=\"96dffa0\" data-element_type=\"container\" id=\"person3\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-982e5e1 elementor-widget elementor-widget-heading\" data-id=\"982e5e1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t<h2 className=\"elementor-heading-title elementor-size-default\">Third Passenger<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-705554f elementor-widget elementor-widget-mf-text\" data-id=\"705554f\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-first-name-3&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-705554f\">\r\n\t\t\t\t\t${ parent.decodeEntities(`First Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-705554f\"\r\n\t\t\t\tname=\"mf-first-name-3\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-first-name-3'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-first-name-3\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-141e45f elementor-widget elementor-widget-mf-text\" data-id=\"141e45f\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-last-name-3&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-141e45f\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Last Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-141e45f\"\r\n\t\t\t\tname=\"mf-last-name-3\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-last-name-3'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-last-name-3\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-4a9dae5 elementor-widget elementor-widget-mf-telephone\" data-id=\"4a9dae5\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-Mobile-3&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-4a9dae5\">\n\t\t\t\t\t${ parent.decodeEntities(`Mobile`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-4a9dae5\" \n\t\t\t\tname=\"mf-Mobile-3\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-Mobile-3'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":9,\"maxLength\":15,\"type\":\"by_character_length\",\"required\":false,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-Mobile-3\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-225d7af elementor-widget elementor-widget-mf-date\" data-id=\"225d7af\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-DOB-3&quot;}\" data-widget_type=\"mf-date.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-date-225d7af\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Date Of Birth`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<${props.Flatpickr}\r\n\t\t\t\t\tname=\"mf-DOB-3\"\r\n\t\t\t\t\tclassName=\"mf-input mf-date-input mf-left-parent  \"\r\n\t\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\toptions=${{\"minDate\":\"\",\"maxDate\":\"2035-02-01\",\"dateFormat\":\"Y-m-d\",\"enableTime\":\"\",\"disable\":[\"2025-05-01\"],\"mode\":\"single\",\"static\":true,\"disableMobile\":true,\"time_24hr\":false}}\r\n\t\t\t\t\tvalue=${parent.getValue('mf-DOB-3')}\r\n\t\t\t\t\tonInput=${parent.handleDateTime}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-DOB-3'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => props.DateWidget(\r\n\t\t\t\t\t\t\tel, \r\n\t\t\t\t\t\t\t'', \r\n\t\t\t\t\t\t\t{\"message\":\"This field is required.\",\"required\":false},  \r\n\t\t\t\t\t\t\tregister, \r\n\t\t\t\t\t\t\tparent \r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-DOB-3\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-be0ea63 elementor-widget elementor-widget-mf-select\" data-id=\"be0ea63\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-document-type-3&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;National ID&quot;,&quot;mf_input_option_value&quot;:&quot;National ID&quot;,&quot;_id&quot;:&quot;2f9950f&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Iqama&quot;,&quot;mf_input_option_value&quot;:&quot;Iqama&quot;,&quot;_id&quot;:&quot;18cb84c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Passport&quot;,&quot;mf_input_option_value&quot;:&quot;Passport&quot;,&quot;_id&quot;:&quot;38ae1e1&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-be0ea63\">\n\t\t\t\t\t${ parent.decodeEntities(`Document Type`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-document-type-3'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-document-type-3\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false},{\"label\":\"Iqama\",\"value\":\"Iqama\",\"isDisabled\":false},{\"label\":\"Passport\",\"value\":\"Passport\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-document-type-3\") ? [{\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false},{\"label\":\"Iqama\",\"value\":\"Iqama\",\"isDisabled\":false},{\"label\":\"Passport\",\"value\":\"Passport\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-document-type-3\"))[0] : {\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-document-type-3\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-document-type-3\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"mf-document-type-3\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'mf-document-type-3', 'National ID', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-document-type-3',\n                                value: 'National ID'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-document-type-3\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-0b24746 elementor-widget elementor-widget-mf-select\" data-id=\"0b24746\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;Nationality-3&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Saudi Arabia&quot;,&quot;mf_input_option_value&quot;:&quot;Saudi Arabia&quot;,&quot;_id&quot;:&quot;2f9950f&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Egyptian&quot;,&quot;mf_input_option_value&quot;:&quot;Egyptian&quot;,&quot;_id&quot;:&quot;18cb84c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Yemeni&quot;,&quot;mf_input_option_value&quot;:&quot;Yemeni&quot;,&quot;_id&quot;:&quot;38ae1e1&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;3761fe3&quot;,&quot;mf_input_option_text&quot;:&quot;Syrian&quot;,&quot;mf_input_option_value&quot;:&quot;Syrian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;dda0e2d&quot;,&quot;mf_input_option_text&quot;:&quot;Jordanian&quot;,&quot;mf_input_option_value&quot;:&quot;Jordanian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;cccf344&quot;,&quot;mf_input_option_text&quot;:&quot;Palestinian&quot;,&quot;mf_input_option_value&quot;:&quot;Palestinian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;369aa57&quot;,&quot;mf_input_option_text&quot;:&quot;Morocco&quot;,&quot;mf_input_option_value&quot;:&quot;Morocco&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;9937f03&quot;,&quot;mf_input_option_text&quot;:&quot;Algeria&quot;,&quot;mf_input_option_value&quot;:&quot;Algeria&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-0b24746\">\n\t\t\t\t\t${ parent.decodeEntities(`Nationality`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['Nationality-3'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"Nationality-3\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false},{\"label\":\"Egyptian\",\"value\":\"Egyptian\",\"isDisabled\":false},{\"label\":\"Yemeni\",\"value\":\"Yemeni\",\"isDisabled\":false},{\"label\":\"Syrian\",\"value\":\"Syrian\",\"isDisabled\":false},{\"label\":\"Jordanian\",\"value\":\"Jordanian\",\"isDisabled\":false},{\"label\":\"Palestinian\",\"value\":\"Palestinian\",\"isDisabled\":false},{\"label\":\"Morocco\",\"value\":\"Morocco\",\"isDisabled\":false},{\"label\":\"Algeria\",\"value\":\"Algeria\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"Nationality-3\") ? [{\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false},{\"label\":\"Egyptian\",\"value\":\"Egyptian\",\"isDisabled\":false},{\"label\":\"Yemeni\",\"value\":\"Yemeni\",\"isDisabled\":false},{\"label\":\"Syrian\",\"value\":\"Syrian\",\"isDisabled\":false},{\"label\":\"Jordanian\",\"value\":\"Jordanian\",\"isDisabled\":false},{\"label\":\"Palestinian\",\"value\":\"Palestinian\",\"isDisabled\":false},{\"label\":\"Morocco\",\"value\":\"Morocco\",\"isDisabled\":false},{\"label\":\"Algeria\",\"value\":\"Algeria\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"Nationality-3\"))[0] : {\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"Nationality-3\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"Nationality-3\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"Nationality-3\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'Nationality-3', 'Saudi Arabia', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'Nationality-3',\n                                value: 'Saudi Arabia'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"Nationality-3\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-604677a elementor-widget elementor-widget-mf-text\" data-id=\"604677a\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-id-number-3&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-604677a\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Document Number`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-604677a\"\r\n\t\t\t\tname=\"mf-id-number-3\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-id-number-3'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-id-number-3\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-9cbd28b elementor-widget elementor-widget-mf-text\" data-id=\"9cbd28b\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-id-Expiry-3&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-9cbd28b\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Passport Expiry`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-9cbd28b\"\r\n\t\t\t\tname=\"mf-id-Expiry-3\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-id-Expiry-3'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-id-Expiry-3\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-0fad893 elementor-widget elementor-widget-mf-file-upload\" data-id=\"0fad893\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-file-upload-3&quot;}\" data-widget_type=\"mf-file-upload.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-file-upload-0fad893\">\r\n\t\t\t\t\t${ parent.decodeEntities(`ID Upload `) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<div className=\"mf-file-upload-container multi-option-input-type\">\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\tclassName=\"mf-input mf-input-file-upload \"\r\n\t\t\t\t\tid=\"mf-input-file-upload-0fad893\" \r\n\t\t\t\t\tname=\"mf-file-upload-3\" \r\n\t\t\t\t\tmultiple\t\t\t\t\taccept=\".jpg, .jpeg, .gif, .png, .pdf\"\r\n\t\t\t\t\tonInput=${ parent.handleFileUpload }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-file-upload-3'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"required\":false,\"file_types\":[\".jpg\",\".jpeg\",\".gif\",\".png\",\".pdf\"],\"type_message\":\"Invalid file extension\",\"size_limit\":-1,\"limit_message\":\"This field is required.\"}, el) }\r\n\t\t\t\t\t\/>\r\n\t\t\t\t<label htmlFor=\"mf-input-file-upload-0fad893\" className=\"mf-input-file-upload-label metform-btn\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Choose a file`) } <\/span><svg aria-hidden=\"true\" className=\"e-font-icon-svg e-far-id-card\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 400H303.2c.9-4.5.8 3.6.8-22.4 0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6 0 26-.2 17.9.8 22.4H48V144h480v288zm-168-80h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm-168 96c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z\"><\/path><\/svg>\t\t\t\t<\/label>\r\n\t\t\t\t<div className=\"mf-file-name\">\r\n\t\t\t\t\t${\r\n\t\t\t\t\t\t(parent.state.formData['mf-file-upload-3'] || []).length > 0\r\n\t\t\t\t\t\t? parent.state.formData['mf-file-upload-3'].map((file, idx) => html`\r\n\t\t\t\t\t\t\t<span className=\"mf-file-name-item\" key=${idx}>\r\n\t\t\t\t\t\t\t\t<span>${file.name}<\/span>\r\n\t\t\t\t\t\t\t\t<span \r\n\t\t\t\t\t\t\t\t\tclassName=\"mf-file-remove\" \r\n\t\t\t\t\t\t\t\t\tonClick=${() => parent.removeUploadedFile('mf-file-upload-3', idx)}\r\n\t\t\t\t\t\t\t\t\ttitle=\"Remove\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<label className=\"mf-file-cross\">\u00d7<\/label>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t`)\r\n\t\t\t\t\t\t: html`<span>${parent.getFileLabel('mf-file-upload-3', 'No file chosen.')}<\/span>`\r\n\t\t\t\t\t}\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-file-upload-3\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-6a5377f e-grid e-con-boxed e-con e-parent\" data-id=\"6a5377f\" data-element_type=\"container\" id=\"person4\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-3caaf34 elementor-widget elementor-widget-heading\" data-id=\"3caaf34\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t<h2 className=\"elementor-heading-title elementor-size-default\">Fourth Passenger<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-21f102e elementor-widget elementor-widget-mf-text\" data-id=\"21f102e\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-first-name-4&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-21f102e\">\r\n\t\t\t\t\t${ parent.decodeEntities(`First Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-21f102e\"\r\n\t\t\t\tname=\"mf-first-name-4\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-first-name-4'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-first-name-4\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-b0bb255 elementor-widget elementor-widget-mf-text\" data-id=\"b0bb255\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-last-name-4&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-b0bb255\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Last Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-b0bb255\"\r\n\t\t\t\tname=\"mf-last-name-4\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-last-name-4'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-last-name-4\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-78bfb3d elementor-widget elementor-widget-mf-telephone\" data-id=\"78bfb3d\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-Mobile-4&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-78bfb3d\">\n\t\t\t\t\t${ parent.decodeEntities(`Mobile`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-78bfb3d\" \n\t\t\t\tname=\"mf-Mobile-4\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-Mobile-4'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":9,\"maxLength\":15,\"type\":\"by_character_length\",\"required\":false,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-Mobile-4\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-6e00e74 elementor-widget elementor-widget-mf-date\" data-id=\"6e00e74\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-DOB-4&quot;}\" data-widget_type=\"mf-date.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-date-6e00e74\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Date Of Birth`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<${props.Flatpickr}\r\n\t\t\t\t\tname=\"mf-DOB-4\"\r\n\t\t\t\t\tclassName=\"mf-input mf-date-input mf-left-parent  \"\r\n\t\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\toptions=${{\"minDate\":\"\",\"maxDate\":\"2035-02-01\",\"dateFormat\":\"Y-m-d\",\"enableTime\":\"\",\"disable\":[\"2025-05-01\"],\"mode\":\"single\",\"static\":true,\"disableMobile\":true,\"time_24hr\":false}}\r\n\t\t\t\t\tvalue=${parent.getValue('mf-DOB-4')}\r\n\t\t\t\t\tonInput=${parent.handleDateTime}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-DOB-4'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => props.DateWidget(\r\n\t\t\t\t\t\t\tel, \r\n\t\t\t\t\t\t\t'', \r\n\t\t\t\t\t\t\t{\"message\":\"This field is required.\",\"required\":false},  \r\n\t\t\t\t\t\t\tregister, \r\n\t\t\t\t\t\t\tparent \r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-DOB-4\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-0c2a3c1 elementor-widget elementor-widget-mf-select\" data-id=\"0c2a3c1\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;Nationality-4&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;National ID&quot;,&quot;mf_input_option_value&quot;:&quot;National ID&quot;,&quot;_id&quot;:&quot;2f9950f&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Iqama&quot;,&quot;mf_input_option_value&quot;:&quot;Iqama&quot;,&quot;_id&quot;:&quot;18cb84c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Passport&quot;,&quot;mf_input_option_value&quot;:&quot;Passport&quot;,&quot;_id&quot;:&quot;38ae1e1&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-0c2a3c1\">\n\t\t\t\t\t${ parent.decodeEntities(`Nationality`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['Nationality-4'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"Nationality-4\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false},{\"label\":\"Iqama\",\"value\":\"Iqama\",\"isDisabled\":false},{\"label\":\"Passport\",\"value\":\"Passport\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"Nationality-4\") ? [{\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false},{\"label\":\"Iqama\",\"value\":\"Iqama\",\"isDisabled\":false},{\"label\":\"Passport\",\"value\":\"Passport\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"Nationality-4\"))[0] : {\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"Nationality-4\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"Nationality-4\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"Nationality-4\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'Nationality-4', 'National ID', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'Nationality-4',\n                                value: 'National ID'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"Nationality-4\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-553f7a6 elementor-widget elementor-widget-mf-select\" data-id=\"553f7a6\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-issuance-country-4&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Saudi Arabia&quot;,&quot;mf_input_option_value&quot;:&quot;Saudi Arabia&quot;,&quot;_id&quot;:&quot;2f9950f&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Egyptian&quot;,&quot;mf_input_option_value&quot;:&quot;Egyptian&quot;,&quot;_id&quot;:&quot;18cb84c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Yemeni&quot;,&quot;mf_input_option_value&quot;:&quot;Yemeni&quot;,&quot;_id&quot;:&quot;38ae1e1&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;3761fe3&quot;,&quot;mf_input_option_text&quot;:&quot;Syrian&quot;,&quot;mf_input_option_value&quot;:&quot;Syrian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;dda0e2d&quot;,&quot;mf_input_option_text&quot;:&quot;Jordanian&quot;,&quot;mf_input_option_value&quot;:&quot;Jordanian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;cccf344&quot;,&quot;mf_input_option_text&quot;:&quot;Palestinian&quot;,&quot;mf_input_option_value&quot;:&quot;Palestinian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;956d729&quot;,&quot;mf_input_option_text&quot;:&quot;Morocco&quot;,&quot;mf_input_option_value&quot;:&quot;Morocco&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Algeria&quot;,&quot;mf_input_option_value&quot;:&quot;Algeria&quot;,&quot;_id&quot;:&quot;7f34b80&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-553f7a6\">\n\t\t\t\t\t${ parent.decodeEntities(`Issuance Country`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-issuance-country-4'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-issuance-country-4\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false},{\"label\":\"Egyptian\",\"value\":\"Egyptian\",\"isDisabled\":false},{\"label\":\"Yemeni\",\"value\":\"Yemeni\",\"isDisabled\":false},{\"label\":\"Syrian\",\"value\":\"Syrian\",\"isDisabled\":false},{\"label\":\"Jordanian\",\"value\":\"Jordanian\",\"isDisabled\":false},{\"label\":\"Palestinian\",\"value\":\"Palestinian\",\"isDisabled\":false},{\"label\":\"Morocco\",\"value\":\"Morocco\",\"isDisabled\":false},{\"label\":\"Algeria\",\"value\":\"Algeria\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-issuance-country-4\") ? [{\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false},{\"label\":\"Egyptian\",\"value\":\"Egyptian\",\"isDisabled\":false},{\"label\":\"Yemeni\",\"value\":\"Yemeni\",\"isDisabled\":false},{\"label\":\"Syrian\",\"value\":\"Syrian\",\"isDisabled\":false},{\"label\":\"Jordanian\",\"value\":\"Jordanian\",\"isDisabled\":false},{\"label\":\"Palestinian\",\"value\":\"Palestinian\",\"isDisabled\":false},{\"label\":\"Morocco\",\"value\":\"Morocco\",\"isDisabled\":false},{\"label\":\"Algeria\",\"value\":\"Algeria\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-issuance-country-4\"))[0] : {\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-issuance-country-4\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-issuance-country-4\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"mf-issuance-country-4\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'mf-issuance-country-4', 'Saudi Arabia', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-issuance-country-4',\n                                value: 'Saudi Arabia'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-issuance-country-4\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-afdf93e elementor-widget elementor-widget-mf-text\" data-id=\"afdf93e\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-id-number-4&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-afdf93e\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Document Number`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-afdf93e\"\r\n\t\t\t\tname=\"mf-id-number-4\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-id-number-4'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-id-number-4\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-6bca52a elementor-widget elementor-widget-mf-text\" data-id=\"6bca52a\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-id-Expiry-4&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-6bca52a\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Passport Expiry`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-6bca52a\"\r\n\t\t\t\tname=\"mf-id-Expiry-4\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-id-Expiry-4'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-id-Expiry-4\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-edbdaf4 elementor-widget elementor-widget-mf-file-upload\" data-id=\"edbdaf4\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-file-upload-4&quot;}\" data-widget_type=\"mf-file-upload.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-file-upload-edbdaf4\">\r\n\t\t\t\t\t${ parent.decodeEntities(`ID Upload `) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<div className=\"mf-file-upload-container multi-option-input-type\">\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\tclassName=\"mf-input mf-input-file-upload \"\r\n\t\t\t\t\tid=\"mf-input-file-upload-edbdaf4\" \r\n\t\t\t\t\tname=\"mf-file-upload-4\" \r\n\t\t\t\t\tmultiple\t\t\t\t\taccept=\".jpg, .jpeg, .gif, .png, .pdf\"\r\n\t\t\t\t\tonInput=${ parent.handleFileUpload }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-file-upload-4'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"required\":false,\"file_types\":[\".jpg\",\".jpeg\",\".gif\",\".png\",\".pdf\"],\"type_message\":\"Invalid file extension\",\"size_limit\":-1,\"limit_message\":\"This field is required.\"}, el) }\r\n\t\t\t\t\t\/>\r\n\t\t\t\t<label htmlFor=\"mf-input-file-upload-edbdaf4\" className=\"mf-input-file-upload-label metform-btn\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Choose a file`) } <\/span><svg aria-hidden=\"true\" className=\"e-font-icon-svg e-far-id-card\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 400H303.2c.9-4.5.8 3.6.8-22.4 0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6 0 26-.2 17.9.8 22.4H48V144h480v288zm-168-80h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm-168 96c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z\"><\/path><\/svg>\t\t\t\t<\/label>\r\n\t\t\t\t<div className=\"mf-file-name\">\r\n\t\t\t\t\t${\r\n\t\t\t\t\t\t(parent.state.formData['mf-file-upload-4'] || []).length > 0\r\n\t\t\t\t\t\t? parent.state.formData['mf-file-upload-4'].map((file, idx) => html`\r\n\t\t\t\t\t\t\t<span className=\"mf-file-name-item\" key=${idx}>\r\n\t\t\t\t\t\t\t\t<span>${file.name}<\/span>\r\n\t\t\t\t\t\t\t\t<span \r\n\t\t\t\t\t\t\t\t\tclassName=\"mf-file-remove\" \r\n\t\t\t\t\t\t\t\t\tonClick=${() => parent.removeUploadedFile('mf-file-upload-4', idx)}\r\n\t\t\t\t\t\t\t\t\ttitle=\"Remove\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<label className=\"mf-file-cross\">\u00d7<\/label>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t`)\r\n\t\t\t\t\t\t: html`<span>${parent.getFileLabel('mf-file-upload-4', 'No file chosen.')}<\/span>`\r\n\t\t\t\t\t}\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-file-upload-4\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-323a52f e-grid e-con-boxed e-con e-parent\" data-id=\"323a52f\" data-element_type=\"container\" id=\"person5\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-a437cae elementor-widget elementor-widget-heading\" data-id=\"a437cae\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t<h2 className=\"elementor-heading-title elementor-size-default\">Fifth Passenger<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-435973a elementor-widget elementor-widget-mf-text\" data-id=\"435973a\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-first-name-5&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-435973a\">\r\n\t\t\t\t\t${ parent.decodeEntities(`First Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-435973a\"\r\n\t\t\t\tname=\"mf-first-name-5\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-first-name-5'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-first-name-5\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-5dfaaf7 elementor-widget elementor-widget-mf-text\" data-id=\"5dfaaf7\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-last-name-5&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-5dfaaf7\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Last Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-5dfaaf7\"\r\n\t\t\t\tname=\"mf-last-name-5\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-last-name-5'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-last-name-5\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-8619253 elementor-widget elementor-widget-mf-telephone\" data-id=\"8619253\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-Mobile-5&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-8619253\">\n\t\t\t\t\t${ parent.decodeEntities(`Mobile`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-8619253\" \n\t\t\t\tname=\"mf-Mobile-5\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-Mobile-5'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":9,\"maxLength\":15,\"type\":\"by_character_length\",\"required\":false,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-Mobile-5\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-5b35f50 elementor-widget elementor-widget-mf-date\" data-id=\"5b35f50\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-DOB-5&quot;}\" data-widget_type=\"mf-date.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-date-5b35f50\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Date Of Birth`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<${props.Flatpickr}\r\n\t\t\t\t\tname=\"mf-DOB-5\"\r\n\t\t\t\t\tclassName=\"mf-input mf-date-input mf-left-parent  \"\r\n\t\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\toptions=${{\"minDate\":\"\",\"maxDate\":\"2035-02-01\",\"dateFormat\":\"Y-m-d\",\"enableTime\":\"\",\"disable\":[\"2025-05-01\"],\"mode\":\"single\",\"static\":true,\"disableMobile\":true,\"time_24hr\":false}}\r\n\t\t\t\t\tvalue=${parent.getValue('mf-DOB-5')}\r\n\t\t\t\t\tonInput=${parent.handleDateTime}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-DOB-5'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => props.DateWidget(\r\n\t\t\t\t\t\t\tel, \r\n\t\t\t\t\t\t\t'', \r\n\t\t\t\t\t\t\t{\"message\":\"This field is required.\",\"required\":false},  \r\n\t\t\t\t\t\t\tregister, \r\n\t\t\t\t\t\t\tparent \r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-DOB-5\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-b00ada5 elementor-widget elementor-widget-mf-select\" data-id=\"b00ada5\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;Nationality-5&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;National ID&quot;,&quot;mf_input_option_value&quot;:&quot;National ID&quot;,&quot;_id&quot;:&quot;2f9950f&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Iqama&quot;,&quot;mf_input_option_value&quot;:&quot;Iqama&quot;,&quot;_id&quot;:&quot;18cb84c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Passport&quot;,&quot;mf_input_option_value&quot;:&quot;Passport&quot;,&quot;_id&quot;:&quot;38ae1e1&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-b00ada5\">\n\t\t\t\t\t${ parent.decodeEntities(`Nationality`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['Nationality-5'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"Nationality-5\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false},{\"label\":\"Iqama\",\"value\":\"Iqama\",\"isDisabled\":false},{\"label\":\"Passport\",\"value\":\"Passport\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"Nationality-5\") ? [{\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false},{\"label\":\"Iqama\",\"value\":\"Iqama\",\"isDisabled\":false},{\"label\":\"Passport\",\"value\":\"Passport\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"Nationality-5\"))[0] : {\"label\":\"National ID\",\"value\":\"National ID\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"Nationality-5\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"Nationality-5\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"Nationality-5\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'Nationality-5', 'National ID', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'Nationality-5',\n                                value: 'National ID'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"Nationality-5\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-a774afa elementor-widget elementor-widget-mf-select\" data-id=\"a774afa\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-issuance-country-5&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Saudi Arabia&quot;,&quot;mf_input_option_value&quot;:&quot;Saudi Arabia&quot;,&quot;_id&quot;:&quot;2f9950f&quot;,&quot;mf_input_option_selected&quot;:&quot;selected&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Egyptian&quot;,&quot;mf_input_option_value&quot;:&quot;Egyptian&quot;,&quot;_id&quot;:&quot;18cb84c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Yemeni&quot;,&quot;mf_input_option_value&quot;:&quot;Yemeni&quot;,&quot;_id&quot;:&quot;38ae1e1&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;3761fe3&quot;,&quot;mf_input_option_text&quot;:&quot;Syrian&quot;,&quot;mf_input_option_value&quot;:&quot;Syrian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;dda0e2d&quot;,&quot;mf_input_option_text&quot;:&quot;Jordanian&quot;,&quot;mf_input_option_value&quot;:&quot;Jordanian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;cccf344&quot;,&quot;mf_input_option_text&quot;:&quot;Palestinian&quot;,&quot;mf_input_option_value&quot;:&quot;Palestinian&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;76958b6&quot;,&quot;mf_input_option_text&quot;:&quot;Morocco&quot;,&quot;mf_input_option_value&quot;:&quot;Morocco&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;06ee9d0&quot;,&quot;mf_input_option_text&quot;:&quot;Algeria&quot;,&quot;mf_input_option_value&quot;:&quot;Algeria&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-a774afa\">\n\t\t\t\t\t${ parent.decodeEntities(`Issuance Country`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-issuance-country-5'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-issuance-country-5\"\n                placeholder=\"${ parent.decodeEntities(``) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false},{\"label\":\"Egyptian\",\"value\":\"Egyptian\",\"isDisabled\":false},{\"label\":\"Yemeni\",\"value\":\"Yemeni\",\"isDisabled\":false},{\"label\":\"Syrian\",\"value\":\"Syrian\",\"isDisabled\":false},{\"label\":\"Jordanian\",\"value\":\"Jordanian\",\"isDisabled\":false},{\"label\":\"Palestinian\",\"value\":\"Palestinian\",\"isDisabled\":false},{\"label\":\"Morocco\",\"value\":\"Morocco\",\"isDisabled\":false},{\"label\":\"Algeria\",\"value\":\"Algeria\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-issuance-country-5\") ? [{\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false},{\"label\":\"Egyptian\",\"value\":\"Egyptian\",\"isDisabled\":false},{\"label\":\"Yemeni\",\"value\":\"Yemeni\",\"isDisabled\":false},{\"label\":\"Syrian\",\"value\":\"Syrian\",\"isDisabled\":false},{\"label\":\"Jordanian\",\"value\":\"Jordanian\",\"isDisabled\":false},{\"label\":\"Palestinian\",\"value\":\"Palestinian\",\"isDisabled\":false},{\"label\":\"Morocco\",\"value\":\"Morocco\",\"isDisabled\":false},{\"label\":\"Algeria\",\"value\":\"Algeria\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-issuance-country-5\"))[0] : {\"label\":\"Saudi Arabia\",\"value\":\"Saudi Arabia\",\"isDisabled\":false}}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-issuance-country-5\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-issuance-country-5\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"mf-issuance-country-5\") === '' && true ) {\n\t\t\t\t    parent.setValue( 'mf-issuance-country-5', 'Saudi Arabia', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-issuance-country-5',\n                                value: 'Saudi Arabia'\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-issuance-country-5\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-824b9f2 elementor-widget elementor-widget-mf-text\" data-id=\"824b9f2\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-id-number-5&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-824b9f2\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Document Number`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-824b9f2\"\r\n\t\t\t\tname=\"mf-id-number-5\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-id-number-5'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-id-number-5\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-8f155a5 elementor-widget elementor-widget-mf-text\" data-id=\"8f155a5\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-id-Expiry-5&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-8f155a5\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Passport Expiry`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-8f155a5\"\r\n\t\t\t\tname=\"mf-id-Expiry-5\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-id-Expiry-5'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-id-Expiry-5\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-c5b2317 elementor-widget elementor-widget-mf-file-upload\" data-id=\"c5b2317\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-file-upload-5&quot;}\" data-widget_type=\"mf-file-upload.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-file-upload-c5b2317\">\r\n\t\t\t\t\t${ parent.decodeEntities(`ID Upload `) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<div className=\"mf-file-upload-container multi-option-input-type\">\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\tclassName=\"mf-input mf-input-file-upload \"\r\n\t\t\t\t\tid=\"mf-input-file-upload-c5b2317\" \r\n\t\t\t\t\tname=\"mf-file-upload-5\" \r\n\t\t\t\t\tmultiple\t\t\t\t\taccept=\".jpg, .jpeg, .gif, .png, .pdf\"\r\n\t\t\t\t\tonInput=${ parent.handleFileUpload }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-file-upload-5'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"required\":false,\"file_types\":[\".jpg\",\".jpeg\",\".gif\",\".png\",\".pdf\"],\"type_message\":\"Invalid file extension\",\"size_limit\":-1,\"limit_message\":\"This field is required.\"}, el) }\r\n\t\t\t\t\t\/>\r\n\t\t\t\t<label htmlFor=\"mf-input-file-upload-c5b2317\" className=\"mf-input-file-upload-label metform-btn\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Choose a file`) } <\/span><svg aria-hidden=\"true\" className=\"e-font-icon-svg e-far-id-card\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 400H303.2c.9-4.5.8 3.6.8-22.4 0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6 0 26-.2 17.9.8 22.4H48V144h480v288zm-168-80h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm-168 96c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z\"><\/path><\/svg>\t\t\t\t<\/label>\r\n\t\t\t\t<div className=\"mf-file-name\">\r\n\t\t\t\t\t${\r\n\t\t\t\t\t\t(parent.state.formData['mf-file-upload-5'] || []).length > 0\r\n\t\t\t\t\t\t? parent.state.formData['mf-file-upload-5'].map((file, idx) => html`\r\n\t\t\t\t\t\t\t<span className=\"mf-file-name-item\" key=${idx}>\r\n\t\t\t\t\t\t\t\t<span>${file.name}<\/span>\r\n\t\t\t\t\t\t\t\t<span \r\n\t\t\t\t\t\t\t\t\tclassName=\"mf-file-remove\" \r\n\t\t\t\t\t\t\t\t\tonClick=${() => parent.removeUploadedFile('mf-file-upload-5', idx)}\r\n\t\t\t\t\t\t\t\t\ttitle=\"Remove\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<label className=\"mf-file-cross\">\u00d7<\/label>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t`)\r\n\t\t\t\t\t\t: html`<span>${parent.getFileLabel('mf-file-upload-5', 'No file chosen.')}<\/span>`\r\n\t\t\t\t\t}\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-file-upload-5\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-6965011 e-flex e-con-boxed e-con e-parent\" data-id=\"6965011\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-b34f398 mf-btn--center elementor-widget elementor-widget-mf-button\" data-id=\"b34f398\" data-element_type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper \" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Submit`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\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>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\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":"","protected":false},"author":1,"featured_media":10367,"parent":12293,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-12299","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ejourney.sa\/ar\/wp-json\/wp\/v2\/pages\/12299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ejourney.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ejourney.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ejourney.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ejourney.sa\/ar\/wp-json\/wp\/v2\/comments?post=12299"}],"version-history":[{"count":0,"href":"https:\/\/ejourney.sa\/ar\/wp-json\/wp\/v2\/pages\/12299\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/ejourney.sa\/ar\/wp-json\/wp\/v2\/pages\/12293"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ejourney.sa\/ar\/wp-json\/wp\/v2\/media\/10367"}],"wp:attachment":[{"href":"https:\/\/ejourney.sa\/ar\/wp-json\/wp\/v2\/media?parent=12299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}