Atomcms-edit/frontend/.next/server/chunks/ssr/_05_dpee._.js

module.exports=[58212,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);let e=[{href:"/",label:"Home"},{href:"/discord",label:"Discord",external:!0}],f=[{href:"/help-center/rules",label:"Regels"}],g=[{href:"/community/radio",label:"Radio Home"},{href:"/community/radio/rooster",label:"DJ Rooster"},{href:"/community/radio/shouts",label:"Live Berichten"},{href:"/community/radio/dj-aanmelden",label:"DJ worden"},{href:"/community/radio/punten",label:"Radio Punten"}],h=[{code:"nl",flag:"🇳🇱"},{code:"en",flag:"🇬🇧"},{code:"da",flag:"🇩🇰"},{code:"fi",flag:"🇫🇮"},{code:"de",flag:"🇩🇪"},{code:"fr",flag:"🇫🇷"},{code:"tr",flag:"🇹🇷"},{code:"se",flag:"🇸🇪"},{code:"br",flag:"🇧🇷"},{code:"it",flag:"🇮🇹"},{code:"es",flag:"🇪🇸"},{code:"no",flag:"🇳🇴"}];a.s(["default",0,function(){let[a,i]=(0,c.useState)(!1),[j,k]=(0,c.useState)(null),[l,m]=(0,c.useState)(!1),n=a=>{k(j===a?null:a)};return(0,b.jsxs)("nav",{className:"relative shadow-md bg-navbar text-navbar-text",children:[(0,b.jsx)("div",{className:"max-w-7xl mx-auto px-4",children:(0,b.jsxs)("div",{className:"flex items-center justify-between h-16",children:[(0,b.jsx)("div",{className:"hidden md:flex items-center space-x-1",children:(0,b.jsxs)("div",{className:"hidden md:flex h-16 items-center gap-6",children:[e.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"nav-item border-b-2 border-primary px-3 py-2 text-sm font-semibold tracking-wide uppercase transition-all duration-200 hover:border-b-primary",style:{color:"var(--color-navbar-text)"},children:a.label},a.href)),(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>n("support"),className:"flex items-center gap-2 h-full",children:["Ondersteuning",(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"support"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"support"===j&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[150px] rounded-lg border border-primary bg-white",children:f.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100 transition-colors",children:a.label},a.href))})]}),(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>n("radio"),className:"flex items-center gap-2 h-full",children:["Radio",(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"radio"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"radio"===j&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[150px] rounded-lg border border-primary bg-white",children:g.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100 transition-colors",children:a.label},a.href))})]})]})}),(0,b.jsx)("div",{className:"hidden lg:flex items-center",children:(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>m(!l),className:"flex items-center gap-2 h-full",children:[(0,b.jsx)("span",{className:"w-5 h-4 object-cover rounded-sm",children:"🇩🇪"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${l?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),l&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[50px] -ml-4 rounded-lg border border-primary bg-white",children:h.map(a=>(0,b.jsx)(d.default,{href:`/language/${a.code}`,className:"block px-4 py-2 hover:bg-gray-100 transition-colors text-lg",children:a.flag},a.code))})]})}),(0,b.jsxs)("button",{onClick:()=>i(!a),className:"absolute right-4 top-4 z-10 p-2 rounded-lg transition-all duration-200 hover:bg-gray-100 md:hidden","aria-controls":"mobile-menu","aria-expanded":a,children:[(0,b.jsx)("span",{className:"sr-only",children:"Menu openen"}),a?(0,b.jsx)("svg",{className:"h-7 w-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):(0,b.jsx)("svg",{className:"h-7 w-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})]})]})}),a&&(0,b.jsx)("div",{className:"absolute top-full left-0 right-0 z-40 shadow-xl border-t-2 max-h-[80vh] overflow-y-auto md:hidden bg-white border-primary",children:(0,b.jsxs)("div",{className:"py-2",children:[e.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-3 border-b border-gray-200 hover:bg-gray-50",children:a.label},a.href)),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>n("mobile-support"),className:"flex items-center justify-between w-full px-4 py-3 text-sm font-semibold uppercase tracking-wide",children:[(0,b.jsx)("span",{children:"Unterstützung"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"mobile-support"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"mobile-support"===j&&(0,b.jsx)("div",{className:"bg-white rounded-lg border border-primary shadow-dropdown",children:f.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100",children:a.label},a.href))})]}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>n("mobile-radio"),className:"flex items-center justify-between w-full px-4 py-3 text-sm font-semibold uppercase tracking-wide",children:[(0,b.jsx)("span",{children:"Radio"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"mobile-radio"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"mobile-radio"===j&&(0,b.jsx)("div",{className:"bg-white rounded-lg border border-primary shadow-dropdown",children:g.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100",children:a.label},a.href))})]}),(0,b.jsx)("div",{className:"w-full flex justify-center mt-4 mb-2",children:(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>m(!l),className:"flex items-center gap-2 px-4 py-3 text-sm font-semibold uppercase",children:[(0,b.jsx)("span",{children:"🇳🇱"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${l?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),l&&(0,b.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 mt-0 top-full bg-white rounded-lg border border-primary shadow-dropdown z-50 min-w-[50px]",children:h.map(a=>(0,b.jsx)(d.default,{href:`/language/${a.code}`,className:"block px-4 py-2 hover:bg-gray-100 text-lg",children:a.flag},a.code))})]})})]})})]})}])},56283,a=>{"use strict";var b=a.i(87924),c=a.i(38246);let d=[{href:"/about",label:"Over ons"},{href:"/contact",label:"Contact"}],e=[{href:"/help-center/rules",label:"Regels"},{href:"/help-center/faq",label:"FAQ"},{href:"/help-center/contact",label:"Contact support"}],f=[{href:"/privacy",label:"Privacybeleid"},{href:"/terms",label:"Algemene voorwaarden"},{href:"/imprint",label:"Impressum"}];a.s(["default",0,function(){return(0,b.jsx)("footer",{className:"bg-secondary text-white py-8 mt-auto",children:(0,b.jsxs)("div",{className:"max-w-7xl mx-auto px-4",children:[(0,b.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-4 gap-6",children:[(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h3",{className:"text-xl font-bold text-primary mb-4",children:"Epicnabbo"}),(0,b.jsx)("p",{className:"text-gray-400 text-sm",children:"Een online virtuele wereld waarin je je eigen avatar kunt maken, vrienden kunt maken, kunt chatten, kamers kunt maken en nog veel meer!"})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Bedrijf"}),(0,b.jsx)("ul",{className:"space-y-2",children:d.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Ondersteuning"}),(0,b.jsx)("ul",{className:"space-y-2",children:e.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Juridisch"}),(0,b.jsx)("ul",{className:"space-y-2",children:f.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]})]}),(0,b.jsx)("div",{className:"border-t border-gray-700 mt-8 pt-8 text-center text-gray-400 text-sm",children:(0,b.jsxs)("p",{children:["© ",new Date().getFullYear()," Epicnabbo. Alle rechten voorbehouden."]})})]})})}])},33354,(a,b,c)=>{"use strict";c._=function(a){return a&&a.__esModule?a:{default:a}}},33095,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0});var d={default:function(){return k},getImageProps:function(){return j}};for(var e in d)Object.defineProperty(c,e,{enumerable:!0,get:d[e]});let f=a.r(33354),g=a.r(94915),h=a.r(67161),i=f._(a.r(2305));function j(a){let{props:b}=(0,g.getImgProps)(a,{defaultLoader:i.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qualities:[75],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[a,c]of Object.entries(b))void 0===c&&delete b[a];return{props:b}}let k=h.Image},71987,(a,b,c)=>{b.exports=a.r(33095)},36815,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(71987),e=a.i(38246),f=a.i(58212),g=a.i(56283),h=a.i(19032);a.s(["default",0,function(){let[a,i]=(0,c.useState)(null),[j,k]=(0,c.useState)([]),[l,m]=(0,c.useState)(!0);return(0,c.useEffect)(()=>{async function a(){let[a,b]=await Promise.all([h.radio.getConfig(),h.radio.getShouts()]);a.data&&i(a.data),b.data&&k(b.data),m(!1)}a();let b=setInterval(a,3e4);return()=>clearInterval(b)},[]),(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(f.default,{}),(0,b.jsx)("main",{className:"bg-background min-h-screen",children:(0,b.jsxs)("div",{className:"max-w-7xl mx-auto p-4 lg:p-6",children:[(0,b.jsxs)("div",{className:"bg-surface rounded-lg shadow-card overflow-hidden",children:[(0,b.jsxs)("div",{className:"h-48 bg-cover bg-center relative",style:{backgroundImage:"url(/assets/images/kasja_mepage_header.png)"},children:[(0,b.jsx)("div",{className:"absolute inset-0 bg-black/50"}),(0,b.jsxs)("div",{className:"relative z-10 h-full flex flex-col items-center justify-center text-white p-4",children:[(0,b.jsx)("h1",{className:"text-3xl md:text-4xl font-bold mb-2",children:"Epicnabbo Radio"}),(0,b.jsx)("p",{className:"text-lg",children:"24/7 de beste muziek!"}),a?.listeners!==void 0&&(0,b.jsxs)("div",{className:"mt-4 flex items-center gap-2",children:[(0,b.jsx)("span",{className:"w-3 h-3 rounded-full bg-accent animate-pulse"}),(0,b.jsxs)("span",{className:"font-semibold",children:[a.listeners," luisteraars"]})]})]})]}),(0,b.jsxs)("div",{className:"p-4 md:p-6",children:[(0,b.jsxs)("div",{className:"flex flex-col md:flex-row items-center gap-6 mb-6",children:[(0,b.jsx)("div",{className:"w-32 h-32 rounded-lg overflow-hidden bg-background flex-shrink-0 relative",children:a?.now_playing?.cover?(0,b.jsx)(d.default,{src:a.now_playing.cover,alt:"Album cover",fill:!0,className:"object-cover"}):(0,b.jsx)("div",{className:"w-full h-full flex items-center justify-center",children:(0,b.jsx)("svg",{className:"w-16 h-16 text-text-muted",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"})})})}),(0,b.jsxs)("div",{className:"text-center md:text-left",children:[(0,b.jsx)("p",{className:"text-sm text-text-muted uppercase",children:"Nu speelt"}),(0,b.jsxs)("h2",{className:"text-xl md:text-2xl font-bold text-text-main",children:[a?.now_playing?.title||"Geen muziek",a?.now_playing?.artist&&` - ${a.now_playing.artist}`]}),a?.current_dj&&(0,b.jsxs)(e.default,{href:`/profile/${a.current_dj.username}`,className:"text-primary hover:underline mt-2 inline-block",children:["DJ: ",a.current_dj.username]})]}),(0,b.jsx)("audio",{src:a?.stream_url,controls:!0,className:"ml-auto hidden md:block",autoPlay:!0})]}),(0,b.jsx)("div",{className:"md:hidden mb-6",children:(0,b.jsxs)("a",{href:a?.stream_url,className:"flex items-center justify-center gap-2 w-full py-3 rounded-lg bg-primary text-text-main font-semibold",children:[(0,b.jsx)("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{d:"M8 5v14l11-7z"})}),"Luisteren"]})}),(0,b.jsxs)("div",{className:"flex flex-wrap gap-3 justify-center md:justify-start",children:[(0,b.jsx)(e.default,{href:"/community/radio/rooster",className:"px-4 py-2 rounded-lg bg-background hover:bg-gray-200 transition-colors text-sm font-semibold",children:"DJ Rooster"}),(0,b.jsx)(e.default,{href:"/community/radio/dj-aanmelden",className:"px-4 py-2 rounded-lg bg-background hover:bg-gray-200 transition-colors text-sm font-semibold",children:"DJ worden"}),(0,b.jsx)(e.default,{href:"/community/radio/punten",className:"px-4 py-2 rounded-lg bg-background hover:bg-gray-200 transition-colors text-sm font-semibold",children:"Radio Punten"})]})]})]}),(0,b.jsxs)("div",{className:"bg-surface rounded-lg shadow-card p-4 mt-6",children:[(0,b.jsx)("h2",{className:"text-xl font-semibold mb-4",children:"Live Nachrichten"}),l?(0,b.jsx)("p",{className:"text-text-muted",children:"Laden..."}):j.length>0?(0,b.jsx)("div",{className:"space-y-3 max-h-96 overflow-y-auto",children:j.map(a=>(0,b.jsxs)("div",{className:"flex gap-3 p-3 rounded-lg bg-background",children:[(0,b.jsx)("div",{className:"w-10 h-10 rounded-lg overflow-hidden bg-surface relative flex-shrink-0",children:(0,b.jsx)(d.default,{src:a.user.avatar||"https://epicnabbo.nl/imaging/?figure=hr-893-45.hd-180-14.ch-210-30.lg-270-75.sh-290-75&headonly=1&direction=2",alt:a.user.username,fill:!0,className:"object-cover"})}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)(e.default,{href:`/profile/${a.user.username}`,className:"font-semibold text-primary hover:underline",children:a.user.username}),(0,b.jsx)("span",{className:"text-xs text-text-muted",children:new Date(a.created_at).toLocaleString("de-DE")})]}),(0,b.jsx)("p",{className:"text-text-main mt-1 break-words",children:a.message})]})]},a.id))}):(0,b.jsx)("p",{className:"text-text-muted",children:"Nog geen berichten"})]})]})}),(0,b.jsx)(g.default,{})]})}])}];

