https://autokopen.nl/_next/static/chunks/04bu4s_fld3nf.js

1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="5018b38a-b157-1904-3d92-20435a0bb4e4")}catch(e){}}();
2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,476056,e=>{e.v({armed:"StempelZegelAnimated-module__vbrdTq__armed",stempelen:"StempelZegelAnimated-module__vbrdTq__stempelen",wrap:"StempelZegelAnimated-module__vbrdTq__wrap"})},209221,e=>{"use strict";var a=e.i(651682),l=e.i(843476),n=e.i(271645),t=e.i(451878);function r(e){var a=e.zegelId,n=e.size,r=void 0===n?138:n,s=e.className;return(0,l.jsxs)("svg",{width:r,height:r,viewBox:"0 0 120 120",role:"img","aria-label":"Stempel: gecontroleerd door ".concat(t.siteConfig.brandName,", sinds 1999"),className:s,children:[(0,l.jsx)("defs",{children:(0,l.jsx)("path",{id:a,d:"M60,60 m-47,0 a47,47 0 1,1 94,0 a47,47 0 1,1 -94,0"})}),(0,l.jsx)("circle",{cx:"60",cy:"60",r:"56",fill:"none",stroke:"currentColor",strokeWidth:"3"}),(0,l.jsx)("circle",{cx:"60",cy:"60",r:"34",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("text",{fontFamily:"ui-monospace, 'SF Mono', Menlo, Consolas, monospace",fontSize:"9",fontWeight:"600",letterSpacing:"1.3",fill:"currentColor",children:(0,l.jsxs)("textPath",{href:"#".concat(a),children:["GECONTROLEERD · ",t.siteConfig.brandName.toUpperCase()," · SINDS 1999 ·"]})}),(0,l.jsx)("path",{d:"M44 60 L56 72 L78 48",fill:"none",stroke:"currentColor",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})]})}var s=e.i(476056);e.s(["default",0,function(e){var t=e.zegelId,i=e.size,o=e.rotate,c=e.className,d=(0,n.useRef)(null),u=(0,a._)((0,n.useState)(!1),2),x=u[0],m=u[1];return(0,n.useEffect)(function(){var e=d.current;if(e){e.classList.add(s.default.armed);var l=new IntersectionObserver(function(e){(0,a._)(e,1)[0].isIntersecting&&(m(!0),l.disconnect())},{threshold:.4});return l.observe(e),function(){return l.disconnect()}}},[]),(0,l.jsx)("span",{ref:d,className:"".concat(s.default.wrap," ").concat(x?s.default.stempelen:""," ").concat(null!=c?c:""),style:{"--stempel-rot":"".concat(void 0===o?-9:o,"deg")},children:(0,l.jsx)(r,{zegelId:t,size:void 0===i?138:i})})}],209221)},457860,e=>{"use strict";var a=e.i(991865),l=e.i(651682),n=e.i(540316),t=e.i(513935),r=e.i(843476),s=e.i(271645),i=e.i(920763),o=e.i(451878),c=e.i(485249),d=e.i(578352),u=e.i(770703),x=e.i(618566),m=e.i(969353),h=(0,u.default)(function(){return e.A(519384)},{loadableGenerated:{modules:[498873]}});function p(){return(0,r.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",style:{flexShrink:0,color:"var(--color-green-text)"},children:[(0,r.jsx)("path",{d:"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"}),(0,r.jsx)("path",{d:"m14 7 3 3"}),(0,r.jsx)("path",{d:"M5 6v4"}),(0,r.jsx)("path",{d:"M19 14v4"}),(0,r.jsx)("path",{d:"M10 2v2"}),(0,r.jsx)("path",{d:"M7 8H3"}),(0,r.jsx)("path",{d:"M21 16h-4"}),(0,r.jsx)("path",{d:"M11 3H9"})]})}var v=[5e3,7500,1e4,12500,15e3,17500,2e4,25e3,3e4,35e3,4e4,5e4,6e4,75e3,1e5,125e3,15e4,2e5,25e4,3e5];function b(e){for(var a=new Date().getFullYear(),l=[],n=a;n>=e.min;n--)l.push(n);return l}var j=[{kw:37,label:"37 kW  (50+ PK)"},{kw:74,label:"74 kW  (100+ PK)"},{kw:110,label:"110 kW  (150+ PK)"},{kw:147,label:"147 kW  (200+ PK)"},{kw:184,label:"184 kW  (250+ PK)"},{kw:221,label:"221 kW  (300+ PK)"}],f=[{cc:500,label:"500 cc"},{cc:750,label:"750 cc"},{cc:900,label:"900 cc"},{cc:1e3,label:"1.000 cc"},{cc:1200,label:"1.200 cc"},{cc:1400,label:"1.400 cc"},{cc:1600,label:"1.600 cc"},{cc:1800,label:"1.800 cc"},{cc:2e3,label:"2.000 cc"},{cc:2500,label:"2.500 cc"},{cc:3e3,label:"3.000 cc"},{cc:4e3,label:"4.000 cc"},{cc:5e3,label:"5.000 cc"}],g=[2,3,4,5,6,8,10,12],k={hatchback:"Hatchback",sedan:"Sedan",stationwagon:"Stationwagon",suv:"SUV",mpv:"MPV",coupe:"Coupé",cabriolet:"Cabrio",bestelauto:"Bestelauto"},_={benzine:"Benzine",diesel:"Diesel",elektrisch:"Elektrisch",hybride:"Hybride","plug-in-hybride":"Plug-in hybride"};e.s(["default",0,function(e){var u,y,N,w,C=e.brands,S=e.priceRange,B=e.yearRange,M=e.initialCount,L=e.scope,W=(0,x.useRouter)(),A="/".concat((0,d.zoekBasis)(L)),T="scooter"===L,R=T?"brandstof-prijs":c.homeCopy.searchRow,P=(0,l._)((0,s.useTransition)(),2)[1],z=(0,l._)((0,s.use

2State)("filters"),2),H=z[0],F=z[1],K=(0,l._)((0,s.useState)(!1),2),V=K[0],E=K[1];(0,s.useEffect)(function(){var e=window,a=function(){return E(!0)},l=e.requestIdleCallback?e.requestIdleCallback(a):window.setTimeout(a,1500);return function(){e.cancelIdleCallback?e.cancelIdleCallback(l):clearTimeout(l)}},[]);var Z=(0,l._)((0,s.useState)(""),2),D=Z[0],I=Z[1],O=(0,l._)((0,s.useState)(""),2),G=O[0],U=O[1],q=(0,l._)((0,s.useState)(""),2),Y=q[0],J=q[1],Q=(0,l._)((0,s.useState)(""),2),X=Q[0],$=Q[1],ee=(0,l._)((0,s.useState)(""),2),ea=ee[0],el=ee[1],en=(0,l._)((0,s.useState)(""),2),et=en[0],er=en[1],es=(0,l._)((0,s.useState)(""),2),ei=es[0],eo=es[1],ec=(0,l._)((0,s.useState)(!1),2),ed=ec[0],eu=ec[1],ex=(0,l._)((0,s.useState)(""),2),em=ex[0],eh=ex[1],ep=(0,l._)((0,s.useState)(""),2),ev=ep[0],eb=ep[1],ej=(0,l._)((0,s.useState)(""),2),ef=ej[0],eg=ej[1],ek=(0,l._)((0,s.useState)(""),2),e_=ek[0],ey=ek[1],eN=(0,l._)((0,s.useState)(""),2),ew=eN[0],eC=eN[1],eS=(0,l._)((0,s.useState)(""),2),eB=eS[0],eM=eS[1],eL=(0,l._)((0,s.useState)(""),2),eW=eL[0],eA=eL[1],eT=(0,l._)((0,s.use

2State)(""),2),eR=eT[0],eP=eT[1],ez=(0,l._)((0,s.useState)(""),2),eH=ez[0],eF=ez[1],eK=(0,l._)((0,s.useState)(""),2),eV=eK[0],eE=eK[1],eZ=(0,l._)((0,s.useState)(""),2),eD=eZ[0],eI=eZ[1],eO=(0,l._)((0,s.useState)(""),2),eG=eO[0],eU=eO[1],eq=(0,l._)((0,s.useState)(""),2),eY=eq[0],eJ=eq[1],eQ=(0,l._)((0,s.useState)(""),2),eX=eQ[0],e$=eQ[1],e0=(0,l._)((0,s.useState)(!1),2),e1=e0[0],e2=e0[1],e5=(0,l._)((0,s.useState)(!1),2),e4=e5[0],e3=e5[1],e6=(0,l._)((0,s.useState)(!1),2),e7=e6[0],e8=e6[1],e9=(0,l._)((0,s.useState)(""),2),ae=e9[0],aa=e9[1],al=(0,l._)((0,s.useState)(""),2),an=al[0],at=al[1],ar=(0,l._)((0,s.useState)(new Set),2),as=ar[0],ai=ar[1],ao=(0,l._)((0,s.useState)(!1),2),ac=ao[0],ad=ao[1],au=(0,l._)((0,s.useState)(null!=M?M:null),2),ax=au[0],am=au[1],ah=C.find(function(e){return e.slug===D}),ap=(0,m.useBrandModels)(D,{scope:L}),av=ap.models,ab=ap.loading,aj=[em,ev,ef,e_,ew,eB,eW,eR,eH,eV,eD,eG,eY,eX,ae,an,e1?"1":"",e4?"1":"",e7?"1":""].filter(Boolean).length+as.size,af=[];em&&af.push("max. € ".concat(Number(em).toLocaleString("nl-NL"),"/mnd")),ev&&af.push("t/m ".concat(ev)),e_&&af.push("max. ".concat(Number(e_).toLocaleString("nl-NL")," km")),ef&&af.push("min. ".concat(Number(ef).toLocaleString("nl-NL")," km")),ew&&af.push("".concat(ew,"+ kW")),eB&&af.push("v.a. ".concat(eB," cc")),eW&&af.push("t/m ".concat(eW," cc")),eR&&af.push("".concat(eR,"+ cil.")),eH&&af.push("max. ".concat(eH," cil.")),eY&&af.push(eY.charAt(0).toUpperCase()+eY.slice(1)),eX&&af.push(eX.charAt(0).toUpperCase()+eX.slice(1)),eV&&af.push("".concat(eV,"+ zitpl.")),eD&&af.push("".concat(eD," deuren")),eG&&af.push("Label ".concat(eG)),e1&&af.push("BOVAG"),e4&&af.push("NAP"),e7&&af.push("BTW-aftrekbaar"),ae&&af.push("btw"===ae?"BTW auto":"Marge auto"),an&&af.push(an),as.forEach(function(e){return af.push(e.replace(/-/g," "))});var ag=(0,s.useCallback)(function(){var e=new URLSearchParams;return D&&e.set("brand",D),G&&e.set("model",G),em&&e.set("monthly_max",em),X&&e.set("price_max",X),Y&&e.set("fuel",Y),et&&e.set("body",et),ei&&e.set("transmission",ei),ea&&e.set("year_min",ea),ev&&e.set("year_max",ev),ef&&e.set("mileage_min",ef),e_&&e.set("mileage_max",e_),ew&&e.set("power_kw_min",ew),eB&&e.set("engine_cc_min",eB),eW&&e.set("engine_cc_max",eW),eR&&e.set("cylinders_min",eR),eH&&e.set("cylinders_max",eH),eV&&e.set("seats_min",eV),eD&&e.set("doors",eD),eG&&e.set("energy_label",eG),eY&&e.set("color",eY),eX&&e.set("region",eX),e1&&e.set("bovag","1"),e4&&e.set("nap","1"),e7&&e.set("btw_deductible","1"),ae&&e.set("vat_type",ae),an&&e.set("format",an),as.size&&e.set("features",(0,n._)(as).join(",")),e},[D,G,em,X,Y,et,ei,ea,ev,ew,eB,eW,eR,eH,eV,eD,eG,eY,eX,e1,e4,e7,ae,an,as,ef,e_]);(0,s.useEffect)(function(){var e=ag();if(""!==e.toString()){var l=new AbortController,n=setTimeout(function(){return(0,a._)(function(){var a,n,r;return(0,t._)(this,function(t){switch(t.label){case 0:return t.trys.push([0,3,,4]),e.set("limit","1"),e.set("page","1"),L&&e.set("vehicle_type",L),[4,fetch("/api/v1/vehicles/search?".concat(e),{signal:l.signal})];case 1:if(!(r=t.sent()).ok)return[2];return[4,r.json()];case 2:return am(null!=(a=null==(n=t.sent().meta)?void 0:n.total)?a:null),[3,4];case 3:return t.sent(),[3,4];case 4:return[2]}})})()},350);return function(){clearTimeout(n),l.abort()}}},[ag,L]);var ak=!!(D||G||X||em||Y||ea||et||ei||aj),a_=null!==ax?"Bekijk ".concat(ax.toLocaleString("nl-NL")," ").concat(T?"scooters":"".concat(o.siteConfig.usedVehiclePrefix,"occasions")," →"):"Zoeken →";return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{role:"tablist","aria-label":"Zoekmodus",className:"v2-panel__tabs",children:[(0,r.jsx)("button",{type:"button",role:"tab","aria-selected":"filters"===H,"aria-controls":"panel-filters",id:"tab-filters",onClick:function(){return F("filters")},className:"v2-tab",children:"Zoek met filters"}),(0,r.jsxs)("button",{type:"button",role:"tab","aria-selected":"natural"===H,"aria-controls":"panel-natural",id:"tab-natural",onClick:function(){return F("natural")},className:"v2-tab",children:["AI modus",(0,r.jsx)(p,{})]})]}),"filters"===H&&(0,r.jsx)("div",{id:"panel-filters",role:"tabpanel","aria-labelledby":"tab-filters",className:"v2-panel__body",children:(0,r.jsxs)("form",{onSubmit:function(e){e.preventDefault();var a=ag();

2P(function(){W.push("".concat(A).concat(a.toString()?"?"+a.toString():""))})},children:[(0,r.jsxs)("div",{className:"v2-fields",children:[(0,r.jsxs)("select",{className:"v2-sel v2-sel--entry",value:D,name:"brand",onChange:function(e){I(e.target.value),U(""),eu(!0)},onFocus:function(){return E(!0)},"aria-label":"Merk",children:[(0,r.jsx)("option",{value:"",children:"Merk"}),V&&(0,i.brandOptionGroups)(C,T?"scooter":void 0).map(function(e){return(0,r.jsx)("optgroup",{label:e.label,children:e.brands.map(function(e){return(0,r.jsx)("option",{value:e.slug,children:e.name},e.slug)})},e.label)})]}),(0,r.jsxs)("select",{className:ah?"v2-sel":"v2-sel v2-sel--ghost",value:G,name:"model",onChange:function(e){U(e.target.value),eu(!0)},disabled:!ah,"aria-label":"Model",children:[(0,r.jsx)("option",{value:"",children:ah?ab?"Modellen laden…":"Model":"Kies eerst een merk"}),av.map(function(e){return(0,r.jsx)("option",{value:e.slug,children:e.name},e.slug)})]}),"bouwjaar-range"===R?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("select",{className:"v2-sel",value:ea,name:"year_min",onChange:function(e){el(e.target.value),eu(!0)},"aria-label":"Bouwjaar vanaf",children:[(0,r.jsx)("option",{value:"",children:"Bouwjaar vanaf"}),b(B).map(function(e){return(0,r.jsx)("option",{value:e,children:e},e)})]}),(0,r.jsxs)("select",{className:"v2-sel",value:ev,name:"year_max",onChange:function(e){eb(e.target.value),eu(!0)},"aria-label":"Bouwjaar tot",children:[(0,r.jsx)("option",{value:"",children:"Bouwjaar tot"}),b(B).map(function(e){return(0,r.jsx)("option",{value:e,children:e},e)})]})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("select",{className:"v2-sel",value:Y,name:"fuel",onChange:function(e){J(e.target.value),eu(!0)},"aria-label":"Brandstof",children:[(0,r.jsx)("option",{value:"",children:"Brandstof"}),(0,r.jsx)("option",{value:"benzine",children:"Benzine"}),(0,r.jsx)("option",{value:"diesel",children:"Diesel"}),(0,r.jsx)("option",{value:"elektrisch",children:"Elektrisch"}),(0,r.jsx)("option",{value:"hybride",children:"Hybride"}),(0,r.jsx)("option",{value:"plug-in-hybride",children:"Plug-in hybride"})]}),(0,r.jsxs)("select",{className:"v2-sel",value:X,name:"price_max",onChange:function(e){$(e.target.value),eu(!0)},"aria-label":"Max. prijs",children:[(0,r.jsx)("option",{value:"",children:"Max. prijs"}),(u=S.max,v.filter(function(e){return e<=u})).map(function(e){return(0,r.jsxs)("option",{value:e,children:["€ ",e.toLocaleString("nl-NL")]},e)})]})]})]}),c.homeCopy.showSecondaryFilters&&(ed||ac)&&(0,r.jsxs)("div",{className:"v2-fields mt-2.5",children:["bouwjaar-range"!==R&&(0,r.jsxs)("select",{className:"v2-sel",value:ea,name:"year_min",onChange:function(e){return el(e.target.value)},"aria-label":"Maximale leeftijd",children:[(0,r.jsx)("option",{value:"",children:"Max. leeftijd"}),(y=new Date().getFullYear(),[1,2,3,5,8,10,15,20,25,30].map(function(e){return{age:e,year:y-e}}).filter(function(e){return e.year>=B.min})).map(function(e){var a=e.age,l=e.year;return(0,r.jsxs)("option",{value:l,children:["Max. ",a," jaar oud"]},a)})]}),(0,r.jsxs)("select",{className:"v2-sel",value:et,name:"body",onChange:function(e){return er(e.target.value)},"aria-label":"Carrosserie",children:[(0,r.jsx)("option",{value:"",children:"Carrosserie"}),(0,r.jsx)("option",{value:"hatchback",children:"Hatchback"}),(0,r.jsx)("option",{value:"sedan",children:"Sedan"}),(0,r.jsx)("option",{value:"stationwagon",children:"Stationwagon"}),(0,r.jsx)("option",{value:"suv",children:"SUV"}),(0,r.jsx)("option",{value:"mpv",children:"MPV"}),(0,r.jsx)("option",{value:"coupé",children:"Coupé"}),(0,r.jsx)("option",{value:"cabrio",children:"Cabrio"})]}),(0,r.jsxs)("select",{className:"v2-sel",value:ei,name:"transmission",onChange:function(e){return eo(e.target.value)},"aria-label":"Transmissie",children:[(0,r.jsx)("option",{value:"",children:"Transmissie"}),(0,r.jsx)("option",{value:"automaat",children:"Automaat"}),(0,r.jsx)("option",{value:"handgeschakeld",children:"Handgeschakeld"})]})]}),ac&&(0,r.jsxs)("div",{className:"bg-[#f9f9f9] border border-[var(--color-border)] rounded-lg p-4 mb-3",children:[(0,r.jsx)("p",{className:"text-[11px] font-semibold text-muted uppercase tracking-wide mb-3",children:"Bouwjaar & kilometerstand"}),(0,r.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",gap:"16px",marginBottom:"20px"},children:[(0,r.jsxs)("div",{style:{flex:"1 1 200px"},children:[(0,r.jsx)("p",{className:"text-[12px] font-semibold text-dark mb-1.5",children:"Bouwjaar"}),(0,r.jsxs)("div",{style:{display:"flex"},children:[(0,r.jsxs)("select",{value:ea,name:"year_from",onChange:function(e){return el(e.target.value)},"aria-label":"Bouwjaar van",style:{flex:1,borderRadius:"var(--radius) 0 0 var(--radius)",borderRight:"none",minWidth:0},className:"search-select",children:[(0,r.jsx)("option",{value:"",children:"Van"}),b(B).map(function(e){return(0,r.jsx)("option",{value:e,children:e},e)})]}),(0,r.jsxs)("select",{value:ev,name:"year_to",onChange:function(e){return eb(e.target.value)},"aria-label":"Bouwjaar t/m",style:{flex:1,borderRadius:"0 var(--radius) var(--radius) 0",minWidth:0},className:"search-select",children:[(0,r.jsx)("option",{value:"",children:"T/m"}),b(B).map(function(e){return(0,r.jsx)("option",{value:e,children:e},e)})]})]})]}),(0,r.jsxs)("div",{style:{flex:"1 1 200px"},children:[(0,r.jsx)("p",{className:"text-[12px] font-semibold text-dark mb-1.5",children:"Kilometerstand"}),(0,r.jsxs)("div",{style:{display:"flex"},children:[(0,r.jsxs)("select",{value:ef,name:"mileage_min",onChange:function(e){return eg(e.target.value)},"aria-label":"KM-stand van",style:{flex:1,borderRadius:"var(--radius) 0 0 var(--radius)",borderRight:"none",minWidth:0},className:"search-select",children:[(0,r.jsx)("option",{value:"",children:"Van"}),(0,r.jsx)("option",{value:"10000",children:"10.000 km"}),(0,r.jsx)("option",{value:"25000",children:"25.000 km"}),(0,r.jsx)("option",{value:"50000",children:"50.000 km"}),(0,r.jsx)("option",{value:"75000",children:"75.000 km"}),(0,r.jsx)("option",{value:"100000",children:"100.000 km"}),(0,r.jsx)("option",{value:"150000",children:"150.000 km"})]}),(0,r.jsxs)("select",{value:e_,name:"mileage_max",onChange:function(e){return ey(e.target.value)},"aria-label":"KM-stand tot",style:{flex:1,borderRadius:"0 var(--radius) var(--radius) 0",minWidth:0},className:"search-select",children:[(0,r.jsx)("option",{value:"",children:"Tot"}),(0,r.jsx)("option",{value:"10000",children:"10.000 km"}),(0,r.jsx)("option",{value:"25000",children:"25.000 km"}),(0,r.jsx)("option",{value:"50000",children:"50.000 km"}),(0,r.jsx)("option",{value:"75000",children:"75.000 km"}),(0,r.jsx)("option",{value:"100000",children:"100.000 km"}),(0,r.jsx)("option",{value:"150000",children:"150.000 km"}),(0,r.jsx)("option",{value:"200000",children:"200.000 km"})]})]})]})]}),(0,r.jsx)("p",{className:"text-[11px] font-semibold text-muted uppercase tracking-wide mb-3",children:"Motor"}),(0,r.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",gap:"16px",marginBottom:"20px"},children:[(0,r.jsxs)("div",{style:{flex:"1 1 200px"},children:[(0,r.jsx)("p",{className:"text-[12px] font-semibold text-dark mb-1.5",children:"Cilinderinhoud"}),(0,r.jsxs)("div",{style:{display:"flex"},children:[(0,r.jsxs)("select",{value:eB,name:"engine_cc_min",onChange:function(e){return eM(e.target.value)},"aria-label":"Cilinderinhoud van",style:{flex:1,borderRadius:"var(--radius) 0 0 var(--radius)",borderRight:"none",minWidth:0},className:"search-select",children:[(0,r.jsx)("option",{value:"",children:"Van"}),f.map(function(e){var a=e.cc,l=e.label;return(0,r.jsx)("option",{value:String(a),children:l},a)})]}),(0,r.jsxs)("select",{value:eW,name:"engine_cc_max",onChange:function(e){return eA(e.target.value)},"aria-label":"Cilinderinhoud t/m",style:{flex:1,borderRadius:"0 var(--radius) var(--radius) 0",minWidth:0},className:"search-select",children:[(0,r.jsx)("option",{value:"",children:"T/m"}),f.map(function(e){var a=e.cc,l=e.label;return(0,r.jsx)("option",{value:String(a),children:l},a)})]})]})]}),(0,r.jsxs)("div",{style:{flex:"1 1 200px"},children:[(0,r.jsx)("p",{className:"text-[12px] font-semibold text-dark mb-1.5",children:"Aantal cilinders"}),(0,r.jsxs)("div",{style:{display:"flex"},children:[(0,r.jsxs)("select",{value:eR,name:"cylinders_min",onChange:function(e){return eP(e.target.value)},"aria-label":"Cilinders van",style:{flex:1,borderRadius:"var(--radius) 0 0 var(--radius)",borderRight:"none",minWidth:0},className:"search-select",children:[(0,r.jsx)("option",{value:"",children:"Van"}),g.map(function(e){return(0,r.jsx)("option",{value:String(e),children:e},e)})]}),(0,r.jsxs)("select",{value:eH,name:"cylinders_max",onChange:function(e){return eF(e.target.value)},"aria-label":"Cilinders t/m",style:{flex:1,borderRadius:"0 var(--radius) var(--radius) 0",minWidth:0},className:"search-select",children:[(0,r.jsx)("option",{value:"",children:"T/m"}),g.map(function(e){return(0,r.jsx)("option",{value:String(e),children:e},e)})]})]})]})]}),(0,r.jsx)("p",{className:"text-[11px] font-semibold text-muted uppercase tracking-wide mb-3",children:"Financiering"}),(0,r.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(160px, 1fr))",gap:"12px",marginBottom:"20px"},children:(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-[12px] font-semibold text-dark mb-1",children:"Max. maandlast"}),(0,r.jsxs)("select",{className:"search-select w-full",value:em,name:"monthly_max",onChange:function(e){return eh(e.target.value)},"aria-label":"Max. maandlast",children:[(0,r.jsx)("option",{value:"",children:"Alle"}),(0,r.jsx)("option",{value:"200",children:"€ 200/mnd"}),(0,r.jsx)("option",{value:"300",children:"€ 300/mnd"}),(0,r.jsx)("option",{value:"400",children:"€ 400/mnd"}),(0,r.jsx)("option",{value:"500",children:"€ 500/mnd"}),(0,r.jsx)("option",{value:"600",children:"€ 600/mnd"}),(0,r.jsx)("option",{value:"750",children:"€ 750/mnd"}),(0,r.jsx)("option",{value:"1000",children:"€ 1.000/mnd"})]})]})}),(0,r.jsx)("p",{className:"text-[11px] font-semibold text-muted uppercase tracking-wide mb-3",children:"Voertuig details"}),(0,r.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(130px, 1fr))",gap:"12px",marginBottom:"20px"},children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-[12px] font-semibold text-dark mb-1",children:"Min. vermogen"}),(0,r.jsxs)("select",{className:"search-select w-full",value:ew,name:"power_kw_min",onChange:function(e){return eC(e.target.value)},"aria-label":"Minimum vermogen",children:[(0,r.jsx)("option",{value:"",children:"Alle"}),j.map(function(e){var a=e.kw,l=e.label;return(0,r.jsx)("option",{value:String(a),children:l},a)})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-[12px] font-semibold text-dark mb-1",children:"Zitplaatsen"}),(0,r.jsxs)("select",{className:"search-select w-full",value:eV,name:"seats_min",onChange:function(e){return eE(e.target.value)},"aria-label":"Zitplaatsen",children:[(0,r.jsx)("option",{value:"",children:"Alle"}),(0,r.jsx)("option",{value:"4",children:"4+"}),(0,r.jsx)("option",{value:"5",children:"5+"}),(0,r.jsx)("option",{value:"7",children:"7+"})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-[12px] font-semibold text-dark mb-1",children:"Deuren"}),(0,r.jsxs)("select",{className:"search-select w-full",value:eD,name:"doors",onChange:function(e){return eI(e.target.value)},"aria-label":"Deuren",children:[(0,r.jsx)("option",{value:"",children:"Alle"}),(0,r.jsx)("option",{value:"2",children:"2 deuren"}),(0,r.jsx)("option",{value:"3",children:"3 deuren"}),(0,r.jsx)("option",{value:"4",children:"4 deuren"}),(0,r.jsx)("option",{value:"5",children:"5 deuren"})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-[12px] font-semibold text-dark mb-1",children:"Energielabel"}),(0,r.jsxs)("select",{className:"search-select w-full",value:eG,n

2ame:"energy_label",onChange:function(e){return eU(e.target.value)},"aria-label":"Energielabel",children:[(0,r.jsx)("option",{value:"",children:"Alle"}),["A","B","C","D","E","F","G"].map(function(e){return(0,r.jsx)("option",{value:e,children:e},e)})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-[12px] font-semibold text-dark mb-1",children:"BTW / Marge"}),(0,r.jsxs)("select",{className:"search-select w-full",value:ae,name:"vat_type",onChange:function(e){return aa(e.target.value)},"aria-label":"BTW / Marge",children:[(0,r.jsx)("option",{value:"",children:"Alle"}),(0,r.jsx)("option",{value:"btw",children:"BTW auto"}),(0,r.jsx)("option",{value:"marge",children:"Marge auto"})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-[12px] font-semibold text-dark mb-1",children:"Formaat"}),(0,r.jsxs)("select",{className:"search-select w-full",value:an,name:"format",onChange:function(e){return at(e.target.value)},"aria-label":"Formaat",children:[(0,r.jsx)("option",{value:"",children:"Alle formaten"}),["L1H1","L1H2","L2H1","L2H2","L3H1","L3H2","L4H2"].map(function(e){return(0,r.jsx)("option",{value:e,children:e},e)})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-[12px] font-semibold text-dark mb-1",children:"Kleur"}),(0,r.jsxs)("select",{className:"search-select w-full",value:eY,name:"color",onChange:function(e){return eJ(e.target.value)},"aria-label":"Kleur",children:[(0,r.jsx)("option",{value:"",children:"Alle"}),(0,r.jsx)("option",{value:"zwart",children:"Zwart"}),(0,r.jsx)("option",{value:"wit",children:"Wit"}),(0,r.jsx)("option",{value:"grijs",children:"Grijs"}),(0,r.jsx)("option",{value:"zilver",children:"Zilver"}),(0,r.jsx)("option",{value:"rood",children:"Rood"}),(0,r.jsx)("option",{value:"blauw",children:"Blauw"}),(0,r.jsx)("option",{value:"groen",children:"Groen"}),(0,r.jsx)("option",{value:"bruin",children:"Bruin"}),(0,r.jsx)("option",{value:"oranje",children:"Oranje"}),(0,r.jsx)("option",{value:"beige",children:"Beige"})]})]})]}),(0,r.jsx)("p",{className:"text-[11px] font-semibold text-muted uppercase tracking-wide mb-3",children:"Locatie & kwaliteit"}),(0,r.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(130px, 1fr))",gap:"12px",marginBottom:"16px"},children:(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-[12px] font-semibold text-dark mb-1",children:"Provincie"}),(0,r.jsxs)("select",{className:"search-select w-full",value:eX,name:"region",onChange:function(e){return e$(e.target.value)},"aria-label":"Provincie",children:[(0,r.jsx)("option",{value:"",children:"Alle"}),[["drenthe","Drenthe"],["flevoland","Flevoland"],["friesland","Friesland"],["gelderland","Gelderland"],["groningen","Groningen"],["limburg","Limburg"],["noord-brabant","Noord-Brabant"],["noord-holland","Noord-Holland"],["overijssel","Overijssel"],["utrecht","Utrecht"],["zeeland","Zeeland"],["zuid-holland","Zuid-Holland"]].map(function(e){var a=(0,l._)(e,2),n=a[0],t=a[1];return(0,r.jsx)("option",{value:n,children:t},n)})]})]})}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2 mb-4",children:[{name:"bovag",label:"BOVAG-garantie",value:e1,setter:e2},{name:"nap",label:"NAP-check",value:e4,setter:e3},{name:"btw_deductible",label:"BTW-aftrekbaar",value:e7,setter:e8}].map(function(e){var a=e.name,l=e.label,n=e.value,t=e.setter;return(0,r.jsxs)("label",{className:"flex items-center gap-2 px-3.5 py-2.5 rounded-lg cursor-pointer text-sm select-none border transition-colors duration-100 ".concat(n?"border-dark bg-cream":"border-[var(--color-border)] bg-white"),children:[(0,r.jsx)("input",{type:"checkbox",name:a,checked:n,onChange:function(e){return t(e.target.checked)},className:"check-input"}),l]},l)})}),(0,r.jsx)("p",{className:"text-[11px] font-semibold text-muted uppercase tracking-wide mb-3",children:"Opties & accessoires"}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2",children:[{slug:"navigatie",label:"Navigatie"},{slug:"parkeersensoren",label:"Parkeersensoren"},{slug:"achteruitrijcamera",label:"Achteruitrijcamera"},{slug:"panoramadak",label:"Panoramadak"},{slug:"trekhaak",label:"Trekhaak"},{slug:"cruise-control",label:"Cruise control"},{slug:"leder",label:"Lederen bekleding"},{slug:"carplay",label:"Apple CarPlay"},{slug:"stoelverwarming",label:"Stoelverwarming"}].map(function(e){var a=e.slug,l=e.label,n=as.has(a);return(0,r.jsx)("button",{type:"button",onClick:function(){ai(function(e){var l=new Set(e);return l.has(a)?l.delete(a):l.add(a),l})},className:"px-4 py-3 text-[13px] rounded-full border transition-[background,color,border-color] duration-100 cursor-pointer ".concat(n?"bg-dark text-white border-dark font-semibold":"bg-white text-dark border-[var(--color-border)] font-normal"),children:l},a)})})]}),aj>0&&!ac&&(0,r.jsxs)("div",{className:"flex items-center gap-1.5 text-[12px] text-muted mb-3 px-0.5 flex-wrap",children:[(0,r.jsx)("span",{style:{fontWeight:600,color:"var(--color-dark)"},children:"Filters:"}),af.slice(0,3).map(function(e,a){return(0,r.jsx)("span",{className:"px-2 py-0.5 bg-cream border border-[var(--color-border)] rounded-full text-[11px] font-medium",children:e},a)}),af.length>3&&(0,r.jsxs)("span",{className:"text-[11px] text-muted",children:["+",af.length-3," meer"]})]}),(Y||et||ei||ea)&&!ac&&(0,r.jsxs)("div",{className:"flex items-center gap-1.5 text-[12px] text-muted mb-3 px-0.5 flex-wrap",children:[Y&&(0,r.jsx)("span",{className:"px-2 py-0.5 bg-cream border border-[var(--color-border)] rounded-full text-[11px] font-medium",children:null!=(N=_[Y])?N:Y}),et&&(0,r.jsx)("span",{className:"px-2 py-0.5 bg-cream border border-[var(--color-border)] rounded-full text-[11px] font-medium",children:null!=(w=k[et])?w:et}),ei&&(0,r.jsx)("span",{className:"px-2 py-0.5 bg-cream border border-[var(--color-border)] rounded-full text-[11px] font-medium",children:"automaat"===ei?"Automaat":"Handgeschakeld"}),ea&&(0,r.jsxs)("span",{className:"px-2 py-0.5 bg-cream border border-[var(--color-border)] rounded-full text-[11px] font-medium",children:["Vanaf ",ea]})]}),(0,r.jsxs)("div",{className:"v2-panel__cta",children:[(0,r.jsx)("button",{type:"submit",className:"v2-btn v2-btn--brand",children:(0,r.jsx)("output",{"aria-live":"polite","aria-atomic":"true",children:a_})}),(0,r.jsxs)("button",{type:"button",onClick:function(){return ad(function(e){return!e})},"aria-expanded":ac,className:"v2-btn v2-btn--quiet",children:[ac?"Minder filters":"Alle filters",aj>0&&(0,r.jsx)("span",{className:"inline-flex items-center justify-center w-[18px] h-[18px] bg-brand text-white rounded-full text-[11px] font-bold leading-none",children:aj})]})]}),ak&&(0,r.jsx)("button",{type:"button",onClick:function(){I(""),U(""),$(""),J(""),eh(""),er(""),eo(""),el(""),eb(""),eg(""),ey(""),eC(""),eM(""),eA(""),eP(""),eF(""),eE(""),eI(""),eU(""),eJ(""),e$(""),e2(!1),e3(!1),e8(!1),aa(""),at(""),ai(new Set),eu(!1),ad(!1)},className:"bg-transparent border-none text-[13px] font-medium text-muted cursor-pointer p-0 mt-2.5 underline",children:"Wis filters"})]})}),"natural"===H&&(0,r.jsx)("div",{id:"panel-natural",role:"tabpanel","aria-labelledby":"tab-natural",className:"v2-panel__body",children:(0,r.jsx)(h,{scope:L})})]})}])}]);
3

4//# debugId=5018b38a-b157-1904-3d92-20435a0bb4e4