(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[540],{40036:(e,t,a)=>{Promise.resolve().then(a.bind(a,90151))},90151:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>j});var s=a(95155),l=a(12115),n=a(5565),r=a(4049),i=a(33687),c=a(95935),o=a(47370),d=a(9211),m=a(55978),x=a(54658),u=a(24572),h=a(2076),p=a(120);let f=e=>{let{years:t,currentYear:a,onYearChange:l}=e,n=t.indexOf(a),r=t.length;return(0,s.jsx)(m.dK,{children:(0,s.jsxs)(m.Iu,{className:"flex flex-wrap justify-center",children:[(0,s.jsx)(m.cU,{children:(0,s.jsx)(m.Eb,{href:"#",onClick:e=>{e.preventDefault(),l(t[Math.max(0,n-1)])}})}),(r<=7?t:n<3?[...t.slice(0,5),"...",t[r-1]]:n>r-4?[t[0],"...",...t.slice(-5)]:[t[0],"...",...t.slice(n-1,n+2),"...",t[r-1]]).map((e,t)=>(0,s.jsx)(m.cU,{children:"..."===e?(0,s.jsx)(m.M_,{}):(0,s.jsx)(m.n$,{href:"#",isActive:e===a,onClick:t=>{t.preventDefault(),l(e)},children:e})},t)),(0,s.jsx)(m.cU,{children:(0,s.jsx)(m.WA,{href:"#",onClick:e=>{e.preventDefault(),l(t[Math.min(r-1,n+1)])}})})]})})},g=()=>(0,s.jsxs)("div",{className:"bg-gray-900 p-4 rounded-lg shadow-lg mb-4 break-inside-avoid",children:[(0,s.jsx)(d.E,{className:"h-40 w-full rounded-md"})," ",(0,s.jsxs)("div",{className:"mt-4 space-y-2",children:[(0,s.jsx)(d.E,{className:"h-6 w-3/4"})," ",(0,s.jsx)(d.E,{className:"h-4 w-5/6"})," "]})]});function j(){let{events:e,loading:t}=(0,p.L)(),[a,d]=(0,l.useState)("All"),[m,j]=(0,l.useState)(12);if((0,l.useEffect)(()=>{(0,i.Tzs)({icons:c})},[]),t)return(0,s.jsxs)("div",{className:"min-h-screen bg-black text-white",children:[(0,s.jsx)(u.A,{}),(0,s.jsx)(h.A,{}),(0,s.jsx)("div",{className:"max-w-7xl mx-auto px-4 py-20 overflow-x-hidden",children:(0,s.jsx)("div",{className:"columns-1 sm:columns-2 md:columns-3 lg:columns-4 gap-6",children:Array.from({length:8}).map((e,t)=>(0,s.jsx)(g,{},t))})}),(0,s.jsx)(x.A,{className:"mt-auto"})]});let v=e.length>0?e.map(e=>{var t;return{id:e.id,title:e.title,start_date:new Date(e.start_date).toLocaleDateString("en-GB",{day:"2-digit",month:"long",year:"numeric"}),filter_year:new Date(e.start_date).getFullYear(),venue:e.venue.city,large:(null===(t=e.bucketImages)||void 0===t?void 0:t.large)?"".concat("https://storage.googleapis.com/xenon-lyceum-442506-i4.appspot.com/midas%20promotions%20event%20images/").concat(e.bucketImages.large):null,alt:"Event poster"}}):[],y=["All",...new Set(v.map(e=>e.filter_year))].sort((e,t)=>t-e),N="All"===a?v:v.filter(e=>e.filter_year===Number(a)),b=N.slice(0,m);return(0,s.jsxs)("div",{className:"min-h-screen bg-black text-white",children:[(0,s.jsx)(u.A,{}),(0,s.jsx)(h.A,{}),(0,s.jsxs)("div",{className:"max-w-7xl mx-auto px-4 py-16 sm:py-20 pt-32 pb-20",children:[(0,s.jsx)(r.P.h1,{className:"text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold mb-8 sm:mb-12 text-center text-blue-500",initial:{opacity:0,y:-50},animate:{opacity:1,y:0},transition:{duration:.8},children:"Event Posters"}),(0,s.jsx)("div",{className:"mb-8 sm:mb-12 overflow-x-auto",children:(0,s.jsx)(f,{years:y,currentYear:a,onYearChange:d})}),(0,s.jsx)(r.P.div,{className:"columns-1 sm:columns-2 md:columns-3 lg:columns-4 gap-4 space-y-4",children:b.map(e=>(0,s.jsxs)(r.P.div,{className:"break-inside-avoid mb-4",children:[(0,s.jsx)("div",{className:"relative w-full overflow-hidden rounded-lg",children:(0,s.jsx)(n.default,{src:e.large||"/placeholder.svg",alt:e.title,width:500,height:300,className:"w-full h-auto object-cover rounded-lg shadow-lg"})}),(0,s.jsxs)("div",{className:"mt-2",children:[(0,s.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-blue-300",children:e.title}),(0,s.jsxs)("p",{className:"text-xs sm:text-sm text-gray-400",children:[e.start_date," • ",e.venue]})]})]},e.id))}),m<N.length&&(0,s.jsx)("div",{className:"flex justify-center mt-8",children:(0,s.jsx)(o.$,{onClick:()=>j(e=>e+12),className:"bg-blue-500 text-black px-4 sm:px-6 py-2 sm:py-3 text-sm sm:text-base rounded-lg hover:bg-blue-600 transition",children:"Load More"})})]}),(0,s.jsx)(x.A,{className:"mt-auto"})]})}},55978:(e,t,a)=>{"use strict";a.d(t,{dK:()=>m,Iu:()=>x,M_:()=>g,cU:()=>u,n$:()=>h,WA:()=>f,Eb:()=>p});var s=a(95155),l=a(12115),n=a(14057);let r=(0,n.A)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),i=(0,n.A)("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]),c=(0,n.A)("Ellipsis",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]]);var o=a(77849),d=a(47370);let m=e=>{let{className:t,...a}=e;return(0,s.jsx)("nav",{role:"navigation","aria-label":"pagination",className:(0,o.cn)("mx-auto flex w-full justify-center",t),...a})};m.displayName="Pagination";let x=l.forwardRef((e,t)=>{let{className:a,...l}=e;return(0,s.jsx)("ul",{ref:t,className:(0,o.cn)("flex flex-row items-center gap-1",a),...l})});x.displayName="PaginationContent";let u=l.forwardRef((e,t)=>{let{className:a,...l}=e;return(0,s.jsx)("li",{ref:t,className:(0,o.cn)("",a),...l})});u.displayName="PaginationItem";let h=e=>{let{className:t,isActive:a,size:l="icon",...n}=e;return(0,s.jsx)("a",{"aria-current":a?"page":void 0,className:(0,o.cn)((0,d.r)({variant:"ghost",size:l}),a&&"bg-blue-600 text-white",t),...n})};h.displayName="PaginationLink";let p=e=>{let{className:t,...a}=e;return(0,s.jsxs)(h,{"aria-label":"Go to previous page",size:"default",className:(0,o.cn)("gap-1 pl-2.5",t),...a,children:[(0,s.jsx)(r,{className:"h-4 w-4"}),(0,s.jsx)("span",{children:"Previous"})]})};p.displayName="PaginationPrevious";let f=e=>{let{className:t,...a}=e;return(0,s.jsxs)(h,{"aria-label":"Go to next page",size:"default",className:(0,o.cn)("gap-1 pr-2.5",t),...a,children:[(0,s.jsx)("span",{children:"Next"}),(0,s.jsx)(i,{className:"h-4 w-4"})]})};f.displayName="PaginationNext";let g=e=>{let{className:t,...a}=e;return(0,s.jsxs)("span",{"aria-hidden":!0,className:(0,o.cn)("flex h-9 w-9 items-center justify-center",t),...a,children:[(0,s.jsx)(c,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"More pages"})]})};g.displayName="PaginationEllipsis"},9211:(e,t,a)=>{"use strict";a.d(t,{E:()=>n});var s=a(95155),l=a(77849);function n(e){let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,l.cn)("animate-pulse rounded-md bg-gray-700",t),...a})}},120:(e,t,a)=>{"use strict";a.d(t,{EventProvider:()=>r,L:()=>i});var s=a(95155),l=a(12115);let n=(0,l.createContext)();function r(e){let{children:t}=e,[a,r]=(0,l.useState)([]),[i,c]=(0,l.useState)(!0),[o,d]=(0,l.useState)(null),[m,x]=(0,l.useState)([]),[u,h]=(0,l.useState)(!0),[p,f]=(0,l.useState)(null);return(0,l.useEffect)(()=>{(async()=>{try{let e=await fetch("/api/all_events");if(!e.ok)throw Error(e.statusText);let t=await e.json();r(t.events)}catch(e){d(e)}finally{c(!1)}})()},[]),(0,l.useEffect)(()=>{(async()=>{try{let e=await fetch("/api/all_media");if(!e.ok)throw Error(e.statusText);let t=await e.json();x(t)}catch(e){f(e)}finally{h(!1)}})()},[]),(0,s.jsx)(n.Provider,{value:{events:a,loading:i,error:o,media:m,mediaLoading:u,mediaError:p},children:t})}function i(){return(0,l.useContext)(n)}}},e=>{var t=t=>e(e.s=t);e.O(0,[212,498,704,441,517,358],()=>t(40036)),_N_E=e.O()}]);