import{_ as e}from"./BnG8di-f.js";import{_ as a}from"./BnszdAyJ.js";import{_ as l}from"./B8IOr4LB.js";import{_ as t}from"./B0iNt-L5.js";import{u as n,a as s,b as o,l as p}from"./DGT5sB9q.js";import{c as r,a as i}from"./00owlK0b.js";import{c as m,A as u,L as c,M as d,$ as h,a2 as v,H as b,P as F,u as g,V as _,Z as y,W as R}from"./DOfEu912.js";import"./BSZOgo1Q.js";import"./CbWlRoj9.js";import"./hbZL9CJp.js";const S={class:"bg-[#F6F7FC] py-6 lg:py-10 px-2 lg:px-14 h-fit"},f={class:"font-bold text-3xl mb-12"},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"],L={__name:"contact-us",setup(L){const j=n(),U=s().$axios,I=m(!1),{t:A}=o(),O=m(r().shape({phone:r().shape({phone_number:i().required(A("ERRORS.phone")).test("phone-length",(function(e){const{phone_limit:a}=this.parent;return!!e&&(e.length===a||this.createError({message:A("ERRORS.phone_limit",{phone_limit:a})}))}))}),name:i().required(A("ERRORS.name")),email:i().email(A("ERRORS.invalid_email")).required(A("ERRORS.email")),country:r().required(A("ERRORS.country")),message:i().required(A("ERRORS.message"))})),B=m({}),N=m(!1),P=m(null),T=async(e,a)=>{N.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=>{I.value=!0,B.value={},a.resetForm(),P.value.clearInput()})).catch((e=>{p.error(e.response.data.message)})).finally((()=>{N.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,v(n.$t("NAV.contact")),1),b(i,{"validation-schema":g(O),onSubmit:T,initialValues:g(B)},{default:F((()=>[h("div",x,[h("div",null,[b(o,{name:"name",label:n.$t("LABELS.name"),placeholder:n.$t("INPUTS.name"),type:"text",value:g(B).name,"onUpdate:value":s[0]||(s[0]=e=>g(B).name=e)},null,8,["label","placeholder","value"])]),h("div",null,[b(p,{name:"phone",label:n.$t("LABELS.phone"),placeholder:n.$t("INPUTS.phone"),value:g(B).phone,"onUpdate:value":s[1]||(s[1]=e=>g(B).phone=e),ref_key:"phoneInput",ref:P},null,8,["label","placeholder","value"])]),h("div",null,[b(o,{name:"email",label:n.$t("LABELS.email"),placeholder:n.$t("INPUTS.email"),type:"email",value:g(B).email,"onUpdate:value":s[2]||(s[2]=e=>g(B).email=e)},null,8,["label","placeholder","value"])]),h("div",null,[b(r,{name:"country",label:n.$t("LABELS.country"),placeholder:n.$t("INPUTS.country"),value:g(B).country,"onUpdate:value":s[3]||(s[3]=e=>g(B).country=e),items:g(j).countries},null,8,["label","placeholder","value","items"])]),h("div",E,[b(o,{name:"message",type:"textarea",label:n.$t("LABELS.message"),placeholder:n.$t("INPUTS.message"),value:g(B).message,"onUpdate:value":s[4]||(s[4]=e=>g(B).message=e)},null,8,["label","placeholder","value"])]),h("div",null,[h("button",{loading:g(N),type:"submit",class:"base-btn capitalize !w-[480px] max-w-[100%]"}," Send message ",8,$)])])])),_:1},8,["validation-schema","initialValues"]),g(I)?(c(),_(y,{key:0,custom:"",to:"body"},[b(m,{class:"[&_h2]:!font-Montserrat [&_h2]:!not-italic [&_h2]:!font-semibold",onClose:s[5]||(s[5]=e=>I.value=!1),title:"Send message",desc:"The message has been sent successfully."})])):R("",!0)])}}};export{L as default};
