import{d as b,A as _,y as f,o as i,c as p,e as g,b as y,f as o,t as h,a,w as m,z as k,B as x,j as v}from"./T78CBxbr.js";import{a as w}from"./BbqsbwA0.js";import"./BMD_g_aD.js";const $={class:"relative overflow-hidden"},B=o("div",{class:"absolute inset-0 bg-black/20"},null,-1),S={class:"container relative grid md:grid-cols-2"},j={class:"flex flex-col justify-center py-44 sm:py-52 md:col-start-2 md:py-56 lg:px-14 lg:py-72"},q={class:"overflow-wrap-any mb-6 text-balance text-white md:mb-14"},V=b({__name:"CtaStoreLocations",props:{block:{type:Object,required:!0}},setup(t){const s=_("globals");function u(e){const n=new URLSearchParams({q:w(e.q)}).toString();k(e.q?`${s.value.site.store_location_map_url}?${n}`:s.value.site.store_location_map_url)}return(e,n)=>{var r;const d=x,l=v,c=f("FormKit");return i(),p("section",$,[(r=t.block.background_image)!=null&&r.permalink?(i(),g(d,{key:0,alt:t.block.background_image.alt,"img-attrs":{class:"h-full max-w-none lg:w-full"},src:t.block.background_image.permalink,class:"absolute inset-y-0 left-1/2 z-[-1] -translate-x-1/2 lg:inset-x-0 lg:inset-y-auto lg:top-1/2 lg:-translate-y-1/2 lg:translate-x-0"},null,8,["alt","src"])):y("",!0),B,o("div",S,[o("div",j,[o("h3",q,h(t.block.title),1),a(c,{action:t.block.store_locations_overview_url,actions:!1,"form-class":"xl:w-4/5",type:"form",onSubmit:u},{default:m(()=>[a(c,{placeholder:e.$t("form.location.placeholder"),"inner-class":"sm:!py-1 sm:!pr-1 gap-4",name:"q",type:"text"},{suffix:m(()=>[a(l,{label:e.$t("form.actions.search"),class:"max-sm:hidden",type:"submit",variant:"secondary",small:""},null,8,["label"])]),_:1},8,["placeholder"]),a(l,{label:e.$t("form.actions.search"),class:"w-full justify-center sm:hidden",type:"submit",variant:"secondary",small:""},null,8,["label"]),a(l,{to:`${t.block.store_locations_overview_url}?my-location`,class:"mx-auto !block w-max max-w-full text-white",label:"Mijn locatie gebruiken",variant:"tertiary"},null,8,["to"])]),_:1},8,["action"])])])])}}});export{V as default};