Atomcms-edit/frontend/.next/static/chunks/0tk__0-tr.x2b.js

(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,21388,e=>{"use strict";var s=e.i(43476),t=e.i(71645),a=e.i(57688),l=e.i(22016),r=e.i(88589),n=e.i(13642),d=e.i(9165);e.s(["default",0,function(){let[e,c]=(0,t.useState)([]),[i,m]=(0,t.useState)(!0),[x,o]=(0,t.useState)(null);return(0,t.useEffect)(()=>{!async function(){try{let{data:e,error:s}=await d.api.get("/teams");s?o(s):e&&c(e)}catch{o("Er is een fout opgetreden bij het laden van de teams")}m(!1)}()},[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.default,{}),(0,s.jsx)("main",{className:"bg-background min-h-screen",children:(0,s.jsxs)("div",{className:"max-w-7xl mx-auto p-4 lg:p-6",children:[(0,s.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-4 md:p-6 mb-6",children:(0,s.jsxs)("div",{className:"flex items-center gap-4",children:[(0,s.jsx)("div",{className:"w-12 h-12 rounded-full bg-primary flex items-center justify-center",children:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"})})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h1",{className:"text-2xl md:text-3xl font-bold text-text-main",children:"Teams & Guilds"}),(0,s.jsx)("p",{className:"text-text-muted",children:"Ontdek alle teams en guilds in het hotel"})]})]})}),i?(0,s.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,s.jsx)("p",{className:"text-text-muted",children:"Teams laden..."})}):x?(0,s.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,s.jsx)("p",{className:"text-danger",children:x})}):e.length>0?(0,s.jsx)("div",{className:"space-y-4",children:e.map(e=>(0,s.jsxs)("div",{className:"bg-surface rounded-lg shadow-card p-4 md:p-6",children:[(0,s.jsxs)("div",{className:"flex items-start gap-4",children:[e.badge?(0,s.jsx)("div",{className:"w-16 h-16 rounded-lg overflow-hidden bg-background relative flex-shrink-0",children:(0,s.jsx)(a.default,{src:`/storage/${e.badge}`,alt:e.name,fill:!0,className:"object-contain"})}):(0,s.jsx)("div",{className:"w-16 h-16 rounded-lg flex items-center justify-center flex-shrink-0 text-white text-2xl font-bold",style:{backgroundColor:e.color||"#eeb425"},children:e.name.charAt(0).toUpperCase()}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("h2",{className:"text-xl font-bold text-text-main",children:e.name}),e.description&&(0,s.jsx)("p",{className:"text-text-muted mt-1 text-sm",children:e.description}),(0,s.jsxs)("div",{className:"flex items-center gap-4 mt-3 text-sm text-text-muted",children:[(0,s.jsxs)("span",{className:"flex items-center gap-1",children:[(0,s.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"})}),e.member_count," leden"]}),(0,s.jsxs)("span",{children:["Opgericht"," ",new Date(e.created_at).toLocaleDateString("nl-NL")]})]})]})]}),e.members.length>0&&(0,s.jsxs)("div",{className:"mt-4 pt-4 border-t border-gray-100",children:[(0,s.jsx)("h3",{className:"text-sm font-semibold text-text-muted mb-3",children:"Leden"}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-2",children:[e.members.slice(0,10).map(e=>(0,s.jsxs)(l.default,{href:`/profile/${e.username}`,className:"flex items-center gap-2 px-3 py-1.5 rounded-lg bg-background hover:bg-gray-200 transition-colors",children:[(0,s.jsx)("div",{className:"w-6 h-6 rounded-full overflow-hidden bg-surface relative",children:(0,s.jsx)(a.default,{src:`https://epicnabbo.nl/imaging/?figure=${e.look}&headonly=1&direction=2`,alt:e.username,fill:!0,className:"object-cover"})}),(0,s.jsx)("span",{className:"text-sm font-medium text-text-main",children:e.username}),(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:["(",e.rank,")"]})]},e.id)),e.members.length>10&&(0,s.jsxs)("span",{className:"px-3 py-1.5 text-sm text-text-muted",children:["+",e.members.length-10," meer"]})]})]})]},e.id))}):(0,s.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,s.jsx)("p",{className:"text-text-muted",children:"Nog geen teams beschikbaar"})})]})}),(0,s.jsx)(n.default,{})]})}])}]);