Atomcms-edit/frontend/.next/server/chunks/ssr/src_0hhq7a_._.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."]})})]})})}])},68887,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246),e=a.i(58212),f=a.i(56283),g=a.i(19032);a.s(["default",0,function(){let[a,h]=(0,c.useState)([]),[i,j]=(0,c.useState)(!0),[k,l]=(0,c.useState)(null);return(0,c.useEffect)(()=>{!async function(){try{let{data:a,error:b}=await g.api.get("/help-center/tickets");b?l(b):a&&h(a)}catch{l("Er is een fout opgetreden bij het laden van je tickets")}j(!1)}()},[]),(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(e.default,{}),(0,b.jsx)("main",{className:"bg-background min-h-screen",children:(0,b.jsxs)("div",{className:"max-w-4xl mx-auto p-4 lg:p-6",children:[(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-4 md:p-6 mb-6",children:(0,b.jsxs)("div",{className:"flex items-center justify-between flex-wrap gap-4",children:[(0,b.jsxs)("div",{className:"flex items-center gap-4",children:[(0,b.jsx)("div",{className:"w-12 h-12 rounded-full bg-primary flex items-center justify-center",children:(0,b.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z"})})}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h1",{className:"text-2xl md:text-3xl font-bold text-text-main",children:"Mijn Tickets"}),(0,b.jsx)("p",{className:"text-text-muted",children:"Bekijk en beheer je support tickets"})]})]}),(0,b.jsx)(d.default,{href:"/help-center/contact",className:"px-4 py-2 rounded-lg bg-primary text-text-main font-semibold text-sm hover:bg-primary-hover transition-colors",children:"Nieuw Ticket"})]})}),i?(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,b.jsx)("p",{className:"text-text-muted",children:"Tickets laden..."})}):k?(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,b.jsx)("p",{className:"text-danger",children:k})}):a.length>0?(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card overflow-hidden",children:(0,b.jsx)("div",{className:"overflow-x-auto",children:(0,b.jsxs)("table",{className:"w-full",children:[(0,b.jsx)("thead",{className:"bg-background",children:(0,b.jsxs)("tr",{children:[(0,b.jsx)("th",{className:"px-4 py-3 text-left text-sm font-semibold text-text-muted",children:"Onderwerp"}),(0,b.jsx)("th",{className:"px-4 py-3 text-left text-sm font-semibold text-text-muted hidden sm:table-cell",children:"Categorie"}),(0,b.jsx)("th",{className:"px-4 py-3 text-left text-sm font-semibold text-text-muted hidden md:table-cell",children:"Laatste update"}),(0,b.jsx)("th",{className:"px-4 py-3 text-center text-sm font-semibold text-text-muted",children:"Status"})]})}),(0,b.jsx)("tbody",{className:"divide-y divide-gray-100",children:a.map(a=>(0,b.jsxs)("tr",{className:"hover:bg-background transition-colors",children:[(0,b.jsx)("td",{className:"px-4 py-3",children:(0,b.jsx)(d.default,{href:`/help-center/tickets/${a.id}`,className:"font-semibold text-text-main hover:text-primary transition-colors",children:a.subject})}),(0,b.jsx)("td",{className:"px-4 py-3 text-sm text-text-muted hidden sm:table-cell",children:a.category}),(0,b.jsx)("td",{className:"px-4 py-3 text-sm text-text-muted hidden md:table-cell",children:new Date(a.updated_at).toLocaleDateString("nl-NL",{day:"numeric",month:"short",year:"numeric"})}),(0,b.jsx)("td",{className:"px-4 py-3 text-center",children:(0,b.jsx)("span",{className:`inline-block px-2 py-1 rounded-full text-xs font-semibold ${(a=>{switch(a){case"open":return"bg-accent/10 text-accent";case"answered":return"bg-primary/10 text-primary";default:return"bg-text-muted/10 text-text-muted"}})(a.status)}`,children:(a=>{switch(a){case"open":return"Open";case"answered":return"Beantwoord";case"closed":return"Gesloten";default:return a}})(a.status)})})]},a.id))})]})})}):(0,b.jsxs)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:[(0,b.jsx)("svg",{className:"w-16 h-16 text-text-muted mx-auto mb-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z"})}),(0,b.jsx)("p",{className:"text-text-muted mb-4",children:"Je hebt nog geen tickets aangemaakt"}),(0,b.jsx)(d.default,{href:"/help-center/contact",className:"inline-block px-6 py-2 rounded-lg bg-primary text-text-main font-semibold hover:bg-primary-hover transition-colors",children:"Maak een ticket aan"})]})]})}),(0,b.jsx)(f.default,{})]})}])}];

//# sourceMappingURL=src_0hhq7a_._.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."]})})]})})}])},68887,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246),e=a.i(58212),f=a.i(56283),g=a.i(19032);a.s(["default",0,function(){let[a,h]=(0,c.useState)([]),[i,j]=(0,c.useState)(!0),[k,l]=(0,c.useState)(null);return(0,c.useEffect)(()=>{!async function(){try{let{data:a,error:b}=await g.api.get("/help-center/tickets");b?l(b):a&&h(a)}catch{l("Er is een fout opgetreden bij het laden van je tickets")}j(!1)}()},[]),(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(e.default,{}),(0,b.jsx)("main",{className:"bg-background min-h-screen",children:(0,b.jsxs)("div",{className:"max-w-4xl mx-auto p-4 lg:p-6",children:[(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-4 md:p-6 mb-6",children:(0,b.jsxs)("div",{className:"flex items-center justify-between flex-wrap gap-4",children:[(0,b.jsxs)("div",{className:"flex items-center gap-4",children:[(0,b.jsx)("div",{className:"w-12 h-12 rounded-full bg-primary flex items-center justify-center",children:(0,b.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z"})})}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h1",{className:"text-2xl md:text-3xl font-bold text-text-main",children:"Mijn Tickets"}),(0,b.jsx)("p",{className:"text-text-muted",children:"Bekijk en beheer je support tickets"})]})]}),(0,b.jsx)(d.default,{href:"/help-center/contact",className:"px-4 py-2 rounded-lg bg-primary text-text-main font-semibold text-sm hover:bg-primary-hover transition-colors",children:"Nieuw Ticket"})]})}),i?(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,b.jsx)("p",{className:"text-text-muted",children:"Tickets laden..."})}):k?(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,b.jsx)("p",{className:"text-danger",children:k})}):a.length>0?(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card overflow-hidden",children:(0,b.jsx)("div",{className:"overflow-x-auto",children:(0,b.jsxs)("table",{className:"w-full",children:[(0,b.jsx)("thead",{className:"bg-background",children:(0,b.jsxs)("tr",{children:[(0,b.jsx)("th",{className:"px-4 py-3 text-left text-sm font-semibold text-text-muted",children:"Onderwerp"}),(0,b.jsx)("th",{className:"px-4 py-3 text-left text-sm font-semibold text-text-muted hidden sm:table-cell",children:"Categorie"}),(0,b.jsx)("th",{className:"px-4 py-3 text-left text-sm font-semibold text-text-muted hidden md:table-cell",children:"Laatste update"}),(0,b.jsx)("th",{className:"px-4 py-3 text-center text-sm font-semibold text-text-muted",children:"Status"})]})}),(0,b.jsx)("tbody",{className:"divide-y divide-gray-100",children:a.map(a=>(0,b.jsxs)("tr",{className:"hover:bg-background transition-colors",children:[(0,b.jsx)("td",{className:"px-4 py-3",children:(0,b.jsx)(d.default,{href:`/help-center/tickets/${a.id}`,className:"font-semibold text-text-main hover:text-primary transition-colors",children:a.subject})}),(0,b.jsx)("td",{className:"px-4 py-3 text-sm text-text-muted hidden sm:table-cell",children:a.category}),(0,b.jsx)("td",{className:"px-4 py-3 text-sm text-text-muted hidden md:table-cell",children:new Date(a.updated_at).toLocaleDateString("nl-NL",{day:"numeric",month:"short",year:"numeric"})}),(0,b.jsx)("td",{className:"px-4 py-3 text-center",children:(0,b.jsx)("span",{className:`inline-block px-2 py-1 rounded-full text-xs font-semibold ${(a=>{switch(a){case"open":return"bg-accent/10 text-accent";case"answered":return"bg-primary/10 text-primary";default:return"bg-text-muted/10 text-text-muted"}})(a.status)}`,children:(a=>{switch(a){case"open":return"Open";case"answered":return"Beantwoord";case"closed":return"Gesloten";default:return a}})(a.status)})})]},a.id))})]})})}):(0,b.jsxs)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:[(0,b.jsx)("svg",{className:"w-16 h-16 text-text-muted mx-auto mb-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z"})}),(0,b.jsx)("p",{className:"text-text-muted mb-4",children:"Je hebt nog geen tickets aangemaakt"}),(0,b.jsx)(d.default,{href:"/help-center/contact",className:"inline-block px-6 py-2 rounded-lg bg-primary text-text-main font-semibold hover:bg-primary-hover transition-colors",children:"Maak een ticket aan"})]})]})}),(0,b.jsx)(f.default,{})]})}])}];

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