https://ronaldstolk.nl/assets/TeamsAdmin-MHZD3TDf.js

1import{b as Oe,r as i,j as t,A as y,m as x}from"./vendor-B5DssOfd.js";import{D as Pe}from"./DashboardLayout-DYuT_LER.js";import"./index-DkvNy9W1.js";import"./i18n-uURfBduE.js";const o="https://api.rstcc.net",d=()=>({Authorization:`Token ${localStorage.getItem("token")}`,"Content-Type":"application/json"}),De=[{value:"",label:"Alle secties"},{value:"UNIT10",label:"Unit10"},{value:"TMS",label:"TMS"},{value:"RSTCC",label:"RSTCC"},{value:"WI",label:"WI"}],Le=[{value:"COACH",label:"Coach"},{value:"PODCAST",label:"Podcast"},{value:"MANAGER",label:"Manager"}],Be={COACH:"Coach",PODCAST:"Podcast",MANAGER:"Manager"};function Je(){const pe=Oe(),[he,M]=i.useState([]),[fe,R]=i.useState(!0),[h,me]=i.useState(""),[O,be]=i.useState(()=>localStorage.getItem("teamsAdminSearch")||""),[P,D]=i.useState(null),[ge,N]=i.useState(!1),[w,f]=i.useState({}),[L,B]=i.useState(null),[m,k]=i.useState({}),[z,ve]=i.useState({}),[G,H]=i.useState(null),[S,b]=i.useState({}),[u,C]=i.useState({}),[U,J]=i.useState(null),A=i.useRef({}),je=(e,s)=>{A.current[e]&&clearTimeout(A.current[e]);const n=s.trim();if(n.length<2){b(r=>({...r,[e]:[]}));return}A.current[e]=setTimeout(async()=>{J(e);try{const r=await fetch(`${o}/api/admin/users/?search=${encodeURIComponent(n)}&limit=8`,{headers:d()});if(r.ok){const a=await r.json(),c=Array.isArray(a)?a:a.results||[];b(l=>({...l,[e]:c.slice(0,8)}))}}catch{}finally{J(null)}},250)},[W,q]=i.useState(null),[K,T]=i.useState(null),[ye,_]=i.useState(!1),[g,V]=i.useState(""),[Y,Z]=i.useState(""),[F,Q]=i.useState("COACH"),[X,Ne]=i.useState("UNIT10"),[I,ee]=i.useState(!1),[E,$]=i.useState(null),[v,te]=i.useState(""),[ae,se]=i.useState(""),[j,ie]=i.useState(!0),[ne,re]=i.useState([]),[le,ce]=i.useState(!1),oe=JSON.parse(localStorage.getItem("user")||"{}"),p=async()=>{R(!0);try{const e=h?`${o}/api/admin/teams/?section=${h}`:`${o}/api/admin/teams/`,s=await fetch(e,{headers:d()});s.ok&&M(await s.json())}finally{R(!1)}};i.useEffect(()=>{p()},[h]);const de=async e=>{if(w[e]){N(!1),D(P===e?null:e);return}B(e),N(!1),D(e);try{const s=await fetch(`${o}/api/teams/${e}/members/`,{headers:d()});if(s.ok){const n=await s.json();f(r=>({...r,[e]:n}))}}finally{B(null)}},we=async e=>{(await fetch(`${o}/api/teams/${e.id}/`,{method:"PATCH",headers:d(),body:JSON.stringify({is_active:!e.is_active})})).ok&&p()},ke=async e=>{(await fetch(`${o}/api/admin/teams/${e}/`,{method:"DELETE",headers:d()})).ok&&(M(n=>n.filter(r=>r.id!==e)),T(null))},Se=async(e,s)=>{(await fetch(`${o}/api/teams/${e}/members/${s}/`,{method:"DELETE",headers:d()})).ok&&f(r=>({...r,[e]:r[e].filter(a=>a.id!==s)}))},Ce=async(e,s,n)=>{const r=await fetch(`${o}/api/teams/${e}/members/${s}/`,{method:"PATCH",headers:d(),body:JSON.stringify({role:n})});if(r.ok)await de(e),n==="OWNER"&&p();else{const a=await r.json().catch(()=>null);alert((a==null?void 0:a.error)||"Rol wijzigen mislukt.")}},Ae=async(e,s)=>{q(s);try{const n=await fetch(`${o}/api/teams/${e}/members/${s}/`,{method:"PATCH",headers:d(),body:JSON.stringify({status:"ACCEPTED"})});if(n.ok){const r=await n.json();f(a=>({...a,[e]:(a[e]||[]).map(c=>c.id===s?r:c)}))}}finally{q(null)}},xe=async e=>{const s=u[e],n=(m[e]||"").trim();if(!s&&!n)return;const r={role:z[e]||"MEMBER"};s?r.user_id=s.id:r.email=n,H(e);try{const a=await fetch(`${o}/api/teams/${e}/members/`,{method:"POST",headers:d(),body:JSON.stringify(r)});if(a.ok){const c=await a.json();f(l=>{const Me=l[e]||[];return{...l,[e]:[...Me.filter(Re=>Re.id!==c.id),c]}}),k(l=>({...l,[e]:""})),C(l=>({...l,[e]:null})),b(l=>({...l,[e]:[]}))}}finally{H(null)}},Te=e=>{$(e),te(e.name),se(e.description||""),ie(e.is_active),re(e.section?e.section.split(",").map(s=>s.trim().toUpperCase()).filter(Boolean):[])},_e=e=>re(s=>s.includes(e)?s.filter(n=>n!==e):[...s,e]),Ee=async()=>{if(!(!E||!v.trim())){ce(!0);try{(await fetch(`${o}/api/teams/${E.id}/`,{method:"PATCH",headers:d(),body:JSON.stringify({name:v.trim(),description:ae.trim(),is_active:j,section:ne.join(",")})})).ok&&($(null),p())}finally{ce(!1)}}},$e=async()=>{if(g.trim()){ee(!0);try{(await fetch(`${o}/api/teams/`,{method:"POST",headers:d(),body:JSON.stringify({name:g.trim(),description:Y.trim(),team_type:F,section:X})}

1)).ok&&(V(""),Z(""),Q("COACH"),_(!1),p())}finally{ee(!1)}}},ue=he.filter(e=>{var n;const s=O.toLowerCase();return!s||e.name.toLowerCase().includes(s)||(((n=e.created_by_details)==null?void 0:n.email)||"").toLowerCase().includes(s)});return t.jsx(Pe,{children:t.jsxs("div",{className:"px-4 md:px-8 lg:px-12 py-8 space-y-8 max-w-6xl mx-auto",children:[t.jsxs("div",{className:"flex items-center justify-between gap-4",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsx("button",{onClick:()=>pe("/admin/dashboard"),className:"w-10 h-10 rounded-xl bg-surface-container flex items-center justify-center text-on-surface-variant border border-outline-variant/20 hover:text-on-surface hover:border-outline-variant/40 transition-all",title:"Terug naar dashboard",children:t.jsx("span",{className:"material-symbols-outlined text-xl",children:"arrow_back"})}),t.jsx("div",{className:"w-12 h-12 rounded-2xl bg-indigo-500/10 flex items-center justify-center text-indigo-400 border border-indigo-500/20",children:t.jsx("span",{className:"material-symbols-outlined text-2xl",children:"groups"})}),t.jsxs("div",{children:[t.jsxs("h1",{className:"text-2xl font-black uppercase italic tracking-tighter text-on-surface",children:["Teams ",t.jsx("span",{className:"text-indigo-400",children:"Beheer"})]}),t.jsx("p",{className:"text-[10px] text-on-surface-variant font-bold uppercase tracking-widest opacity-40",children:"Alle teams per sectie"})]})]}),t.jsxs("button",{onClick:()=>_(!0),className:"flex items-center gap-2 px-5 py-3 rounded-xl bg-indigo-500 text-white text-[11px] font-black uppercase tracking-widest hover:bg-indigo-600 transition-all shrink-0",children:[t.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"add"}),"Nieuw team"]})]}),t.jsxs("div",{className:"flex flex-wrap gap-3",children:[t.jsx("input",{type:"text",value:O,onChange:e=>{be(e.target.value),localStorage.setItem("teamsAdminSearch",e.target.value)},placeholder:"Zoeken op naam of eigenaar...",className:"flex-1 min-w-48 px-4 py-2.5 rounded-xl bg-surface-container border border-outline-variant/20 text-sm text-on-surface placeholder-on-surface-variant/40 outline-none focus:border-primary/40"}),t.jsx("div",{className:"flex gap-2 flex-wrap",children:De.map(e=>t.jsx("button",{onClick:()=>me(e.value),className:`px-4 py-2 rounded-xl text-[11px] font-black uppercase tracking-widest transition-all ${h===e.value?"bg-indigo-500 text-white":"bg-surface-container text-on-surface-variant border border-outline-variant/20 hover:border-indigo-500/40"}`,children:e.label},e.value))})]}),fe?t.jsx("div",{className:"flex items-center justify-center py-20",children:t.jsx("span",{className:"material-symbols-outlined animate-spin text-3xl text-primary",children:"progress_activity"})}):ue.length===0?t.jsx("div",{className:"text-center py-20 text-on-surface-variant/40 text-sm font-bold uppercase tracking-widest",children:"Geen teams gevonden"}):t.jsx("div",{className:"space-y-3",children:ue.map(e=>{var s,n,r;return t.jsxs("div",{className:"bg-surface-container rounded-2xl border border-outline-variant/10 overflow-visible",children:[t.jsxs("div",{className:"flex items-center gap-4 p-5",children:[t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[t.jsx("span",{className:"font-black text-on-surface",children:e.name}),t.jsx("span",{className:"px-2 py-0.5 rounded-lg bg-indigo-500/10 text-indigo-400 text-[10px] font-black uppercase tracking-widest",children:Be[e.team_type]||e.team_type}),t.jsx("span",{className:"px-2 py-0.5 rounded-lg bg-surface-container-high text-on-surface-variant text-[10px] font-bold uppercase tracking-widest",children:e.section}),!e.is_active&&t.jsx("span",{className:"px-2 py-0.5 rounded-lg bg-red-500/10 text-red-400 text-[10px] font-black uppercase tracking-widest",children:"Inactief"})]}),t.jsx("p",{className:"text-[11px] text-on-surface-variant/60 mt-0.5",children:e.created_by_details?`${e.created_by_details.first_name} ${e.created_by_details.last_name}`.trim()||e.created_by_details.email:"—"})]}),t.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[t.jsxs("button",{onClick:()=>de(e.id),className:"px-3 py-1.5 rounded-lg bg-surface-container-high text-on-surface-variant text-[10px] font-black uppercase tracking-widest hover:text-on-surface transition-all flex items-center gap-1",children:[t.jsx("span",{className:"material-symbols-outlined text-[14px]",children:"group"}),"Leden"]}),(oe.is_superuser||((s=e.created_by_details)==null?void 0:s.id)===oe.id)&&t.jsx("button",{onClick:()=>Te(e),title:"Bewerken",className:"w-8 h-8 rounded-lg bg-indigo-500/10 text-indigo-400 hover:bg-indigo-500/20 flex items-center justify-center transition-all",children:t.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"edit"})}),t.jsx("button",{onClick:()=>we(e),className:`w-8 h-8 rounded-lg flex items-center justify-center transition-all ${e.

1is_active?"bg-green-500/10 text-green-400 hover:bg-green-500/20":"bg-outline-variant/20 text-on-surface-variant hover:bg-outline-variant/30"}`,title:e.is_active?"Deactiveren":"Activeren",children:t.jsx("span",{className:"material-symbols-outlined text-[16px]",children:e.is_active?"toggle_on":"toggle_off"})}),t.jsx("button",{onClick:()=>T(e.id),className:"w-8 h-8 rounded-lg bg-red-500/10 text-red-400 hover:bg-red-500/20 flex items-center justify-center transition-all",children:t.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"delete"})})]})]}),t.jsx(y,{children:P===e.id&&t.jsx(x.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},onAnimationComplete:()=>N(!0),className:`border-t border-outline-variant/10 ${ge?"overflow-visible":"overflow-hidden"}`,children:t.jsxs("div",{className:"p-5",children:[L===e.id?t.jsxs("div",{className:"flex items-center gap-2 text-on-surface-variant/40 text-sm",children:[t.jsx("span",{className:"material-symbols-outlined animate-spin text-base",children:"progress_activity"}),"Laden…"]}):(w[e.id]||[]).length===0?t.jsx("p",{className:"text-[11px] text-on-surface-variant/40 font-bold uppercase tracking-widest",children:"Geen leden"}):t.jsxs("table",{className:"w-full text-[12px]",children:[t.jsx("thead",{children:t.jsxs("tr",{className:"text-[10px] font-black uppercase tracking-widest text-on-surface-variant/40",children:[t.jsx("th",{className:"text-left pb-2",children:"Naam / E-mail"}),t.jsx("th",{className:"text-left pb-2",children:"Rol"}),t.jsx("th",{className:"text-left pb-2",children:"Status"}),t.jsx("th",{className:"text-left pb-2"})]})}),t.jsx("tbody",{className:"divide-y divide-outline-variant/10",children:(w[e.id]||[]).map(a=>t.jsxs("tr",{children:[t.jsx("td",{className:"py-2 text-on-surface",children:a.user_details?`${a.user_details.first_name} ${a.user_details.last_name}`.trim()||a.user_details.email:a.invite_email}),t.jsx("td",{className:"py-2",children:t.jsxs("select",{value:a.role,onChange:c=>Ce(e.id,a.id,c.target.value),className:"bg-surface-container-high border border-outline-variant/30 rounded-lg px-2 py-1 text-[11px] font-bold uppercase tracking-widest text-on-surface focus:outline-none focus:border-primary/40",children:[t.jsx("option",{value:"MEMBER",children:"Lid"}),t.jsx("option",{value:"MANAGER",children:"Manager"}),t.jsx("option",{value:"OWNER",disabled:!a.user_details,children:"Eigenaar"})]})}),t.jsx("td",{className:"py-2",children:t.jsx("span",{className:`px-2 py-0.5 rounded-lg text-[10px] font-black uppercase tracking-widest ${a.status==="ACCEPTED"?"bg-green-500/10 text-green-400":a.status==="PENDING"?"bg-amber-500/10 text-amber-400":"bg-red-500/10 text-red-400"}`,children:a.status})}),t.jsx("td",{className:"py-2 text-right",children:t.jsxs("div",{className:"inline-flex items-center gap-2",children:[a.status==="PENDING"&&t.jsxs("button",{onClick:()=>Ae(e.id,a.id),disabled:W===a.id,title:"Goedkeuren",className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-green-500/10 text-green-400 hover:bg-green-500/20 text-[10px] font-black uppercase tracking-widest transition-all disabled:opacity-50",children:[t.jsx("span",{className:"material-symbols-outlined text-[14px]",children:W===a.id?"progress_activity":"check"}),"Accepteer"]}),t.jsx("button",{onClick:()=>Se(e.id,a.id),title:"Verwijderen",className:"text-red-400 hover:text-red-300 transition-colors",children:t.jsx("span",{className:"material-symbols-outlined text-[14px]",children:"person_remove"})})]})})]},a.id))})]}),L!==e.id&&t.jsxs("div",{className:"mt-4 pt-4 border-t border-outline-variant/10 flex flex-wrap items-center gap-2",children:[t.jsxs("div",{className:"relative flex-1 min-w-48",children:[t.jsx("input",{type:"text",value:m[e.id]||"",onChange:a=>{const c=a.target.value;k(l=>({...l,[e.id]:c})),C(l=>({...l,[e.id]:null})),je(e.id,c)},onKeyDown:a=>{a.key==="Enter"&&xe(e.id)},placeholder:"Naam of e-mailadres lid…",className:"w-full px-4 py-2.5 rounded-xl bg-surface-container-high border border-outline-variant/20 text-sm text-on-surface placeholder-on-surface-variant/40 outline-none focus:border-primary/40"}),u[e.id]&&t.jsx("span",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-primary",title:"Bestaande gebruiker geselecteerd",children:t.jsx("span",{className:"material-symbols-outlined text-[18px]",children:"check_circle"})}

1),!u[e.id]&&((n=S[e.id])!=null&&n.length||U===e.id)?t.jsx("div",{className:"absolute z-20 left-0 right-0 mt-1 rounded-xl bg-surface-container-high border border-outline-variant/20 shadow-2xl overflow-hidden max-h-60 overflow-y-auto",children:U===e.id&&!((r=S[e.id])!=null&&r.length)?t.jsx("div",{className:"px-4 py-3 text-xs text-on-surface-variant/50",children:"Zoeken…"}):(S[e.id]||[]).map(a=>t.jsxs("button",{type:"button",onClick:()=>{C(l=>({...l,[e.id]:a}));const c=`${a.first_name} ${a.last_name}`.trim()||a.email;k(l=>({...l,[e.id]:c})),b(l=>({...l,[e.id]:[]}))},className:"w-full text-left px-4 py-2.5 hover:bg-primary/10 transition-colors flex items-center justify-between gap-2",children:[t.jsx("span",{className:"text-sm font-bold text-on-surface truncate",children:`${a.first_name} ${a.last_name}`.trim()||a.email}),t.jsx("span",{className:"text-[11px] text-on-surface-variant/50 truncate",children:a.email})]},a.id))}):null]}),t.jsxs("select",{value:z[e.id]||"MEMBER",onChange:a=>ve(c=>({...c,[e.id]:a.target.value})),className:"px-3 py-2.5 rounded-xl bg-surface-container-high border border-outline-variant/20 text-sm text-on-surface outline-none focus:border-primary/40",children:[t.jsx("option",{value:"MEMBER",children:"Lid"}),t.jsx("option",{value:"MANAGER",children:"Manager"}),t.jsx("option",{value:"OWNER",children:"Eigenaar"})]}),t.jsxs("button",{onClick:()=>xe(e.id),disabled:G===e.id||!u[e.id]&&!(m[e.id]||"").includes("@"),title:!u[e.id]&&!(m[e.id]||"").includes("@")?"Kies een bestaande gebruiker uit de lijst of voer een e-mailadres in":void 0,className:"px-4 py-2.5 rounded-xl bg-primary text-on-primary text-[11px] font-black uppercase tracking-widest hover:bg-primary/90 transition-all disabled:opacity-50 inline-flex items-center gap-1.5",children:[t.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"person_add"}),G===e.id?"Bezig…":"Toevoegen"]})]})]})})})]},e.id)})}),t.jsx(y,{children:ye&&t.jsx(x.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm p-4",children:t.jsxs(x.div,{initial:{scale:.9},animate:{scale:1},exit:{scale:.9},className:"bg-surface-container rounded-3xl p-8 max-w-sm w-full space-y-6 border border-outline-variant/20",children:[t.jsx("h3",{className:"text-xl font-black uppercase italic text-on-surface",children:"Nieuw team"}),t.jsxs("div",{className:"space-y-3",children:[t.jsx("input",{type:"text",value:g,onChange:e=>V(e.target.value),placeholder:"Teamnaam...",className:"w-full px-4 py-2.5 rounded-xl bg-surface-container-high border border-outline-variant/20 text-sm text-on-surface placeholder-on-surface-variant/40 outline-none focus:border-indigo-500/40"}),t.jsx("textarea",{value:Y,onChange:e=>Z(e.target.value),placeholder:"Beschrijving (optioneel)...",rows:2,className:"w-full px-4 py-2.5 rounded-xl bg-surface-container-high border border-outline-variant/20 text-sm text-on-surface placeholder-on-surface-variant/40 outline-none focus:border-indigo-500/40 resize-none"}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-black uppercase tracking-widest text-on-surface-variant/40 mb-2",children:"Type"}),t.jsx("div",{className:"flex gap-2",children:Le.map(e=>t.jsx("button",{onClick:()=>Q(e.value),className:`flex-1 py-2 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all ${F===e.value?"bg-indigo-500 text-white":"bg-surface-container-high text-on-surface-variant border border-outline-variant/20"}`,children:e.label},e.value))})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-black uppercase tracking-widest text-on-surface-variant/40 mb-2",children:"Sectie"}),t.jsx("div",{className:"flex gap-2",children:["UNIT10","TMS","RSTCC"].map(e=>t.jsx("button",{onClick:()=>Ne(e),className:`flex-1 py-2 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all ${X===e?"bg-indigo-500 text-white":"bg-surface-container-high text-on-surface-variant border border-outline-variant/20"}`,children:e},e))})]})]}),t.jsxs("div",{className:"flex gap-3",children:[t.jsx("button",{onClick:$e,disabled:I||!g.trim(),className:"flex-1 py-3 rounded-xl bg-indigo-500 text-white text-[11px] font-black uppercase tracking-widest hover:bg-indigo-600 transition-all disabled:opacity-50",children:I?"Aanmaken…":"Aanmaken"}),t.jsx("button",{onClick:()=>_(!1),className:"flex-1 py-3 rounded-xl bg-surface-container-high text-on-surface-variant text-[11px] font-black uppercase tracking-widest hover:text-on-surface transition-all",children:"Annuleer"})]})]})})}),t.jsx(y,{children:E&&t.jsx(x.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm p-4",children:t.jsxs(x.div,{initial:{scale:.9},animate:{scale:1},exit:{scale:.9},className:"bg-surface-container rounded-3xl p-8 max-w-sm w-full space-y-5 border border-outline-variant/20",children:[t.jsx("h3",{className:"text-xl font-black uppercase italic text-on-surface",children:"Team bewerken"}),t.jsxs("div",{className:"space-y-3",children:[t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-black uppercase tracking-widest text-on-surface-variant/40 mb-1.5",children:"Naam"}),t.jsx("input",{type:"text",value:v,onChange:e=>te(e.target.value),placeholder:"Teamnaam...",className:"w-full px-4 py-2.5 rounded-xl bg-surface-container-high border border-outline-variant/20 text-sm text-on-surface placeholder-on-surface-variant/40 outline-none focus:border-indigo-500/40"})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-black uppercase tracking-widest text-on-surface-variant/40 mb-1.5",children:"Beschrijving"}),t.jsx("textarea",{value:ae,onChange:e=>se(e.target.value),placeholder:"Beschrijving (optioneel)...",rows:2,className:"w-full px-4 py-2.5 rounded-xl bg-surface-container-high border border-outline-variant/20 text-sm text-on-surface placeholder-on-surface-variant/40 outline-none focus:border-indigo-500/40 resize-none"})]}),t.jsxs("div",{className:"flex items-center justify-between py-2 px-3 rounded-xl bg-surface-container-high border border-outline-variant/20",children:[t.jsxs("div",{children:[t.jsx("p",{className:"text-[11px] font-black uppercase tracking-widest text-on-surface",children:"Status"}),t.jsx("p",{className:"text-[9px] text-on-surface-variant/40 uppercase tracking-wider",children:j?"Actief":"Inactief"})]}),t.jsx("button",{type:"button",onClick:()=>ie(e=>!e),className:`relative w-11 h-6 rounded-full transition-all ${j?"bg-emerald-500":"bg-outline-variant/30"}`,children:t.jsx("span",{className:`absolute top-1 w-4 h-4 rounded-full bg-white shadow transition-all ${j?"left-6":"left-1"}`})})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-black uppercase tracking-widest text-on-surface-variant/40 mb-2",children:"Secties"}),t.jsx("div",{className:"flex gap-2",children:["RSTCC","TMS","UNIT10"].map(e=>t.jsx("button",{type:"button",onClick:()=>_e(e),className:`flex-1 py-2.5 rounded-xl text-[11px] font-black uppercase tracking-widest border transition-all ${ne.includes(e)?"bg-indigo-500/20 border-indigo-500/60 text-indigo-400":"bg-surface-container-high border-outline-variant/20 text-on-surface-variant/40 hover:border-indigo-500/30"}`,children:e},e))})]})]}),t.jsxs("div",{className:"flex gap-3",children:[t.jsx("button",{onClick:Ee,disabled:le||!v.trim(),className:"flex-1 py-3 rounded-xl bg-indigo-500 text-white text-[11px] font-black uppercase tracking-widest hover:bg-indigo-600 transition-all disabled:opacity-50",children:le?"Opslaan…":"Opslaan"}),t.jsx("button",{onClick:()=>$(null),className:"flex-1 py-3 rounded-xl bg-surface-container-high text-on-surface-variant text-[11px] font-black uppercase tracking-widest hover:text-on-surface transition-all",children:"Annuleer"})]})]})})}),t.jsx(y,{children:K!==null&&t.jsx(x.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm p-4",children:t.jsxs(x.div,{initial:{scale:.9},animate:{scale:1},exit:{scale:.9},className:"bg-surface-container rounded-3xl p-8 max-w-sm w-full space-y-6 border border-outline-variant/20",children:[t.jsx("h3",{className:"text-xl font-black uppercase italic text-on-surface",children:"Team verwijderen?"}),t.jsx("p",{className:"text-sm text-on-surface-variant/60",children:"Dit verwijdert het team en alle lidmaatschappen permanent."}),t.jsxs("div",{className:"flex gap-3",children:[t.jsx("button",{onClick:()=>ke(K),className:"flex-1 py-3 rounded-xl bg-red-500 text-white text-[11px] font-black uppercase tracking-widest hover:bg-red-600 transition-all",children:"Verwijderen"}),t.jsx("button",{onClick:()=>T(null),className:"flex-1 py-3 rounded-xl bg-surface-container-high text-on-surface-variant text-[11px] font-black uppercase tracking-widest hover:text-on-surface transition-all",children:"Annuleer"})]})]})})})]})})}export{Je as default};