https://www.vanzzz.co.uk/_next/static/chunks/pages/vans/[id]-92767bd52710a1d7.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="d4478b4e-a2f3-4298-b6cb-830dc495bd75",e._sentryDebugIdIdentifier="sentry-dbid-d4478b4e-a2f3-4298-b6cb-830dc495bd75")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17337],{52129:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/vans/[id]",function(){return a(22590)}])},24078:function(e,t,a){"use strict";a.d(t,{f:function(){return d}});var l=a(85893);a(67294);var r=a(98814),s=a(64998),n=a(43113),i=a(26806),o=a(14685);function d(e){let{className:t,classNames:a,showOutsideDays:d=!0,...c}=e;return(0,l.jsx)(n._W,{showOutsideDays:d,className:(0,i.cn)("p-3",t),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:(0,i.cn)((0,o.d)({variant:"outline"}),"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:(0,i.cn)("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md","range"===c.mode?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:(0,i.cn)((0,o.d)({variant:"ghost"}),"h-8 w-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...a},components:{IconLeft:e=>{let{className:t,...a}=e;return(0,l.jsx)(r.default,{className:(0,i.cn)("h-4 w-4",t),...a})},IconRight:e=>{let{className:t,...a}=e;return(0,l.jsx)(s.default,{className:(0,i.cn)("h-4 w-4",t),...a})}},...c})}d.displayName="Calendar"},9383:function(e,t,a){"use strict";a.d(t,{Ol:function(){return i},Zb:function(){return n},aY:function(){return c},ll:function(){return o}});var l=a(85893),r=a(67294),s=a(26806);let n=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("div",{ref:t,className:(0,s.cn)("rounded-xl border bg-card text-card-foreground shadow",a),...r})});n.displayName="Card";let i=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("div",{ref:t,className:(0,s.cn)("flex flex-col space-y-1.5 p-6",a),...r})});i.displayName="CardHeader";let o=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("div",{ref:t,className:(0,s.cn)("font-semibold leading-none tracking-tight",a),...r})});o.displayName="CardTitle";let d=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("div",{ref:t,className:(0,s.cn)("text-sm text-muted-foreground",a),...r})});d.displayName="CardDescription";let c=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("div",{ref:t,className:(0,s.cn)("p-6 pt-0",a),...r})});c.displayName="CardContent";let u=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("div",{ref:t,className:(0,s.cn)("flex items-center p-6 pt-0",a),...r})});u.displayName="CardFooter"},6075:function(e,t,a){"use strict";a.d(t,{KI:function(){return f},Pz:function(){return v},am:function(){return h},d$:function(){return x},lr:function(){return m}});var l=a(85893),r=a(67294),s=a(89382),n=a(53219),i=a(82701),o=a(26806),d=a(14685);let c=r.createContext(null);function u(){let e=r.useContext(c);if(!e)throw Error("useCarousel must be used within a <Carousel />");return e}let m=r.forwardRef((e,t)=>

