{"id":104,"date":"2025-10-09T11:58:47","date_gmt":"2025-10-09T11:58:47","guid":{"rendered":"https:\/\/tawhidhasan.dev\/?page_id=104"},"modified":"2025-10-09T11:59:31","modified_gmt":"2025-10-09T11:59:31","slug":"contact-form","status":"publish","type":"page","link":"https:\/\/tawhidhasan.dev\/?page_id=104","title":{"rendered":"Contact Form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"104\" class=\"elementor elementor-104\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fad714c e-flex e-con-boxed e-con e-parent\" data-id=\"6fad714c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-35baf21d e-con-full e-flex e-con e-child\" data-id=\"35baf21d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7dfcd3e e-con-full e-flex e-con e-child\" data-id=\"7dfcd3e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6576ddfa elementor-widget elementor-widget-mf-text\" data-id=\"6576ddfa\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-text&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div class=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclass=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-6576ddfa\"\r\n\t\t\t\tname=\"mf-text\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Your Name`) } \"\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'] ? '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\"\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<div class=\"elementor-element elementor-element-4f22edfd e-con-full e-flex e-con e-child\" data-id=\"4f22edfd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b857c63 elementor-widget elementor-widget-mf-email\" data-id=\"5b857c63\" 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\t\r\n\t\t<div class=\"mf-input-wrapper\">\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\tclass=\"mf-input \" \r\n\t\t\t\tid=\"mf-input-email-5b857c63\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Your 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\":false,\"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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-788ceeed e-con-full e-flex e-con e-child\" data-id=\"788ceeed\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2d1ec82 e-con-full e-flex e-con e-child\" data-id=\"2d1ec82\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-404267e6 elementor-widget elementor-widget-mf-number\" data-id=\"404267e6\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-number&quot;}\" data-widget_type=\"mf-number.default\">\n\t\t\t\t\t\r\n\t\t<div class=\"mf-input-wrapper\">\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\tclass=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-mobile-404267e6\"\r\n\t\t\t\tname=\"mf-number\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Phone 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-number'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"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-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<div class=\"elementor-element elementor-element-2782352d e-con-full e-flex e-con e-child\" data-id=\"2782352d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-765f221b elementor-widget elementor-widget-mf-multi-select\" data-id=\"765f221b\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-multi-select&quot;,&quot;mf_input_list&quot;:[{&quot;label&quot;:&quot;Item 1&quot;,&quot;value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;892f609&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Item 2&quot;,&quot;value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;234e4f8&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Item 3&quot;,&quot;value&quot;:&quot;value-3&quot;,&quot;_id&quot;:&quot;284cfb0&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-multi-select.default\">\n\t\t\t\t\t\r\n        \r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n            <${props.Select}\r\n                isOptionDisabled=${option => option.mf_input_option_status === 'disabled'}\r\n                className=${\"mf-input mf-input-multiselect  \" + ( validation.errors['mf-multi-select'] ? 'mf-invalid' : '' )}\r\n                classNamePrefix=\"mf_multiselect\"\r\n                value=${parent.getValue(\"mf-multi-select\") && [{\"label\":\"Item 1\",\"value\":\"value-1\",\"_id\":\"892f609\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Item 2\",\"value\":\"value-2\",\"_id\":\"234e4f8\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Item 3\",\"value\":\"value-3\",\"_id\":\"284cfb0\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"}].filter(item => {\r\n                    if(parent.state.formData['mf-multi-select'] && parent.state.formData['mf-multi-select'].indexOf(item.value) != -1 ){\r\n                        return item;\r\n                    }\r\n                })}\r\n                name='mf-multi-select'\r\n                placeholder=\"${ parent.decodeEntities(`Select Option`) } \"\r\n                options=${[{\"label\":\"Item 1\",\"value\":\"value-1\",\"_id\":\"892f609\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Item 2\",\"value\":\"value-2\",\"_id\":\"234e4f8\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Item 3\",\"value\":\"value-3\",\"_id\":\"284cfb0\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"}]}\r\n                onChange=${(el) => {\r\n                    setValue(\"mf-multi-select\", '');\r\n                    if(el != null){\r\n                        setValue(\"mf-multi-select\", el, true);\r\n                    }\r\n                    parent.multiSelectChange(el, 'mf-multi-select');\r\n                }}\r\n                ref=${() => {\r\n\t\t\t\t                    register({ name: \"mf-multi-select\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\r\n                    if(parent.state?.submitted !== true){\r\n                        if ( parent.getValue(\"mf-multi-select\") === '' && false ) {\r\n                            parent.setValue( 'mf-multi-select', '[]');\r\n                            parent.multiSelectChange('[]', 'mf-multi-select');\r\n                        }\r\n                    }\r\n                }}\r\n                isMulti\r\n            \/>\r\n            \r\n            \t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-multi-select\"\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            \r\n        <\/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>\n\t\t<div class=\"elementor-element elementor-element-4d866ee9 e-con-full e-flex e-con e-child\" data-id=\"4d866ee9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4637232a elementor-widget elementor-widget-mf-textarea\" data-id=\"4637232a\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-textarea&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div class=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<textarea class=\"mf-input mf-textarea \" id=\"mf-input-text-area-4637232a\"\r\n\t\t\t\tname=\"mf-textarea\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Send Message`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-textarea'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\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-textarea\"\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5e0d2 e-con-full e-flex e-con e-child\" data-id=\"d5e0d2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5049ce74 mf-btn--left mf-btn--tablet-justify mf-btn--mobile-justify elementor-widget elementor-widget-mf-button\" data-id=\"5049ce74\" data-element_type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div class=\"mf-btn-wraper \" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" class=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Send Message`) } <\/span>\r\n\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-right-arrow-12\"><\/i>\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","protected":false},"excerpt":{"rendered":"<p>{ parent.activateValidation({&#8220;message&#8221;:&#8221;This field is required.&#8221;,&#8221;minLength&#8221;:1,&#8221;maxLength&#8221;:&#8221;&#8221;,&#8221;type&#8221;:&#8221;none&#8221;,&#8221;required&#8221;:false,&#8221;expression&#8221;:&#8221;null&#8221;}, el) }} \/> parent.activateValidation({&#8220;message&#8221;:&#8221;This field is required.&#8221;,&#8221;emailMessage&#8221;:&#8221;Please enter a valid Email address&#8221;,&#8221;minLength&#8221;:1,&#8221;maxLength&#8221;:&#8221;&#8221;,&#8221;type&#8221;:&#8221;none&#8221;,&#8221;required&#8221;:false,&#8221;expression&#8221;:&#8221;null&#8221;}, el)} \/> parent.activateValidation({&#8220;message&#8221;:&#8221;This field is required.&#8221;,&#8221;minLength&#8221;:1,&#8221;maxLength&#8221;:&#8221;&#8221;,&#8221;type&#8221;:&#8221;none&#8221;,&#8221;required&#8221;:false,&#8221;expression&#8221;:&#8221;null&#8221;}, el)} \/> option.mf_input_option_status === &#8216;disabled&#8217;} className=${&#8220;mf-input mf-input-multiselect &#8221; + ( validation.errors[&#8216;mf-multi-select&#8217;] ? &#8216;mf-invalid&#8217; : &#8221; )} classNamePrefix=&#8221;mf_multiselect&#8221; value=${parent.getValue(&#8220;mf-multi-select&#8221;) &#038;&#038; [{&#8220;label&#8221;:&#8221;Item 1&#8243;,&#8221;value&#8221;:&#8221;value-1&#8243;,&#8221;_id&#8221;:&#8221;892f609&#8243;,&#8221;mf_input_option_status&#8221;:&#8221;&#8221;,&#8221;mf_input_option_selected&#8221;:&#8221;&#8221;},{&#8220;label&#8221;:&#8221;Item 2&#8243;,&#8221;value&#8221;:&#8221;value-2&#8243;,&#8221;_id&#8221;:&#8221;234e4f8&#8243;,&#8221;mf_input_option_status&#8221;:&#8221;&#8221;,&#8221;mf_input_option_selected&#8221;:&#8221;&#8221;},{&#8220;label&#8221;:&#8221;Item 3&#8243;,&#8221;value&#8221;:&#8221;value-3&#8243;,&#8221;_id&#8221;:&#8221;284cfb0&#8243;,&#8221;mf_input_option_status&#8221;:&#8221;&#8221;,&#8221;mf_input_option_selected&#8221;:&#8221;&#8221;}].filter(item => { if(parent.state.formData[&#8216;mf-multi-select&#8217;] &#038;&#038; parent.state.formData[&#8216;mf-multi-select&#8217;].indexOf(item.value) != -1 ){ return [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-104","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tawhidhasan.dev\/index.php?rest_route=\/wp\/v2\/pages\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tawhidhasan.dev\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tawhidhasan.dev\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tawhidhasan.dev\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tawhidhasan.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=104"}],"version-history":[{"count":4,"href":"https:\/\/tawhidhasan.dev\/index.php?rest_route=\/wp\/v2\/pages\/104\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/tawhidhasan.dev\/index.php?rest_route=\/wp\/v2\/pages\/104\/revisions\/109"}],"wp:attachment":[{"href":"https:\/\/tawhidhasan.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}