{"id":427,"date":"2024-02-14T12:41:46","date_gmt":"2024-02-14T07:41:46","guid":{"rendered":"https:\/\/aimpg.org\/?page_id=427"},"modified":"2024-02-15T16:27:06","modified_gmt":"2024-02-15T11:27:06","slug":"form","status":"publish","type":"page","link":"https:\/\/aimpg.org\/aimpg.org\/form\/","title":{"rendered":"form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"427\" class=\"elementor elementor-427\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0c8451a elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"0c8451a\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-599478f\" data-id=\"599478f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-84eda8a elementor-widget elementor-widget-html\" data-id=\"84eda8a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<head>\r\n<style>\r\n\/* style.css *\/\r\n\r\n\r\n\r\nh1 {\r\n  color: #4caf50;\r\n}\r\n\r\nlabel {\r\n  display: block;\r\n  width: 100%;\r\n  margin-top: 10px;\r\n  margin-bottom: 5px;\r\n  text-align: left;\r\n  color: #555;\r\n  font-weight: bold;\r\n}\r\n\r\n#pass {\r\n  color: red;\r\n  font-size: 12px;\r\n}\r\n\r\ninput {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: 15px;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n  border: 1px solid #ddd;\r\n  border-radius: 5px;\r\n}\r\n\r\nselect {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: 15px;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n  border: 1px solid #ddd;\r\n  border-radius: 5px;\r\n}\r\n\r\nbutton {\r\n  padding: 15px;\r\n  border-radius: 10px;\r\n  margin-top: 15px;\r\n  margin-bottom: 15px;\r\n  border: none;\r\n  color: white;\r\n  cursor: pointer;\r\n  background-color: #4caf50;\r\n  width: 100%;\r\n  font-size: 16px;\r\n}\r\n\r\n.wrap {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n\r\n<\/head>\r\n<!DOCTYPE html>\r\n<html>\r\n\r\n<head>\r\n  <title>Registration Form<\/title>\r\n  <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n\r\n<body>\r\n  <div class=\"main\">\r\n    <h1>form<\/h1>\r\n    <form action=\"https:\/\/formsubmit.co\/ad5f1d501de1258698fd993c3348c91d\" method=\"POST\" enctype=\"multipart\/form-data\">\r\n        <!-- Honeypot -->\r\n        <input type=\"text\" name=\"_honey\" style=\"display: none;\">\r\n        <!-- Disable Captcha -->\r\n         <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n         <input type=\"hidden\" name=\"_next\" value=\"https:\/\/aimpg.org\/\" >\r\n         \r\n      <label for=\"first\">Name:<\/label>\r\n      <input type=\"text\" id=\"first\" name=\"name\" placeholder=\"Enter your name\" required>\r\n\r\n      <label for=\"last\">Father's:<\/label>\r\n      <input type=\"text\" id=\"last\" name=\"fathers\" placeholder=\"Enter your father's\" required>\r\n      \r\n      <label for=\"last\">CNIC:<\/label>\r\n      <input type=\"text\" id=\"last\" name=\"cnic\" placeholder=\"Enter your cnic number\" required maxlength=\"13\">\r\n\r\n      <label for=\"mobile\">Contact:<\/label>\r\n      <input type=\"tel\" id=\"mobile\" name=\"mobile\" placeholder=\"Enter your Mobile Number\" required maxlength=\"10\">\r\n      \r\n      <label for=\"mobile\">Class:<\/label>\r\n      <input type=\"text\" id=\"mobile\" name=\"class\" placeholder=\"Enter your class\" required>\r\n\r\n      <label for=\"result\">Result:<\/ label>\r\n      <input type=\"text\" id=\"mobile\" name=\"result\" placeholder=\"Enter your result\" required>\r\n\r\n      <label for=\"result\">Years:<\/label>\r\n      <input type=\"text\" id=\"mobile\" name=\"years\" placeholder=\"Enter your years\" required>\r\n\r\n      <label for=\"result\">Ward No:<\/label>\r\n      <input type=\"text\" id=\"mobile\" name=\"ward-no\" placeholder=\"Enter your Ward No\" required>\r\n\r\n      <label for=\"email\">Email:<\/label>\r\n      <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Enter your email\" required>\r\n      \r\n      <label for=\"result\">Upload documents:<\/label>\r\n      <input type=\"file\" id=\"mobile\" name=\"files\" multiple=\"multiple\">\r\n\r\n\r\n      <div class=\"wrap\">\r\n        <button type=\"submit\" onclick=\"solve()\">\r\n          Submit\r\n        <\/button>\r\n      <\/div>\r\n    <\/form>\r\n  <\/div>\r\n  <script src=\"script.js\"><\/script>\r\n  \r\n  <?php\r\nif ($_SERVER[\"REQUEST_METHOD\"] == \"POST\") {\r\n    \/\/ Honeypot field check\r\n    if (!empty($_POST['_honey'])) {\r\n        \/\/ Honeypot field is not empty, consider it as spam and exit\r\n        exit();\r\n    }\r\n\r\n    \/\/ Form data\r\n    $name = $_POST['name'];\r\n    $fathers = $_POST['fathers'];\r\n    $cnic = $_POST['cnic'];\r\n    $mobile = $_POST['mobile'];\r\n    $class = $_POST['class'];\r\n    $result = $_POST['result'];\r\n    $years = $_POST['years'];\r\n    $ward_no = $_POST['ward-no'];\r\n    $email = $_POST['email'];\r\n\r\n    \/\/ File upload\r\n    $file_name = $_FILES['file']['name'];\r\n    $file_temp = $_FILES['file']['tmp_name'];\r\n\r\n    \/\/ Email content\r\n    $to = \"recipient@example.com\";\r\n    $subject = \"Form Submission\";\r\n    $message = \"Name: $name\\nFather's: $fathers\\nCNIC: $cnic\\nContact: $mobile\\nClass: $class\\nResult: $result\\nYears: $years\\nWard No: $ward_no\\nEmail: $email\";\r\n\r\n    \/\/ Headers\r\n    $headers = \"From: $email\\r\\n\";\r\n    $headers .= \"Reply-To: $email\\r\\n\";\r\n    $headers .= \"Content-Type: multipart\/mixed; boundary=\".md5('boundary1').\"\\r\\n\";\r\n\r\n    \/\/ Attachment\r\n    $attachment = chunk_split(base64_encode(file_get_contents($file_temp)));\r\n    $message .= \"--\".md5('boundary1').\"\\r\\n\";\r\n    $message .= \"Content-Type: application\/octet-stream; name=\\\"$file_name\\\"\\r\\n\";\r\n    $message .= \"Content-Transfer-Encoding: base64\\r\\n\";\r\n    $message .= \"Content-Disposition: attachment\\r\\n\\r\\n\";\r\n    $message .= $attachment.\"\\r\\n\";\r\n    $message .= \"--\".md5('boundary1').\"--\";\r\n\r\n    \/\/ Send email\r\n    mail($to, $subject, $message, $headers);\r\n\r\n    \/\/ Redirect after submission\r\n    header('Location: https:\/\/aimpg.org\/');\r\n    exit();\r\n}\r\n?>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4d8abe0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4d8abe0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bcb5936\" data-id=\"bcb5936\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d152d28 elementor-widget elementor-widget-shortcode\" data-id=\"d152d28\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"mf-form-shortcode\">\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-407-407\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"407\"\r\n\t\t\tdata-action=\"https:\/\/aimpg.org\/aimpg.org\/wp-json\/metform\/v1\/entries\/insert\/407\"\r\n\t\t\tdata-wp-nonce=\"fbd393bc9d\"\r\n\t\t\tdata-form-nonce=\"9f38365000\"\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-407\";\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=\"407\" className=\"elementor elementor-407\">\n\t\t\t\t\t\t\t\t\t<section className=\"elementor-section elementor-top-section elementor-element elementor-element-587ae1d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"587ae1d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d2a84f4\" data-id=\"d2a84f4\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div className=\"elementor-element elementor-element-4bfc07b elementor-widget elementor-widget-mf-listing-fname\" data-id=\"4bfc07b\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-listing-fname&quot;}\" data-widget_type=\"mf-listing-fname.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-text-4bfc07b\">\n\t\t\t\t\t${ parent.decodeEntities(`Candidate Name`) } \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 type=\"text\" className=\"mf-input \" id=\"mf-input-text-4bfc07b\" \n\t\t\t\tname=\"mf-listing-fname\" \n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Enter your full name`) } \"\n\t\t\t\tonInput=${ parent.handleChange }\n\n\t\t\t\t\t\t\t\t\taria-invalid=${validation.errors['mf-listing-fname'] ? 'true' : 'false'}\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el) }\n\t\t\t\t\t\t\t\/>\n\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-listing-fname\"\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-fb53a27 elementor-widget elementor-widget-mf-text\" data-id=\"fb53a27\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-text-candidate-membership-number&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-fb53a27\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Candidate Membership 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-fb53a27\"\r\n\t\t\t\tname=\"mf-text-candidate-membership-number\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Enter your candidate membership number`) } \"\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-text-candidate-membership-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\":\"\",\"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-text-candidate-membership-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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-92b360a elementor-widget elementor-widget-mf-listing-lname\" data-id=\"92b360a\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-listing-father-name&quot;}\" data-widget_type=\"mf-listing-lname.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-text-92b360a\">\n\t\t\t\t\t${ parent.decodeEntities(`Father&#039;s Name`) } \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 type=\"text\" className=\"mf-input \" id=\"mf-input-text-92b360a\" \n\t\t\t\tname=\"mf-listing-father-name\" \n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Enter your Father&#039;s name`) } \"\n\t\t\t\tonInput=${ parent.handleChange }\t\n\n\t\t\t\t\t\t\t\t\taria-invalid=${validation.errors['mf-listing-father-name'] ? 'true' : 'false'}\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el) }\n\t\t\t\t\t\t\t\t\n\t\t\t\/>\n\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-listing-father-name\"\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\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-a80401c elementor-widget elementor-widget-mf-listing-lname\" data-id=\"a80401c\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-listing-father-membership-number&quot;}\" data-widget_type=\"mf-listing-lname.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-text-a80401c\">\n\t\t\t\t\t${ parent.decodeEntities(`Father&#039;s Membership Number`) } \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 type=\"text\" className=\"mf-input \" id=\"mf-input-text-a80401c\" \n\t\t\t\tname=\"mf-listing-father-membership-number\" \n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Enter your father&#039;s membership number`) } \"\n\t\t\t\tonInput=${ parent.handleChange }\t\n\n\t\t\t\t\t\t\t\t\taria-invalid=${validation.errors['mf-listing-father-membership-number'] ? 'true' : 'false'}\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el) }\n\t\t\t\t\t\t\t\t\n\t\t\t\/>\n\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-listing-father-membership-number\"\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\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-94d0610 elementor-widget elementor-widget-mf-number\" data-id=\"94d0610\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-cnic-number&quot;}\" data-widget_type=\"mf-number.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-number-94d0610\">\r\n\t\t\t\t\t${ parent.decodeEntities(`CNIC (13 Digits Only)`) } \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=\"number\"\r\n\t\t\t\tstep=\"any\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-mobile-94d0610\"\r\n\t\t\t\tname=\"mf-cnic-number\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Enter your cnic number`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-cnic-number'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":\"\",\"maxLength\":\"\",\"type\":\"by_range\",\"required\":true,\"expression\":\"null\"}, el)}\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-cnic-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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-09299c5 elementor-widget elementor-widget-mf-telephone\" data-id=\"09299c5\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-telephone&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-09299c5\">\n\t\t\t\t\t${ parent.decodeEntities(`Cell Number (11 Digits Only)`) } \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-09299c5\" \n\t\t\t\tname=\"mf-telephone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Enter your cell number`) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-telephone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":\"\",\"maxLength\":11,\"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-telephone\"\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-3043cdb elementor-widget elementor-widget-mf-telephone\" data-id=\"3043cdb\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-whatsapp-telephone&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-3043cdb\">\n\t\t\t\t\t${ parent.decodeEntities(`WhatsApp Number (11 Digits Only)`) } \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-3043cdb\" \n\t\t\t\tname=\"mf-whatsapp-telephone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Enter your whatsapp number`) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-whatsapp-telephone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":\"\",\"maxLength\":11,\"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-whatsapp-telephone\"\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-5c96d7f elementor-widget elementor-widget-mf-select\" data-id=\"5c96d7f\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-last-education-select&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;A Level&quot;,&quot;mf_input_option_value&quot;:&quot;A Level&quot;,&quot;_id&quot;:&quot;fff0ac9&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;O Level&quot;,&quot;mf_input_option_value&quot;:&quot;O Level&quot;,&quot;_id&quot;:&quot;7873d3b&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Matriculation&quot;,&quot;mf_input_option_value&quot;:&quot;Matriculation&quot;,&quot;_id&quot;:&quot;0b50351&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Intermediate&quot;,&quot;mf_input_option_value&quot;:&quot;Intermediate&quot;,&quot;_id&quot;:&quot;22619ab&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Graduation&quot;,&quot;mf_input_option_value&quot;:&quot;Graduation&quot;,&quot;_id&quot;:&quot;b48fa33&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Masters&quot;,&quot;mf_input_option_value&quot;:&quot;Masters&quot;,&quot;_id&quot;:&quot;a8e04e7&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;46833fc&quot;,&quot;mf_input_option_text&quot;:&quot;Input Text&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&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\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-5c96d7f\">\n\t\t\t\t\t${ parent.decodeEntities(`Select Last Education`) } \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-last-education-select'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-last-education-select\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"A Level\",\"value\":\"A Level\",\"isDisabled\":false},{\"label\":\"O Level\",\"value\":\"O Level\",\"isDisabled\":false},{\"label\":\"Matriculation\",\"value\":\"Matriculation\",\"isDisabled\":false},{\"label\":\"Intermediate\",\"value\":\"Intermediate\",\"isDisabled\":false},{\"label\":\"Graduation\",\"value\":\"Graduation\",\"isDisabled\":false},{\"label\":\"Masters\",\"value\":\"Masters\",\"isDisabled\":false},{\"label\":\"Input Text\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-last-education-select\") ? [{\"label\":\"A Level\",\"value\":\"A Level\",\"isDisabled\":false},{\"label\":\"O Level\",\"value\":\"O Level\",\"isDisabled\":false},{\"label\":\"Matriculation\",\"value\":\"Matriculation\",\"isDisabled\":false},{\"label\":\"Intermediate\",\"value\":\"Intermediate\",\"isDisabled\":false},{\"label\":\"Graduation\",\"value\":\"Graduation\",\"isDisabled\":false},{\"label\":\"Masters\",\"value\":\"Masters\",\"isDisabled\":false},{\"label\":\"Input Text\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-last-education-select\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-last-education-select\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-last-education-select\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"mf-last-education-select\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'mf-last-education-select', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-last-education-select',\n                                value: ''\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-last-education-select\"\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-7ea667d elementor-widget elementor-widget-mf-select\" data-id=\"7ea667d\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-select-fass&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Mumtaz ma Ashraf&quot;,&quot;mf_input_option_value&quot;:&quot;Mumtaz ma Ashraf&quot;,&quot;_id&quot;:&quot;3540bcc&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Mumtaz&quot;,&quot;mf_input_option_value&quot;:&quot;Mumtaz&quot;,&quot;_id&quot;:&quot;379bf2f&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\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-7ea667d\">\n\t\t\t\t\t${ parent.decodeEntities(`Select Fass`) } \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-fass'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-select-fass\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Mumtaz ma Ashraf\",\"value\":\"Mumtaz ma Ashraf\",\"isDisabled\":false},{\"label\":\"Mumtaz\",\"value\":\"Mumtaz\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-select-fass\") ? [{\"label\":\"Mumtaz ma Ashraf\",\"value\":\"Mumtaz ma Ashraf\",\"isDisabled\":false},{\"label\":\"Mumtaz\",\"value\":\"Mumtaz\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-select-fass\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-select-fass\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-select-fass\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"mf-select-fass\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'mf-select-fass', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-select-fass',\n                                value: ''\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-fass\"\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-7ed169a elementor-widget elementor-widget-mf-select\" data-id=\"7ed169a\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-select-grade-gpa&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;A+&quot;,&quot;mf_input_option_value&quot;:&quot;A1&quot;,&quot;_id&quot;:&quot;3540bcc&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;A&quot;,&quot;mf_input_option_value&quot;:&quot;A&quot;,&quot;_id&quot;:&quot;379bf2f&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;B&quot;,&quot;mf_input_option_value&quot;:&quot;B&quot;,&quot;_id&quot;:&quot;3991587&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;C&quot;,&quot;mf_input_option_value&quot;:&quot;C&quot;,&quot;_id&quot;:&quot;75199a4&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\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-7ed169a\">\n\t\t\t\t\t${ parent.decodeEntities(`Select Grade\/GPA`) } \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-grade-gpa'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-select-grade-gpa\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"A+\",\"value\":\"A1\",\"isDisabled\":false},{\"label\":\"A\",\"value\":\"A\",\"isDisabled\":false},{\"label\":\"B\",\"value\":\"B\",\"isDisabled\":false},{\"label\":\"C\",\"value\":\"C\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-select-grade-gpa\") ? [{\"label\":\"A+\",\"value\":\"A1\",\"isDisabled\":false},{\"label\":\"A\",\"value\":\"A\",\"isDisabled\":false},{\"label\":\"B\",\"value\":\"B\",\"isDisabled\":false},{\"label\":\"C\",\"value\":\"C\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-select-grade-gpa\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-select-grade-gpa\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-select-grade-gpa\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true}));\n                    if ( parent.getValue(\"mf-select-grade-gpa\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'mf-select-grade-gpa', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-select-grade-gpa',\n                                value: ''\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-grade-gpa\"\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-10a4573 elementor-widget elementor-widget-mf-range\" data-id=\"10a4573\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-range-persontage&quot;,&quot;mf_input_min_length_range&quot;:0,&quot;mf_input_max_length_range&quot;:100}\" data-widget_type=\"mf-range.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-range-10a4573\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Range of Percentage`) } \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=\"range-slider\">\r\n\t\t\t\t\t\t\t\t<${props.InputRange}\r\n\t\t\t\t\t\tmaxValue=${100}\r\n\t\t\t\t\t\tminValue=${0}\r\n\t\t\t\t\t\tstep=${1}\r\n\t\t\t\t\t\tonChange=${(el) => {\r\n\t\t\t\t\t\t\tparent.handleRangeChange(el, 'mf-range-persontage')\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tvalue=${\t\t\t\t\t\t\t\tisNaN(Number(parent.state.formData['mf-range-persontage'])) ? 0 : (Number(parent.state.formData['mf-range-persontage']) == 0 ? 0 : Number(parent.state.formData['mf-range-persontage']))\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\tref=${ input => {\r\n\t\t\t\t\t\t\tregister({ name: \"mf-range-persontage\" }, parent.activateValidation({\"message\":\"This field is required.\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}));\r\n\t\t\t\t\t\t\tif ( parent.getValue(\"mf-range-persontage\") === '' && false ) {\r\n\t\t\t\t\t\t\t\tparent.handleChange({\r\n\t\t\t\t\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t\t\t\t\tname: 'mf-range-persontage',\r\n\t\t\t\t\t\t\t\t\t\tvalue: ''\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\tparent.setValue( 'mf-range-persontage', '', true );\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} }\r\n\t\t\t\t\t\tname=\"mf-range-persontage\" \r\n\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t<\/div>\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-range-persontage\"\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\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-4257ed5 elementor-widget elementor-widget-mf-date\" data-id=\"4257ed5\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-date-years&quot;}\" data-widget_type=\"mf-date.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-date-4257ed5\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Year`) } \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-date-years\"\r\n\t\t\t\t\tclassName=\"mf-input mf-date-input mf-left-parent \"\r\n\t\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Enter your passing year`) } \"\r\n\t\t\t\t\toptions=${{\"minDate\":\"\",\"maxDate\":\"\",\"dateFormat\":\"m-d-Y\",\"enableTime\":\"\",\"disable\":[],\"mode\":\"single\",\"static\":true,\"disableMobile\":true,\"time_24hr\":false}}\r\n\t\t\t\t\tvalue=${parent.getValue('mf-date-years')}\r\n\t\t\t\t\tonInput=${parent.handleDateTime}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-date-years'] ? '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-date-years\"\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-9aac51f elementor-widget elementor-widget-mf-text\" data-id=\"9aac51f\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-text-ward-no&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-9aac51f\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Ward No`) } \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-9aac51f\"\r\n\t\t\t\tname=\"mf-text-ward-no\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Enter your ward number(1, 2, 3)`) } \"\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-text-ward-no'] ? '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-text-ward-no\"\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-f7ca726 elementor-widget elementor-widget-mf-email\" data-id=\"f7ca726\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-email-f7ca726\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Email`) } \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=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input \" \r\n\t\t\t\tid=\"mf-input-email-f7ca726\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Email`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-30a3321 elementor-widget elementor-widget-mf-file-upload\" data-id=\"30a3321\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-file-upload&quot;}\" data-widget_type=\"mf-file-upload.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\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-30a3321\">\r\n\t\t\t\t\t${ parent.decodeEntities(`File 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-30a3321\" \r\n\t\t\t\t\tname=\"mf-file-upload\" \r\n\t\t\t\t\tmultiple\t\t\t\t\taccept=\".jpg, .jpeg, .gif, .png, .ico, .pdf, .doc, .docx, .ppt, .pptx, .xls, .zip\"\r\n\t\t\t\t\tonInput=${ parent.handleFileUpload }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-file-upload'] ? '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\",\".ico\",\".pdf\",\".doc\",\".docx\",\".ppt\",\".pptx\",\".xls\",\".zip\"],\"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-30a3321\" className=\"mf-input-file-upload-label metform-btn\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Choose a file`) } <\/span>\t\t\t\t<\/label>\r\n\t\t\t\t<div className=\"mf-file-name\">\r\n\t\t\t\t\t<span>${parent.getFileLabel( 'mf-file-upload', 'No file chosen.' )}<\/span>\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\"\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-e0acf7a mf-btn--center elementor-widget elementor-widget-mf-button\" data-id=\"e0acf7a\" 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<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 Button`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\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<\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0b9f6ad elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0b9f6ad\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b060ff\" data-id=\"3b060ff\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Registration Form form Name: Father&#8217;s: CNIC: Contact: Class: Result: Years: Ward No: Email: Upload documents: Submit<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-427","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aimpg.org\/aimpg.org\/wp-json\/wp\/v2\/pages\/427"}],"collection":[{"href":"https:\/\/aimpg.org\/aimpg.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aimpg.org\/aimpg.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aimpg.org\/aimpg.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aimpg.org\/aimpg.org\/wp-json\/wp\/v2\/comments?post=427"}],"version-history":[{"count":124,"href":"https:\/\/aimpg.org\/aimpg.org\/wp-json\/wp\/v2\/pages\/427\/revisions"}],"predecessor-version":[{"id":606,"href":"https:\/\/aimpg.org\/aimpg.org\/wp-json\/wp\/v2\/pages\/427\/revisions\/606"}],"wp:attachment":[{"href":"https:\/\/aimpg.org\/aimpg.org\/wp-json\/wp\/v2\/media?parent=427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}