1{let{orientation:a="horizontal",opts:n,setApi:i,plugins:d,className:u,children:m,...f}=e,[x,h]=(0,s.Z)({...n,axis:"horizontal"===a?"x":"y"},d),[v,p]=r.useState(!1),[g,y]=r.useState(!1),j=r.useCallback(e=>{e&&(p(e.canScrollPrev()),y(e.canScrollNext()))},[]),w=r.useCallback(()=>{null==h||h.scrollPrev()},[h]),N=r.useCallback(()=>{null==h||h.scrollNext()},[h]),b=r.useCallback(e=>{"ArrowLeft"===e.key?(e.preventDefault(),w()):"ArrowRight"===e.key&&(e.preventDefault(),N())},[w,N]);return r.useEffect(()=>{h&&i&&i(h)},[h,i]),r.useEffect(()=>{if(h)return j(h),h.on("reInit",j),h.on("select",j),()=>{null==h||h.off("select",j)}},[h,j]),(0,l.jsx)(c.Provider,{value:{carouselRef:x,api:h,opts:n,orientation:a||((null==n?void 0:n.axis)==="y"?"vertical":"horizontal"),scrollPrev:w,scrollNext:N,canScrollPrev:v,canScrollNext:g},children:(0,l.jsx)("div",{ref:t,onKeyDownCapture:b,className:(0,o.cn)("relative",u),role:"region","aria-roledescription":"carousel",...f,children:m})})});m.displayName="Carousel";let f=r.forwardRef((e,t)=>{let{className:a,...r}=e,{carouselRef:s,orientation:n}=u();return(0,l.jsx)("div",{ref:s,className:"overflow-hidden",children:(0,l.jsx)("div",{ref:t,className:(0,o.cn)("flex","horizontal"===n?"-ml-4":"-mt-4 flex-col",a),...r})})});f.displayName="CarouselContent";let x=r.forwardRef((e,t)=>{let{className:a,...r}=e,{orientation:s}=u();return(0,l.jsx)("div",{ref:t,role:"group","aria-roledescription":"slide",className:(0,o.cn)("min-w-0 shrink-0 grow-0 basis-full","horizontal"===s?"pl-4":"pt-4",a),...r})});x.displayName="CarouselItem";let h=r.forwardRef((e,t)=>{let{className:a,variant:r="outline",size:s="icon",...i}=e,{orientation:c,scrollPrev:m,canScrollPrev:f}=u();return(0,l.jsxs)(d.z,{ref:t,variant:r,size:s,className:(0,o.cn)("absolute  h-8 w-8 rounded-full","horizontal"===c?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",a),disabled:!f,onClick:m,...i,children:[(0,l.jsx)(n.default,{className:"h-4 w-4"}),(0,l.jsx)("span",{className:"sr-only",children:"Previous slide"})]})});h.displayName="CarouselPrevious";let v=r.forwardRef((e,t)=>{let{className:a,variant:r="outline",size:s="icon",...n}=e,{orientation:c,scrollNext:m,canScrollNext:f}=u();return(0,l.jsxs)(d.z,{ref:t,variant:r,size:s,className:(0,o.cn)("absolute h-8 w-8 rounded-full","horizontal"===c?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",a),disabled:!f,onClick:m,...n,children:[(0,l.jsx)(i.default,{className:"h-4 w-4"}),(0,l.jsx)("span",{className:"sr-only",children:"Next slide"})]})});v.displayName="CarouselNext"},98141:function(e,t,a){"use strict";a.d(t,{X:function(){return o}});var l=a(85893),r=a(67294),s=a(46069),n=a(13742),i=a(26806);let o=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)(s.fC,{ref:t,className:(0,i.cn)("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",a),...r,children:(0,l.jsx)(s.z$,{className:(0,i.cn)("flex items-center justify-center text-current"),children:(0,l.jsx)(n.default,{className:"h-4 w-4"})})})});o.displayName=s.fC.displayName},32383:function(e,t,a){"use strict";a.d(t,{l0:function(){return m},NI:function(){return y},Wi:function(){return x},xJ:function(){return p},lX:function(){return g},zG:function(){return w}});var l=a(85893),r=a(67294),s=a(88426),n=a(87536),i=a(26806),o=a(49102),d=a(12003);let c=(0,d.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),u=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)(o.f,{ref:t,className:(0,i.cn)(c(),a),...r})});u.displayName=o.f.displayName;let m=n.RV,f=r.createContext({}),x=e=>{let{...t}=e;return(0,l.jsx)(f.Provider,{value:{name:t.name},children:(0,l.jsx)(n.Qr,{...t})})},h=()=>{let e=r.useContext(f),t=r.useContext(v),{getFieldState:a,formState:l}=(0,n.Gc)(),s=a(e.name,l);if(!e)throw Error("useFormField should be used within <FormField>");let{id:i}=t;return{id:i,name:e.name,formItemId:"".concat(i,"-form-item"),formDescriptionId:"".concat(i,"-form-item-description"),formMessageId:"".concat(i,"-form-item-message"),...s}},v=r.createContext({}),p=r.forwardRef((e,t)=>

1{let{className:a,...s}=e,n=r.useId();return(0,l.jsx)(v.Provider,{value:{id:n},children:(0,l.jsx)("div",{ref:t,className:(0,i.cn)("space-y-2",a),...s})})});p.displayName="FormItem";let g=r.forwardRef((e,t)=>{let{className:a,...r}=e,{error:s,formItemId:n}=h();return(0,l.jsx)(u,{ref:t,className:(0,i.cn)(s&&"text-destructive",a),htmlFor:n,...r})});g.displayName="FormLabel";let y=r.forwardRef((e,t)=>{let{...a}=e,{error:r,formItemId:n,formDescriptionId:i,formMessageId:o}=h();return(0,l.jsx)(s.g7,{ref:t,id:n,"aria-describedby":r?"".concat(i," ").concat(o):"".concat(i),"aria-invalid":!!r,...a})});y.displayName="FormControl";let j=r.forwardRef((e,t)=>{let{className:a,...r}=e,{formDescriptionId:s}=h();return(0,l.jsx)("p",{ref:t,id:s,className:(0,i.cn)("text-[0.8rem] text-muted-foreground",a),...r})});j.displayName="FormDescription";let w=r.forwardRef((e,t)=>{let{className:a,children:r,...s}=e,{error:n,formMessageId:o}=h(),d=n?String(null==n?void 0:n.message):r;return d?(0,l.jsx)("p",{ref:t,id:o,className:(0,i.cn)("text-[0.8rem] font-medium text-destructive",a),...s,children:d}):null});w.displayName="FormMessage"},98826:function(e,t,a){"use strict";a.d(t,{J2:function(){return i},xo:function(){return o},yk:function(){return d}});var l=a(85893),r=a(67294),s=a(86419),n=a(26806);let i=s.fC,o=s.xz;s.ee;let d=r.forwardRef((e,t)=>{let{className:a,align:r="center",sideOffset:i=4,...o}=e;return(0,l.jsx)(s.h_,{children:(0,l.jsx)(s.VY,{ref:t,align:r,sideOffset:i,className:(0,n.cn)("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",a),...o})})});d.displayName=s.VY.displayName},49235:function(e,t,a){"use strict";a.d(t,{Z:function(){return i}});var l=a(85893),r=a(67294),s=a(63452),n=a(26806);let i=r.forwardRef((e,t)=>{let{className:a,orientation:r="horizontal",decorative:i=!0,...o}=e;return(0,l.jsx)(s.f,{ref:t,decorative:i,orientation:r,className:(0,n.cn)("shrink-0 bg-border","horizontal"===r?"h-[1px] w-full":"h-full w-[1px]",a),...o})});i.displayName=s.f.displayName},22590:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return Z}});var l=a(85893),r=a(61667),s=a(14685),n=a(24078),i=a(9383),o=a(98141),d=a(32383),c=a(98826),u=a(49235),m=a(26806),f=a(82627),x=a(78237),h=a(54465),v=a(10146),p=a(79309),g=a(12642),y=a(55447),j=a(34622),w=a(84979),N=a(8971),b=a(67294),k=a(87536);let C=(0,h.J)("pk_live_51NJcLfALsrLeYDySAUJTuiokUCiq2YKvyKjKyojF1JK6Px7c8uRCkVTR4RKnG8N61UdIjiIOLegsUsQMXrjMHqvj00hq8g3fLc"),_=e=>{var t,a,h,_;let{van:z,fromDate:D,toDate:R,vanId:I}=e,[S,L]=(0,b.useState)([]),[P,M]=(0,b.useState)(!0),[F,E]=(0,b.useState)(!1),Z=(0,k.cI)({defaultValues:{dateRange:{from:D,to:R}}}),V=Z.watch("dateRange"),{price:T,season:q}=(0,x.U)(z,(null==V?void 0:V.from)||new Date),K=e=>{var t,a,l;if(!(null==V?void 0:V.from)||!(null==V?void 0:V.to))return 0;let s=(0,v.w)(V.to,V.from);if(e.pricingType===r._H.Daily){let l=(null!==(t=e.initialDailyPrice)&&void 0!==t?t:0)*Math.min(s,3),r=(null!==(a=e.subsequentDailyPrice)&&void 0!==a?a:0)*Math.max(s-3,0);return l+r}return null!==(l=e.fixedPrice)&&void 0!==l?l:0},O=(e,t)=>{if(e.pricingType===r._H.Daily){var a,l;let t=null!==(a=e.initialDailyPrice)&&void 0!==a?a:0,r=null!==(l=e.subsequentDailyPrice)&&void 0!==l?l:0;return r>0?"\xa3".concat(t,"/day (first 3 days), then \xa3").concat(r,"/day"):"\xa3".concat(t,"/day")}return"\xa3".concat(t," fixed")},[U]=(0,r.NX)({variables:{input:{lineItems:[{productId:null==z?void 0:z.stripeProductId,quantity:(null==V?void 0:V.from)&&(null==V?void 0:V.to)?(0,v.w)(V.to,V.from):0,priceSeason:q},...S.map(e=>({productId:e.stripeProductId,quantity:1,price:K(e)}))]},bookingData:{vanVariationId:null!==(_=null==z?void 0:z.id)&&void 0!==_?_:0,fromDate:null==V?void 0:V.from,toDate:null==V?void 0:V.to,extras:S.map(e=>e.id),vanId:I?+I:0}}}),J=async e=>{e.preventDefault();let{data:t}=await U(),a=null==t?void 0:t.createCheckoutSession,l=await C;if(a&&l){let{error:e}=await l.redirectToCheckout({sessionId:a});if(e)throw Error(e.message)}};return(0,b.useEffect)(()=>

1{if((null==V?void 0:V.from)&&(null==V?void 0:V.to)){let e=(0,p.j)(V.to,V.from);e<2?(Z.setError("dateRange",{message:"Minimum booking duration is 2 days"}),M(!1)):(Z.clearErrors("dateRange"),M(!0))}},[V,Z]),(0,l.jsx)(i.Zb,{className:"w-full max-w-md mx-auto shadow-md border-gray-100",children:(0,l.jsx)(i.aY,{className:"p-6",children:(0,l.jsx)(d.l0,{...Z,children:(0,l.jsxs)("form",{className:"space-y-6",children:[(0,l.jsx)(d.Wi,{control:Z.control,name:"dateRange",render:e=>{var t,a;let{field:r}=e;return(0,l.jsxs)(d.xJ,{className:"flex flex-col",children:[(0,l.jsxs)(c.J2,{children:[(0,l.jsx)(c.xo,{asChild:!0,children:(0,l.jsx)(d.NI,{children:(0,l.jsxs)(s.z,{variant:"outline",className:(0,m.cn)("w-full pl-3 text-left font-normal hover:bg-gray-50 transition-colors",!r.value&&"text-muted-foreground"),children:[(null===(t=r.value)||void 0===t?void 0:t.from)?r.value.to?(0,l.jsxs)(l.Fragment,{children:[(0,g.WU)(r.value.from,"LLL dd, y")," -"," ",(0,g.WU)(r.value.to,"LLL dd, y")]}):(0,g.WU)(r.value.from,"LLL dd, y"):(0,l.jsx)("span",{children:"Pick a date range"}),(0,l.jsx)(j.default,{className:"ml-auto h-4 w-4 opacity-50"})]})})}),(0,l.jsx)(c.yk,{className:"w-auto p-0 shadow-lg",align:"start",children:(0,l.jsx)(n.f,{initialFocus:!0,mode:"range",defaultMonth:null===(a=r.value)||void 0===a?void 0:a.from,selected:r.value,onSelect:r.onChange,numberOfMonths:2,disabled:e=>(0,y.z)(e)||e<new Date,min:3,className:"rounded-md border"})})]}),(0,l.jsx)(d.zG,{className:"text-xs text-red-500 mt-1"})]})}}),(0,l.jsxs)("div",{className:"flex justify-between",children:[(0,l.jsxs)("p",{className:"font-medium",children:["Rental fee (",(null==V?void 0:V.from)&&(null==V?void 0:V.to)?"".concat((0,p.j)(V.to,V.from)," days"):"0 days",")"]}),(0,l.jsxs)("p",{className:"font-medium",children:["\xa3",(null==V?void 0:V.from)&&(null==V?void 0:V.to)?(0,f.e)(V.from,V.to,null!=T?T:0):0]})]}),(0,l.jsx)(u.Z,{className:"my-4"}),(0,l.jsxs)("div",{className:"space-y-4",children:[(0,l.jsxs)(s.z,{type:"button",variant:"ghost",className:"w-full flex justify-between items-center font-medium px-0",onClick:()=>E(!F),children:[(0,l.jsxs)("span",{children:["Show ",null==z?void 0:null===(t=z.extras)||void 0===t?void 0:t.length," optional"," ",(null==z?void 0:null===(a=z.extras)||void 0===a?void 0:a.length)===1?"extra":"extras"]}),F?(0,l.jsx)(w.default,{className:"h-4 w-4"}):(0,l.jsx)(N.default,{className:"h-4 w-4"})]}),F&&(null==z?void 0:null===(h=z.extras)||void 0===h?void 0:h.map(e=>{let t=K(e);return(0,l.jsxs)("div",{className:"flex flex-col space-y-1.5 bg-gray-50 p-3 rounded-md",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,l.jsx)(o.X,{checked:S.includes(e),onCheckedChange:t=>{L(a=>t?[...a,e]:a.filter(t=>t.id!==e.id))}}),(0,l.jsx)("label",{className:"text-sm font-medium leading-none",children:null==e?void 0:e.name})]}),S.includes(e)&&(0,l.jsxs)("span",{className:"text-sm font-medium text-green-600",children:["\xa3",t.toFixed(2)]})]}),(0,l.jsx)("div",{className:"text-xs text-gray-600 ml-8",children:O(e,t)})]},null==e?void 0:e.id)}))]}),(0,l.jsx)(u.Z,{className:"my-4"}),(0,l.jsxs)("div",{className:"flex justify-between font-medium",children:[(0,l.jsx)("p",{children:"Total"}),(0,l.jsxs)("p",{children:["\xa3",(null==V?void 0:V.from)&&(null==V?void 0:V.to)?(0,f.e)(V.from,V.to,null!=T?T:0)+S.reduce((e,t)=>e+K(t),0):0]})]}),(0,l.jsx)("p",{className:"text-xs text-red-500 text-center bg-red-50 p-2.5 rounded-md",children:"This price does not include insurance or security deposit, these will be calculated closer to the booking date & charged on the day of the booking."}),(0,l.jsx)(s.z,{type:"submit",className:"w-full font-medium transition-all hover:opacity-90 py-6 bg-green-500 text-white hover:bg-green-600",onClick:J,disabled:!P||!(null==V?void 0:V.from)||!(null==V?void 0:V.to),children:"Request Booking"}),(0,l.jsxs)("p",{className:"text-xs text-center text-gray-600 bg-gray-50 p-3 rounded-md",children:["Once you click to request, you will be taken to a secure payment screen and asked to enter your details."," ",(0,l.jsx)("span",{className:"font-bold",children:"You will not be charged"})," until we have checked and confirmed your booking."]})]})})})})};var z=a(66069),D=a(25675),R=a.n(D);a(10995),a(93544),a(56604);var I=a(6075);let S=e=>{var t,a,r;let{van:s}=e;return s?(0,l.jsxs)(l.Fragment,{children:[s.images&&s.images.length>0?(0,l.jsx)("div",{className:"relative aspect-[4/3] w-full overflow-hidden",children:(0,l.jsxs)(I.lr,{className:"w-full h-full",opts:{loop:!0},children:[(0,l.jsx)(I.KI,{className:"h-full",children:null==s?void 0:null===(t=s.images)||void 0===t?void 0:t.map((e,t)=>(0,l.jsx)(I.d$,{className:"pl-0 h-full",children:(0,l.jsx)("div",{className:"relative w-full h-full overflow-hidden",children:(0,l.jsx)(R(),{src:e.replace(/.heic/g,".jpg"),alt:"van image ".concat(t),width:900,height:900,loading:"eager",sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 80vw, 70vw",className:"object-cover w-full h-full",priority:0===t})})},t))}),s.images.length>1&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(I.am,{className:"left-3 bg-white/90 hover:bg-white border-0 shadow-lg"}),(0,l.jsx)(I.Pz,{className:"right-3 bg-white/90 hover:bg-white border-0 shadow-lg"})]})]})}):(0,l.jsxs)("div",{className:"relative aspect-[4/3] w-full",children:[(0,l.jsx)(R(),{src:"/coast.webp",alt:"Van placeholder",width:900,height:900,loading:"eager",sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 80vw, 70vw",className:"object-cover w-full h-full",priority:!0}),(0,l.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center",children:(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"w-20 h-20 mx-auto mb-4 bg-white bg-opacity-20 rounded-full flex items-center justify-center backdrop-blur-sm",children:(0,l.jsx)("svg",{className:"w-10 h-10 text-white",f

1ill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})})}),(0,l.jsx)("p",{className:"text-white font-medium text-xl",children:"No images available"}),(0,l.jsxs)("p",{className:"text-white text-opacity-80",children:["Van: ",s.name]})]})})]}),(0,l.jsx)(i.Zb,{className:"mt-5",children:(0,l.jsxs)(i.aY,{className:"p-6 space-y-6",children:[(0,l.jsxs)("div",{className:"flex flex-col lg:flex-row gap-4",children:[(0,l.jsx)(i.ll,{className:"text-md font-bold lg:w-1/4",children:"Description"}),(0,l.jsx)("p",{className:"text-sm lg:w-3/4 text-muted-foreground",children:s.description})]}),(0,l.jsx)(u.Z,{}),(0,l.jsxs)("div",{className:"flex flex-col lg:flex-row gap-4",children:[(0,l.jsx)(i.ll,{className:"text-md font-bold lg:w-1/4",children:"Key features"}),(0,l.jsx)("div",{className:"lg:w-3/4 grid lg:grid-cols-3 grid-cols-2 gap-3",children:null==s?void 0:null===(a=s.keyFeatures)||void 0===a?void 0:a.map(e=>(0,l.jsxs)("div",{className:"flex items-center gap-3 p-3 rounded-lg hover:bg-gray-50 transition-colors",children:[(0,l.jsx)("div",{className:"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-100 flex items-center justify-center",children:(0,l.jsx)(z.Z,{name:null==e?void 0:e.icon,size:16,className:"text-blue-600"})}),(0,l.jsx)("span",{className:"text-sm font-medium text-gray-700",children:null==e?void 0:e.name})]},null==e?void 0:e.id))})]}),(0,l.jsx)(u.Z,{}),(0,l.jsxs)("div",{className:"flex flex-col lg:flex-row gap-6",children:[(0,l.jsx)(i.ll,{className:"text-md font-bold lg:w-1/4",children:"What's included?"}),(0,l.jsx)("div",{className:"lg:w-3/4 grid lg:grid-cols-3 grid-cols-2 gap-3",children:null==s?void 0:null===(r=s.whatsIncluded)||void 0===r?void 0:r.map(e=>(0,l.jsxs)("div",{className:"flex items-center gap-3 p-3 rounded-lg hover:bg-gray-50 transition-colors",children:[(0,l.jsx)("div",{className:"flex-shrink-0 w-8 h-8 rounded-lg bg-green-100 flex items-center justify-center",children:(0,l.jsx)(z.Z,{name:null==e?void 0:e.icon,size:16,className:"text-green-600"})}),(0,l.jsx)("span",{className:"text-sm font-medium text-gray-700",children:null==e?void 0:e.name})]},null==e?void 0:e.id))})]})]})})]}):(0,l.jsx)("div",{children:"Van not found"})};var L=a(86300),P=a(9008),M=a.n(P),F=a(11163),E=a(36316);function Z(){var e,t,a,s;let{query:{id:n,fromDate:i,toDate:o,vanId:d}}=(0,F.useRouter)(),{data:c,loading:u}=(0,r.VM)({variables:{vanVariationId:n?+n:0}}),m=null==c?void 0:c.vanVariation;if(u)return(0,l.jsx)("div",{className:"flex justify-center items-center min-h-[50vh]",children:(0,l.jsx)("div",{className:"flex justify-center text-acid",children:(0,l.jsx)(E.default,{className:"h-20 w-20 animate-spin"})})});if(!m)return(0,l.jsx)("div",{className:"flex justify-center items-center min-h-[50vh]",children:(0,l.jsx)("p",{className:"text-sm text-muted-foreground",children:"Oops! This van does not exist"})});let f=(0,L.Qc)(i,"dd-MM-yyyy",new Date),x=(0,L.Qc)(o,"dd-MM-yyyy",new Date);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(M(),{children:[(0,l.jsx)("title",{children:m.name}),(0,l.jsx)("meta",{name:"description",content:null!==(t=m.description)&&void 0!==t?t:""})]}),(0,l.jsxs)("div",{className:"h-[15rem] flex justify-center items-center relative lg:h-[30rem]",children:[(0,l.jsx)(R(),{src:null!==(a=null==m?void 0:null===(e=m.heroImage)||void 0===e?void 0:e.replace(/.heic/g,".jpg"))&&void 0!==a?a:"/coast.webp",alt:"coast",fill:!0,style:{objectFit:"cover",objectPosition:"center"}}),(0,l.jsx)("h1",{className:"lg:text-7xl font-MargoBeuys text-white text-5xl z-20",children:m.name}),(0,l.jsx)("div",{className:"bg-black absolute top-0 left-0 w-full h-full opacity-20 z-10"})]}),(0,l.jsxs)("div",{className:"my-10 2xl:mx-[20rem] grid lg:grid-cols-3 gap-5 sm:mx-10 grid-cols-1 mx-5 xl:mx-20 z-20",children:[(0,l.jsx)("div",{className:"col-span-2",children:(0,l.jsx)(S,{van:m})}),(0,l.jsx)("div",{className:"flex flex-col rounded-md sm:max-w-lg h-max w-full col-span-2 lg:col-span-1",children:(0,l.jsx)(_,{van:m,fromDate:f,toDate:x,bookings:null!==(s=m.bookings)&&void 0!==s?s:[],vanId:d})})]})]})}},82627:function(e,t,a){"use strict";a.d(t,{e:function(){return r}});var l=a(10146);let r=(e,t,a,r)=>{var s;let n=null==r?void 0:r.reduce((e,t)=>

1e+(null!==(s=t.price)&&void 0!==s?s:0),0),i=(0,l.w)(t,e);return a*i+(n?n*i:0)}},78237:function(e,t,a){"use strict";a.d(t,{U:function(){return i}});var l=a(61667),r=a(79318),s=a(44123);let n=()=>({shoulderSeasonEarly:{startMonth:3,startDay:1,endMonth:4,endDay:31},peakSeason:{startMonth:5,startDay:1,endMonth:7,endDay:31},shoulderSeasonLate:{startMonth:8,startDay:1,endMonth:8,endDay:30}}),i=(e,t)=>{let a=n(),i=e=>{let{startMonth:a,startDay:l,endMonth:n,endDay:i}=e,o=(0,r.j)(t),d=(0,s._)(t);return o===a&&o===n?d>=l&&d<=i:o===a?d>=l:o===n?d<=i:o>a&&o<n};return i(a.shoulderSeasonEarly)?{season:l.iZ.ShoulderSeasonEarly,price:null==e?void 0:e.shoulderSeasonEarlyPrice}:i(a.peakSeason)?{season:l.iZ.PeakSeason,price:null==e?void 0:e.peakSeasonPrice}:i(a.shoulderSeasonLate)?{season:l.iZ.ShoulderSeasonLate,price:null==e?void 0:e.shoulderSeasonLatePrice}:{season:l.iZ.LowSeason,price:null==e?void 0:e.lowSeasonPrice}}}},function(e){e.O(0,[45738,87536,33397,49341,46255,3341,24325,73683,78210,61667,49774,92888,40179],function(){return e(e.s=52129)}),_N_E=e.O()}]);