import{_ as e}from"./MUVTFnry.js";import{_ as a}from"./C1O4auGO.js";import{_ as l}from"./CydRB5T9.js";import{_ as t}from"./BB2AfZMS.js";import{u as n,a as s,b as o,l as p}from"./DH8MXtSl.js";import{c as r,a as i}from"./BKAHQqF2.js";import{c as m,A as u,L as c,M as d,$ as h,a2 as b,H as v,P as g,u as F,V as _,Z as y,W as R}from"./BCDZ6bul.js";import"./DQjUfO-W.js";import"./CW6UxUw0.js";import"./nqXcnWb-.js";import"./CfnaIHzw.js";const S={class:"bg-[#F6F7FC] py-6 lg:py-10 px-2 lg:px-14 h-fit"},f={class:"font-bold text-3xl lg:mb-12 mb-6"},x={class:"grid grid-cols-1 [&_label]:!bg-[#F6F7FC] [&_input]:!bg-[#FFFFFF03] [&_button[aria-haspopup=listbox]]:!bg-[#FFFFFF03] gap-8"},E={class:"[&_textarea]:!h-[160px] [&_textarea]:!bg-[#FFFFFF03] [&_textarea]:!p-6"},$=["loading"],j={__name:"contact-us",setup(j){const L=n(),U=s().$axios,A=m(!1),{t:I}=o(),O=m(r().shape({phone:r().shape({phone_number:i().required(I("ERRORS.phone")).test("phone-length",(function(e){const{phone_limit:a}=this.parent;return!!e&&(e.length===a||this.createError({message:I("ERRORS.phone_limit",{phone_limit:a})}))}))}),name:i().required(I("ERRORS.name")),email:i().email(I("ERRORS.invalid_email")).required(I("ERRORS.email")),country:r().required(I("ERRORS.country")),message:i().required(I("ERRORS.message"))})),N=m({}),P=m(!1),T=m(null),q=async(e,a)=>{P.value=!0;const l=new FormData;l.append("full_name",e.name),l.append("email",e.email),l.append("country_id",e.country.id),l.append("content",e.message),l.append("phone_code",e.phone.phone_code),l.append("phone",e.phone.phone_number),U.post("contact-us",l).then((e=>{A.value=!0,N.value={},a.resetForm(),T.value.clearInput()})).catch((e=>{p.error(e.response.data.message)})).finally((()=>{P.value=!1}))};return(n,s)=>{const o=e,p=a,r=l,i=u("VeeForm"),m=t;return c(),d("div",S,[h("h3",f,b(n.$t("NAV.contact")),1),v(i,{"validation-schema":F(O),onSubmit:q,initialValues:F(N)},{default:g((()=>[h("div",x,[h("div",null,[v(o,{name:"name",label:n.$t("LABELS.name"),placeholder:n.$t("INPUTS.name"),type:"text",value:F(N).name,"onUpdate:value":s[0]||(s[0]=e=>F(N).name=e)},null,8,["label","placeholder","value"])]),h("div",null,[v(p,{name:"phone",label:n.$t("LABELS.phone"),placeholder:n.$t("INPUTS.phone"),value:F(N).phone,"onUpdate:value":s[1]||(s[1]=e=>F(N).phone=e),ref_key:"phoneInput",ref:T},null,8,["label","placeholder","value"])]),h("div",null,[v(o,{name:"email",label:n.$t("LABELS.email"),placeholder:n.$t("INPUTS.email"),type:"email",value:F(N).email,"onUpdate:value":s[2]||(s[2]=e=>F(N).email=e)},null,8,["label","placeholder","value"])]),h("div",null,[v(r,{name:"country",label:n.$t("LABELS.country"),placeholder:n.$t("INPUTS.country"),value:F(N).country,"onUpdate:value":s[3]||(s[3]=e=>F(N).country=e),items:F(L).countries},null,8,["label","placeholder","value","items"])]),h("div",E,[v(o,{name:"message",type:"textarea",label:n.$t("LABELS.message"),placeholder:n.$t("INPUTS.message"),value:F(N).message,"onUpdate:value":s[4]||(s[4]=e=>F(N).message=e)},null,8,["label","placeholder","value"])]),h("div",null,[h("button",{loading:F(P),type:"submit",class:"base-btn capitalize !w-[480px] max-w-[100%]"}," Send message ",8,$)])])])),_:1},8,["validation-schema","initialValues"]),F(A)?(c(),_(y,{key:0,custom:"",to:"body"},[v(m,{class:"[&_h2]:!font-Montserrat [&_h2]:!not-italic [&_h2]:!font-semibold",onClose:s[5]||(s[5]=e=>A.value=!1),title:"Send message",desc:"The message has been sent successfully."})])):R("",!0)])}}};export{j as default};
