import{_ as e}from"./CKEYLAf6.js";import{_ as a}from"./BwktB3MS.js";import{_ as l}from"./ZLXiKZFV.js";import{_ as t}from"./C7_vGl81.js";import{c as n,u as s,d as o,l as p}from"./CaT6xTWa.js";import{c as r,a as i}from"./CTE2MjzL.js";import{c as m,B as u,L as c,M as d,$ as h,a2 as v,x as b,P as g,u as F,V as _,Z as R,W as y}from"./CFGNYEIb.js";import"./Dy7DG9Bl.js";import"./CUpT3tfP.js";import"./BZIzRSk9.js";import"./DrR3boGe.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,O=m(!1),{t:I}=o(),N=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"))})),P=m({}),A=m(!1),B=m(null),T=async(e,a)=>{A.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=>{O.value=!0,P.value={},a.resetForm(),B.value.clearInput()})).catch((e=>{p.error(e.response.data.message)})).finally((()=>{A.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":F(N),onSubmit:T,initialValues:F(P)},{default:g((()=>[h("div",x,[h("div",null,[b(o,{name:"name",label:n.$t("LABELS.name"),placeholder:n.$t("INPUTS.name"),type:"text",value:F(P).name,"onUpdate:value":s[0]||(s[0]=e=>F(P).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:F(P).phone,"onUpdate:value":s[1]||(s[1]=e=>F(P).phone=e),ref_key:"phoneInput",ref:B},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:F(P).email,"onUpdate:value":s[2]||(s[2]=e=>F(P).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:F(P).country,"onUpdate:value":s[3]||(s[3]=e=>F(P).country=e),items:F(L).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:F(P).message,"onUpdate:value":s[4]||(s[4]=e=>F(P).message=e)},null,8,["label","placeholder","value"])]),h("div",null,[h("button",{loading:F(A),type:"submit",class:"base-btn capitalize !w-[480px] max-w-[100%]"}," Send message ",8,$)])])])),_:1},8,["validation-schema","initialValues"]),F(O)?(c(),_(R,{key:0,custom:"",to:"body"},[b(m,{class:"[&_h2]:!font-Montserrat [&_h2]:!not-italic [&_h2]:!font-semibold",onClose:s[5]||(s[5]=e=>O.value=!1),title:"Send message",desc:"The message has been sent successfully."})])):y("",!0)])}}};export{j as default};
