1import{b as g,_ as V,a as h}from"./8FPvZbEJ.js";import{d as S,k as d,a2 as w,_ as k,c,o as u,e as n,G as p,v as t,x,H as y}from"./DkmqD0Ep.js";const j=S({__name:"ContactSection",setup(b,{expose:e}){e();const f=g,o=d(!1),r=d(!1),l=d(!1),s=w({name:"",email:"",phone:"",subject:"",message:""}),m={schema:f,formError:o,formSuccess:r,submitting:l,form:s,onSubmit:async(v,{resetForm:i})=>{l.value=!0,o.value=!1,await $fetch("/api/contact",{method:"POST",body:v}).then(()=>{r.value=!0,i()}).finally(()=>l.value=!1)}};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}}),C={class:"contact-section"},G={class:"container"},z={class:"row align-items-center"},U={class:"col-lg-6"},E={key:0,class:"form-success"},F={key:1,class:"form-error"},N=["onSubmit"],B={class:"form-group"},T={class:"form-group"},M={class:"form-group"},O={class:"form-group"},P={class:"form-group"},W=["disabled"];function A(b,e,f,o,r,l){const s=V,_=h;return u(),c("section",C,[n("div",G,[n("div",z,[n("div",U,[e[6]||(e[6]=n("h2",null,"Contact",-1)),e[7]||(e[7]=n("p",null,"Meer weten over ons, onze services en wat wij voor uw auto kunnen betekenen? Neem dan contact met ons op via ons contactformulier hieronder. Daarnaast kunt u ons ook een mail sturen, ons bellen, contact opnemen via Whatsapp en vindt u ons op verschillende social media kanalen.",-1)),o.formSuccess?(u(),c("div",E,e[5]||(e[5]=[n("span",{class:"check-icon"},null,-1),n("h3",null,"Goed nieuws!",-1),n("p",null,"Uw aanvraag is succesvol vewerkt. We zullen zo snel mogelijk contact met u opnemen.",-1)]))):p("",!0),o.formError?(u(),c("div",F," Er is iets misgegaan tijdens het verzenden van het formulier. Probeer het later nog eens. ")):p("",!0),t(_,{"validation-schema":o.schema,onSubmit:o.onSubmit,as:"div"},{default:x(({meta:m,values:v,handleSubmit:i})=>[n("form",{onSubmit:y(a=>i(a,o.onSubmit),["prevent"])},[n("div",B,[t(s,{label:"Naam",name:"name",modelValue:o.form.name,"onUpdate:modelValue":e[0]||(e[0]=a=>o.form.name=a)},null,8,["modelValue"])]),n("div",T,[t(s,{label:"E-mail",name:"email",modelValue:o.form.email,"onUpdate:modelValue":e[1]||(e[1]=a=>o.form.email=a)},null,8,["modelValue"])]),n("div",M,[t(s,{label:"Telefoonnummer",name:"phone",modelValue:o.form.phone,"onUpdate:modelValue":e[2]||(e[2]=a=>o.form.phone=a)},null,8,["modelValue"])]),n("div",O,[t(s,{label:"Onderwerp",name:"subject",modelValue:o.form.subject,"onUpdate:modelValue":e[3]||(e[3]=a=>o.form.subject=a)},null,8,["modelValue"])]),n("div",P,[t(s,{as:"textarea",label:"Bericht",name:"message",modelValue:o.form.message,"onUpdate:modelValue":e[4]||(e[4]=a=>o.form.message=a)},null,8,["modelValue"])]),n("button",{disabled:!m.valid||o.submitting,type:"submit",class:"button button-primary"},"Verzenden",8,W)],40,N)]),_:1},8,["validation-schema"])]),e[8]||(e[8]=n("div",{class:"col-lg-6"},[n("iframe",{"aria-label":"GT Garage Google Maps",loading:"lazy",src:"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d9917.370616970236!2d4.94547059999999!3d51.58028310000002!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x1121576348379a97!2sGT%20Garage!5e0!3m2!1sen!2snl!4v1590856809052!5m2!1sen!2snl"})],-1))])])])}const q=k(j,[["render",A],["__file","ContactSection.vue"]]);export{q as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.