//# sourceMappingURL=_05_dpee._.js.map
	module.exports=[58212,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);let e=[{href:"/",label:"Home"},{href:"/discord",label:"Discord",external:!0}],f=[{href:"/help-center/rules",label:"Regels"}],g=[{href:"/community/radio",label:"Radio Home"},{href:"/community/radio/rooster",label:"DJ Rooster"},{href:"/community/radio/shouts",label:"Live Berichten"},{href:"/community/radio/dj-aanmelden",label:"DJ worden"},{href:"/community/radio/punten",label:"Radio Punten"}],h=[{code:"nl",flag:"🇳🇱"},{code:"en",flag:"🇬🇧"},{code:"da",flag:"🇩🇰"},{code:"fi",flag:"🇫🇮"},{code:"de",flag:"🇩🇪"},{code:"fr",flag:"🇫🇷"},{code:"tr",flag:"🇹🇷"},{code:"se",flag:"🇸🇪"},{code:"br",flag:"🇧🇷"},{code:"it",flag:"🇮🇹"},{code:"es",flag:"🇪🇸"},{code:"no",flag:"🇳🇴"}];a.s(["default",0,function(){let[a,i]=(0,c.useState)(!1),[j,k]=(0,c.useState)(null),[l,m]=(0,c.useState)(!1),n=a=>{k(j===a?null:a)};return(0,b.jsxs)("nav",{className:"relative shadow-md bg-navbar text-navbar-text",children:[(0,b.jsx)("div",{className:"max-w-7xl mx-auto px-4",children:(0,b.jsxs)("div",{className:"flex items-center justify-between h-16",children:[(0,b.jsx)("div",{className:"hidden md:flex items-center space-x-1",children:(0,b.jsxs)("div",{className:"hidden md:flex h-16 items-center gap-6",children:[e.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"nav-item border-b-2 border-primary px-3 py-2 text-sm font-semibold tracking-wide uppercase transition-all duration-200 hover:border-b-primary",style:{color:"var(--color-navbar-text)"},children:a.label},a.href)),(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>n("support"),className:"flex items-center gap-2 h-full",children:["Ondersteuning",(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"support"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"support"===j&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[150px] rounded-lg border border-primary bg-white",children:f.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100 transition-colors",children:a.label},a.href))})]}),(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>n("radio"),className:"flex items-center gap-2 h-full",children:["Radio",(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"radio"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"radio"===j&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[150px] rounded-lg border border-primary bg-white",children:g.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100 transition-colors",children:a.label},a.href))})]})]})}),(0,b.jsx)("div",{className:"hidden lg:flex items-center",children:(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>m(!l),className:"flex items-center gap-2 h-full",children:[(0,b.jsx)("span",{className:"w-5 h-4 object-cover rounded-sm",children:"🇩🇪"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${l?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),l&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[50px] -ml-4 rounded-lg border border-primary bg-white",children:h.map(a=>(0,b.jsx)(d.default,{href:`/language/${a.code}`,className:"block px-4 py-2 hover:bg-gray-100 transition-colors text-lg",children:a.flag},a.code))})]})}),(0,b.jsxs)("button",{onClick:()=>i(!a),className:"absolute right-4 top-4 z-10 p-2 rounded-lg transition-all duration-200 hover:bg-gray-100 md:hidden","aria-controls":"mobile-menu","aria-expanded":a,children:[(0,b.jsx)("span",{className:"sr-only",children:"Menu openen"}),a?(0,b.jsx)("svg",{className:"h-7 w-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):(0,b.jsx)("svg",{className:"h-7 w-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})]})]})}),a&&(0,b.jsx)("div",{className:"absolute top-full left-0 right-0 z-40 shadow-xl border-t-2 max-h-[80vh] overflow-y-auto md:hidden bg-white border-primary",children:(0,b.jsxs)("div",{className:"py-2",children:[e.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-3 border-b border-gray-200 hover:bg-gray-50",children:a.label},a.href)),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>n("mobile-support"),className:"flex items-center justify-between w-full px-4 py-3 text-sm font-semibold uppercase tracking-wide",children:[(0,b.jsx)("span",{children:"Unterstützung"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"mobile-support"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"mobile-support"===j&&(0,b.jsx)("div",{className:"bg-white rounded-lg border border-primary shadow-dropdown",children:f.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100",children:a.label},a.href))})]}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>n("mobile-radio"),className:"flex items-center justify-between w-full px-4 py-3 text-sm font-semibold uppercase tracking-wide",children:[(0,b.jsx)("span",{children:"Radio"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"mobile-radio"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"mobile-radio"===j&&(0,b.jsx)("div",{className:"bg-white rounded-lg border border-primary shadow-dropdown",children:g.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100",children:a.label},a.href))})]}),(0,b.jsx)("div",{className:"w-full flex justify-center mt-4 mb-2",children:(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>m(!l),className:"flex items-center gap-2 px-4 py-3 text-sm font-semibold uppercase",children:[(0,b.jsx)("span",{children:"🇳🇱"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${l?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),l&&(0,b.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 mt-0 top-full bg-white rounded-lg border border-primary shadow-dropdown z-50 min-w-[50px]",children:h.map(a=>(0,b.jsx)(d.default,{href:`/language/${a.code}`,className:"block px-4 py-2 hover:bg-gray-100 text-lg",children:a.flag},a.code))})]})})]})})]})}])},56283,a=>{"use strict";var b=a.i(87924),c=a.i(38246);let d=[{href:"/about",label:"Over ons"},{href:"/contact",label:"Contact"}],e=[{href:"/help-center/rules",label:"Regels"},{href:"/help-center/faq",label:"FAQ"},{href:"/help-center/contact",label:"Contact support"}],f=[{href:"/privacy",label:"Privacybeleid"},{href:"/terms",label:"Algemene voorwaarden"},{href:"/imprint",label:"Impressum"}];a.s(["default",0,function(){return(0,b.jsx)("footer",{className:"bg-secondary text-white py-8 mt-auto",children:(0,b.jsxs)("div",{className:"max-w-7xl mx-auto px-4",children:[(0,b.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-4 gap-6",children:[(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h3",{className:"text-xl font-bold text-primary mb-4",children:"Epicnabbo"}),(0,b.jsx)("p",{className:"text-gray-400 text-sm",children:"Een online virtuele wereld waarin je je eigen avatar kunt maken, vrienden kunt maken, kunt chatten, kamers kunt maken en nog veel meer!"})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Bedrijf"}),(0,b.jsx)("ul",{className:"space-y-2",children:d.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Ondersteuning"}),(0,b.jsx)("ul",{className:"space-y-2",children:e.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Juridisch"}),(0,b.jsx)("ul",{className:"space-y-2",children:f.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]})]}),(0,b.jsx)("div",{className:"border-t border-gray-700 mt-8 pt-8 text-center text-gray-400 text-sm",children:(0,b.jsxs)("p",{children:["© ",new Date().getFullYear()," Epicnabbo. Alle rechten voorbehouden."]})})]})})}])},33354,(a,b,c)=>{"use strict";c._=function(a){return a&&a.__esModule?a:{default:a}}},33095,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0});var d={default:function(){return k},getImageProps:function(){return j}};for(var e in d)Object.defineProperty(c,e,{enumerable:!0,get:d[e]});let f=a.r(33354),g=a.r(94915),h=a.r(67161),i=f._(a.r(2305));function j(a){let{props:b}=(0,g.getImgProps)(a,{defaultLoader:i.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qualities:[75],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[a,c]of Object.entries(b))void 0===c&&delete b[a];return{props:b}}let k=h.Image},71987,(a,b,c)=>{b.exports=a.r(33095)},36815,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(71987),e=a.i(38246),f=a.i(58212),g=a.i(56283),h=a.i(19032);a.s(["default",0,function(){let[a,i]=(0,c.useState)(null),[j,k]=(0,c.useState)([]),[l,m]=(0,c.useState)(!0);return(0,c.useEffect)(()=>{async function a(){let[a,b]=await Promise.all([h.radio.getConfig(),h.radio.getShouts()]);a.data&&i(a.data),b.data&&k(b.data),m(!1)}a();let b=setInterval(a,3e4);return()=>clearInterval(b)},[]),(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(f.default,{}),(0,b.jsx)("main",{className:"bg-background min-h-screen",children:(0,b.jsxs)("div",{className:"max-w-7xl mx-auto p-4 lg:p-6",children:[(0,b.jsxs)("div",{className:"bg-surface rounded-lg shadow-card overflow-hidden",children:[(0,b.jsxs)("div",{className:"h-48 bg-cover bg-center relative",style:{backgroundImage:"url(/assets/images/kasja_mepage_header.png)"},children:[(0,b.jsx)("div",{className:"absolute inset-0 bg-black/50"}),(0,b.jsxs)("div",{className:"relative z-10 h-full flex flex-col items-center justify-center text-white p-4",children:[(0,b.jsx)("h1",{className:"text-3xl md:text-4xl font-bold mb-2",children:"Epicnabbo Radio"}),(0,b.jsx)("p",{className:"text-lg",children:"24/7 de beste muziek!"}),a?.listeners!==void 0&&(0,b.jsxs)("div",{className:"mt-4 flex items-center gap-2",children:[(0,b.jsx)("span",{className:"w-3 h-3 rounded-full bg-accent animate-pulse"}),(0,b.jsxs)("span",{className:"font-semibold",children:[a.listeners," luisteraars"]})]})]})]}),(0,b.jsxs)("div",{className:"p-4 md:p-6",children:[(0,b.jsxs)("div",{className:"flex flex-col md:flex-row items-center gap-6 mb-6",children:[(0,b.jsx)("div",{className:"w-32 h-32 rounded-lg overflow-hidden bg-background flex-shrink-0 relative",children:a?.now_playing?.cover?(0,b.jsx)(d.default,{src:a.now_playing.cover,alt:"Album cover",fill:!0,className:"object-cover"}):(0,b.jsx)("div",{className:"w-full h-full flex items-center justify-center",children:(0,b.jsx)("svg",{className:"w-16 h-16 text-text-muted",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"})})})}),(0,b.jsxs)("div",{className:"text-center md:text-left",children:[(0,b.jsx)("p",{className:"text-sm text-text-muted uppercase",children:"Nu speelt"}),(0,b.jsxs)("h2",{className:"text-xl md:text-2xl font-bold text-text-main",children:[a?.now_playing?.title\|\|"Geen muziek",a?.now_playing?.artist&&` - ${a.now_playing.artist}`]}),a?.current_dj&&(0,b.jsxs)(e.default,{href:`/profile/${a.current_dj.username}`,className:"text-primary hover:underline mt-2 inline-block",children:["DJ: ",a.current_dj.username]})]}),(0,b.jsx)("audio",{src:a?.stream_url,controls:!0,className:"ml-auto hidden md:block",autoPlay:!0})]}),(0,b.jsx)("div",{className:"md:hidden mb-6",children:(0,b.jsxs)("a",{href:a?.stream_url,className:"flex items-center justify-center gap-2 w-full py-3 rounded-lg bg-primary text-text-main font-semibold",children:[(0,b.jsx)("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{d:"M8 5v14l11-7z"})}),"Luisteren"]})}),(0,b.jsxs)("div",{className:"flex flex-wrap gap-3 justify-center md:justify-start",children:[(0,b.jsx)(e.default,{href:"/community/radio/rooster",className:"px-4 py-2 rounded-lg bg-background hover:bg-gray-200 transition-colors text-sm font-semibold",children:"DJ Rooster"}),(0,b.jsx)(e.default,{href:"/community/radio/dj-aanmelden",className:"px-4 py-2 rounded-lg bg-background hover:bg-gray-200 transition-colors text-sm font-semibold",children:"DJ worden"}),(0,b.jsx)(e.default,{href:"/community/radio/punten",className:"px-4 py-2 rounded-lg bg-background hover:bg-gray-200 transition-colors text-sm font-semibold",children:"Radio Punten"})]})]})]}),(0,b.jsxs)("div",{className:"bg-surface rounded-lg shadow-card p-4 mt-6",children:[(0,b.jsx)("h2",{className:"text-xl font-semibold mb-4",children:"Live Nachrichten"}),l?(0,b.jsx)("p",{className:"text-text-muted",children:"Laden..."}):j.length>0?(0,b.jsx)("div",{className:"space-y-3 max-h-96 overflow-y-auto",children:j.map(a=>(0,b.jsxs)("div",{className:"flex gap-3 p-3 rounded-lg bg-background",children:[(0,b.jsx)("div",{className:"w-10 h-10 rounded-lg overflow-hidden bg-surface relative flex-shrink-0",children:(0,b.jsx)(d.default,{src:a.user.avatar\|\|"https://epicnabbo.nl/imaging/?figure=hr-893-45.hd-180-14.ch-210-30.lg-270-75.sh-290-75&headonly=1&direction=2",alt:a.user.username,fill:!0,className:"object-cover"})}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)(e.default,{href:`/profile/${a.user.username}`,className:"font-semibold text-primary hover:underline",children:a.user.username}),(0,b.jsx)("span",{className:"text-xs text-text-muted",children:new Date(a.created_at).toLocaleString("de-DE")})]}),(0,b.jsx)("p",{className:"text-text-main mt-1 break-words",children:a.message})]})]},a.id))}):(0,b.jsx)("p",{className:"text-text-muted",children:"Nog geen berichten"})]})]})}),(0,b.jsx)(g.default,{})]})}])}];

	`//# sourceMappingURL=_05_dpee._.js.map`