import{d as Ht,b,a as m,f as _}from"../chunks/B89f14j0.js";import{o as Ot}from"../chunks/DrzKg1h1.js";import{p as Wt,s as f,a as Ct,b as a,f as Ft,g as t,c as Jt,e as Nt,h as s,d as l,$ as Qt,r,t as $,u as Xt}from"../chunks/reyx9_7L.js";import{s as n}from"../chunks/BwTTNG21.js";import{i as mt}from"../chunks/Do7Yo2YN.js";import{h as Yt,e as ft,i as _t}from"../chunks/D5EBvEcH.js";import{r as te,s as Kt}from"../chunks/B-WTs0fq.js";import{b as ee}from"../chunks/DUDgQzMC.js";import{b as xt}from"../chunks/Be1Vm8i2.js";import{g as bt}from"../chunks/BHBF0lbh.js";import{a as ae,f as re}from"../chunks/nhOotKLT.js";import{f as Tt}from"../chunks/utcFFRIM.js";import{S as Ut}from"../chunks/Cm2grUT-.js";var se=_("<option> </option>"),oe=_('<div class="bg-red-50 text-red-700 p-4 rounded-lg"> </div>'),ie=_('<div class="flex justify-center py-20"><div class="animate-spin rounded-full h-12 w-12 border-b-2 border-green-600"></div></div>'),le=_('<tr class="hover:bg-gray-50 transition-colors cursor-pointer"><td class="px-4 py-3"><a class="font-mono text-sm font-medium text-green-700 hover:underline"> </a></td><td class="px-4 py-3 text-sm text-gray-700 max-w-md truncate"> </td><td class="px-4 py-3 text-sm text-gray-600 capitalize"> </td><td class="px-4 py-3"><!></td><td class="px-4 py-3 text-sm text-gray-600"> </td><td class="px-4 py-3 text-sm text-gray-500"> </td></tr>'),ne=_('<span class="capitalize"> </span>'),de=_('<a class="block bg-white rounded-xl shadow-sm border border-gray-200 p-4 hover:shadow-md transition-shadow"><div class="flex items-start justify-between gap-2 mb-2"><span class="font-mono text-sm font-medium text-green-700"> </span> <!></div> <div class="text-sm text-gray-700 line-clamp-2 mb-3"> </div> <div class="flex items-center justify-between text-xs text-gray-500"><div class="flex items-center gap-3"><!> <span> </span></div> <span> </span></div></a>'),pe=_('<div class="flex justify-center mt-6 space-x-2"><button class="px-3 py-3 sm:py-2 rounded-lg text-sm border border-gray-300 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed">&laquo; Zurück</button> <span class="px-3 py-3 sm:py-2 text-sm text-gray-600"> </span> <button class="px-3 py-3 sm:py-2 rounded-lg text-sm border border-gray-300 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed">Weiter &raquo;</button></div>'),ve=_('<div class="text-sm text-gray-500 mb-3"> </div> <div class="hidden md:block bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden"><table class="w-full"><thead class="bg-gray-50"><tr><th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Aktenzeichen</th><th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Thema</th><th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Typ</th><th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Status</th><th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Glieder</th><th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Letzte Akt.</th></tr></thead><tbody class="divide-y divide-gray-100"></tbody></table></div> <div class="md:hidden space-y-3"></div> <!>',1),ue=_('<div class="mb-6"><h1 class="text-2xl font-bold text-gray-900">Ketten</h1> <p class="text-gray-500 text-sm mt-1">Zusammengehörige Vorlagen als Ketten nachverfolgen</p></div> <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4 mb-6"><div class="flex flex-col sm:flex-row flex-wrap gap-3 sm:items-end"><div class="w-full sm:w-auto"><label for="suche" class="block text-xs font-medium text-gray-500 mb-1">Suche</label> <input id="suche" type="text" placeholder="Thema suchen..." class="border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-green-500 focus:border-green-500 w-full sm:w-auto"/></div> <div class="flex gap-3 w-full sm:w-auto"><div class="flex-1 sm:flex-none"><label for="status" class="block text-xs font-medium text-gray-500 mb-1">Status</label> <select id="status" class="border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-green-500 w-full"><option>Alle</option><option>Eingereicht</option><option>In Beratung</option><option>Vertagt</option><option>Beschlossen</option><option>Umgesetzt</option><option>Abgelehnt</option><option>Versandet</option><option>Angefragt</option><option>Beantwortet</option><option>Offen</option><option>Abgewiegelt</option></select></div> <div class="flex-1 sm:flex-none"><label for="typ" class="block text-xs font-medium text-gray-500 mb-1">Typ</label> <select id="typ" class="border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-green-500 w-full"><option>Alle</option><option>Antrag</option><option>Anfrage</option></select></div></div> <div class="w-full sm:w-auto"><label for="partei" class="block text-xs font-medium text-gray-500 mb-1">Partei</label> <select id="partei" class="border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-green-500 w-full sm:w-auto"><option>Alle</option><!></select></div> <button class="bg-green-600 text-white px-4 py-3 sm:py-2 rounded-lg text-sm font-medium hover:bg-green-700 transition-colors w-full sm:w-auto">Filtern</button></div></div> <!>',1);function $e(jt,Bt){Wt(Bt,!0);let c=f(null),M=f(null),Z=f(!1),y=f(""),h=f(""),w=f(""),z=f(""),g=f(1),yt=f(Ct([]));function Lt(){const e=new URL(window.location.href).searchParams;l(y,e.get("status")||"",!0),l(h,e.get("typ")||"",!0),l(w,e.get("suche")||"",!0),l(z,e.get("partei")||"",!0),l(g,parseInt(e.get("page")||"1"),!0)}async function D(){l(Z,!0);try{const e={page:String(t(g)),page_size:"30"};t(y)&&(e.status=t(y)),t(h)&&(e.typ=t(h)),t(w)&&(e.suche=t(w)),t(z)&&(e.partei=t(z)),l(c,await ae(e),!0)}catch(e){l(M,e instanceof Error?e.message:"Fehler",!0)}finally{l(Z,!1)}}function P(){const e=new URLSearchParams;t(y)&&e.set("status",t(y)),t(h)&&e.set("typ",t(h)),t(w)&&e.set("suche",t(w)),t(z)&&e.set("partei",t(z)),l(g,1),e.set("page","1"),bt(`/ketten?${e.toString()}`,{replaceState:!0}),D()}function ht(e){l(g,e,!0);const i=new URLSearchParams(window.location.search);i.set("page",String(e)),bt(`/ketten?${i.toString()}`,{replaceState:!0}),D()}Ot(async()=>{l(yt,await re(),!0),Lt(),D()});var wt=ue();Yt("1cwhw9o",e=>{Nt(()=>{Qt.title="Ketten - Antragstracker Hagen"})});var H=a(Ft(wt),2),zt=s(H),O=s(zt),W=a(s(O),2);te(W),r(O);var C=a(O,2),J=s(C),B=a(s(J),2),N=s(B);N.value=N.__value="";var Q=a(N);Q.value=Q.__value="eingereicht";var X=a(Q);X.value=X.__value="in_beratung";var Y=a(X);Y.value=Y.__value="vertagt";var tt=a(Y);tt.value=tt.__value="beschlossen";var et=a(tt);et.value=et.__value="umgesetzt";var at=a(et);at.value=at.__value="abgelehnt";var rt=a(at);rt.value=rt.__value="versandet";var st=a(rt);st.value=st.__value="angefragt";var ot=a(st);ot.value=ot.__value="beantwortet";var it=a(ot);it.value=it.__value="offen";var kt=a(it);kt.value=kt.__value="abgewiegelt",r(B),r(J);var St=a(J,2),L=a(s(St),2),lt=s(L);lt.value=lt.__value="";var nt=a(lt);nt.value=nt.__value="antrag";var $t=a(nt);$t.value=$t.__value="anfrage",r(L),r(St),r(C);var dt=a(C,2),E=a(s(dt),2),pt=s(E);pt.value=pt.__value="";var Et=a(pt);ft(Et,17,()=>t(yt),_t,(e,i)=>{var p=se(),vt=s(p);r(p);var A={};$(()=>{n(vt,`${t(i).kuerzel??""} (${t(i).anzahl??""})`),A!==(A=t(i).kuerzel)&&(p.value=(p.__value=t(i).kuerzel)??"")}),m(e,p)}),r(E),r(dt);var Rt=a(dt,2);r(zt),r(H);var Vt=a(H,2);{var qt=e=>{var i=oe(),p=s(i,!0);r(i),$(()=>n(p,t(M))),m(e,i)},Gt=e=>{var i=ie();m(e,i)},It=e=>{var i=ve(),p=Ft(i),vt=s(p);r(p);var A=a(p,2),At=s(A),Pt=a(s(At));ft(Pt,21,()=>t(c).items,_t,(k,o)=>{var d=le(),v=s(d),u=s(v),F=s(u,!0);r(u),r(v);var x=a(v),K=s(x,!0);r(x);var T=a(x),R=s(T,!0);r(T);var S=a(T),V=s(S);Ut(V,{get status(){return t(o).status}}),r(S);var U=a(S),q=s(U,!0);r(U);var G=a(U),I=s(G,!0);r(G),r(d),$(ct=>{Kt(u,"href",`/ketten/${t(o).id??""}`),n(F,t(o).ursprung?.aktenzeichen||`#${t(o).id}`),n(K,t(o).thema||"-"),n(R,t(o).typ||"-"),n(q,t(o).glieder_count),n(I,ct)},[()=>Tt(t(o).letzte_aktivitaet)]),b("click",d,()=>bt(`/ketten/${t(o).id}`)),m(k,d)}),r(Pt),r(At),r(A);var ut=a(A,2);ft(ut,21,()=>t(c).items,_t,(k,o)=>{var d=de(),v=s(d),u=s(v),F=s(u,!0);r(u);var x=a(u,2);Ut(x,{get status(){return t(o).status}}),r(v);var K=a(v,2),T=s(K,!0);r(K);var R=a(K,2),S=s(R),V=s(S);{var U=j=>{var gt=ne(),Dt=s(gt,!0);r(gt),$(()=>n(Dt,t(o).typ)),m(j,gt)};mt(V,j=>{t(o).typ&&j(U)})}var q=a(V,2),G=s(q);r(q),r(S);var I=a(S,2),ct=s(I,!0);r(I),r(R),r(d),$(j=>{Kt(d,"href",`/ketten/${t(o).id??""}`),n(F,t(o).ursprung?.aktenzeichen||`#${t(o).id}`),n(T,t(o).thema||"-"),n(G,`${t(o).glieder_count??""} Glieder`),n(ct,j)},[()=>Tt(t(o).letzte_aktivitaet)]),m(k,d)}),r(ut);var Mt=a(ut,2);{var Zt=k=>{const o=Xt(()=>Math.ceil(t(c).total/t(c).page_size));var d=pe(),v=s(d),u=a(v,2),F=s(u);r(u);var x=a(u,2);r(d),$(()=>{v.disabled=t(g)<=1,n(F,`Seite ${t(g)??""} von ${t(o)??""}`),x.disabled=t(g)>=t(o)}),b("click",v,()=>ht(t(g)-1)),b("click",x,()=>ht(t(g)+1)),m(k,d)};mt(Mt,k=>{t(c).total>t(c).page_size&&k(Zt)})}$(()=>n(vt,`${t(c).total??""} Ketten gefunden`)),m(e,i)};mt(Vt,e=>{t(M)?e(qt):t(Z)&&!t(c)?e(Gt,1):t(c)&&e(It,2)})}b("keydown",W,e=>{e.key==="Enter"&&P()}),ee(W,()=>t(w),e=>l(w,e)),b("change",B,P),xt(B,()=>t(y),e=>l(y,e)),b("change",L,P),xt(L,()=>t(h),e=>l(h,e)),b("change",E,P),xt(E,()=>t(z),e=>l(z,e)),b("click",Rt,P),m(jt,wt),Jt()}Ht(["keydown","change","click"]);export{$e as component};