import"../chunks/Bzak7iHL.js";import{p as Wt,g as J,h as Tt,f as u,e as Xt,s as i,t as y,a as v,b as Zt,i as _,$ as te,c as e,j as r,u as qt,r as t,aL as ee,n as It}from"../chunks/CnGaPG_y.js";import{d as re,s as g}from"../chunks/BBilxCvN.js";import{i as h}from"../chunks/BqhvobEz.js";import{e as ae}from"../chunks/_bkH3ryn.js";import{h as ie}from"../chunks/7JdHMB9Z.js";import{a as Lt,e as Ot}from"../chunks/C6co30xB.js";import{r as B,a as Bt}from"../chunks/Bu9wkQ5s.js";import{s as it}from"../chunks/B764PkgB.js";import{b as st,a as se}from"../chunks/DGA84RoI.js";import{g as oe}from"../chunks/BSWJzOrc.js";import{M as ne}from"../chunks/BeF0adGF.js";var de=(w,d)=>d(),le=(w,d)=>d(),ce=u('<div class="p-12 text-center"><i class="bi bi-diagram-3 mx-auto text-4xl text-gray-400"></i> <h3 class="mt-4 text-lg font-medium text-gray-900">No subscription plans</h3> <p class="mt-2 text-gray-500">Get started by creating your first subscription plan.</p> <button class="bg-primary hover:bg-primary/90 mt-4 rounded-lg px-4 py-2 text-white"><i class="bi bi-plus-lg mr-2"></i> Add Your First Plan</button></div>'),ve=u('<div class="max-w-xs truncate text-sm text-gray-500"> </div>'),ue=u('<span class="inline-flex rounded-full bg-green-100 px-2 text-xs leading-5 font-semibold text-green-800">Active</span>'),pe=u('<span class="inline-flex rounded-full bg-gray-100 px-2 text-xs leading-5 font-semibold text-gray-800">Inactive</span>'),me=(w,d,E)=>d(r(E)),xe=(w,d)=>_(d,null),ge=u('<div class="flex gap-1"><form action="?/deletePlan" method="POST"><input type="hidden" name="id"/> <button type="submit" class="rounded-lg bg-red-600 px-2 py-1.5 text-xs font-medium text-white hover:bg-red-700" aria-label="Confirm delete"><i class="bi bi-check"></i></button></form> <button class="rounded-lg bg-gray-600 px-2 py-1.5 text-xs font-medium text-white hover:bg-gray-700" aria-label="Cancel delete"><i class="bi bi-x"></i></button></div>'),fe=(w,d,E)=>_(d,r(E).id,!0),_e=u('<button class="rounded-lg bg-red-100 px-3 py-1.5 text-sm font-medium text-red-700 hover:bg-red-200 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:outline-none"><i class="bi bi-trash mr-1"></i> Delete</button>'),be=u('<tr class="hover:bg-gray-50"><td class="px-6 py-4"><div><div class="text-sm font-medium text-gray-900"> </div> <!></div></td><td class="px-6 py-4"><div class="text-sm font-medium text-gray-900"> </div></td><td class="px-6 py-4"><div class="text-sm text-gray-900"> </div></td><td class="px-6 py-4"><!></td><td class="px-6 py-4"><div class="text-sm text-gray-500"> </div></td><td class="px-6 py-4 text-right"><div class="flex justify-end gap-2"><button class="rounded-lg bg-gray-100 px-3 py-1.5 text-sm font-medium text-gray-700 hover:bg-gray-200 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 focus:outline-none"><i class="bi bi-pencil mr-1"></i> Edit</button> <!></div></td></tr>'),ye=u('<div class="overflow-x-auto"><table class="min-w-full divide-y divide-gray-200"><thead class="bg-gray-50"><tr><th class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase">Plan</th><th class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase">Price</th><th class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase">Duration</th><th class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase">Status</th><th class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase">Created</th><th class="px-6 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase">Actions</th></tr></thead><tbody class="divide-y divide-gray-200 bg-white"></tbody></table></div>'),he=u('<input type="hidden" name="id"/>'),we=(w,d)=>d("name"),ke=u('<p class="mt-1 text-sm text-red-600"> </p>'),Pe=(w,d)=>d("price"),Ae=u('<p class="mt-1 text-sm text-red-600"> </p>'),$e=(w,d)=>d("duration"),De=u('<p class="mt-1 text-sm text-red-600"> </p>'),Se=u('<p class="mt-1 text-sm text-gray-500"> </p>'),Ee=(w,d)=>d("description"),Me=u('<p class="mt-1 text-sm text-red-600"> </p>'),Ce=u('<i class="bi bi-check-circle text-2xl text-green-500"></i>'),je=u('<i class="bi bi-x-circle text-2xl text-gray-400"></i>'),Fe=u('<form action="?/savePlan" method="POST"><!> <div class="space-y-6"><div class="grid grid-cols-1 gap-6 sm:grid-cols-2"><div><label for="name" class="block text-sm font-medium text-gray-700">Plan Name *</label> <input id="name" type="text" name="name" placeholder="e.g., Basic Plan, Premium Plan" required/> <!></div> <div><label for="price" class="block text-sm font-medium text-gray-700">Price (KES) *</label> <input id="price" type="number" name="price" min="0" step="0.01" placeholder="0.00" required/> <!></div></div> <div><label for="duration" class="block text-sm font-medium text-gray-700">Duration (Days) *</label> <input id="duration" type="number" name="duration" min="1" placeholder="30" required/> <!> <!></div> <div><label for="description" class="block text-sm font-medium text-gray-700">Description</label> <textarea id="description" name="description" rows="3" placeholder="Describe what this plan includes..."></textarea> <!></div> <div class="flex items-center justify-between rounded-lg bg-gray-50 p-4"><div><label class="flex items-center"><input type="checkbox" name="isActive" class="text-primary focus:ring-primary h-4 w-4 rounded border-gray-300 focus:ring-2"/> <span class="ml-2 text-sm font-medium text-gray-700">Active Plan</span></label> <p class="mt-1 text-sm text-gray-500"> </p></div> <!></div></div> <div class="mt-8 flex justify-end gap-3"><button type="button" class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 focus:outline-none">Cancel</button> <button type="submit" class="bg-primary hover:bg-primary/90 focus:ring-primary/50 flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white focus:ring-2 focus:ring-offset-2 focus:outline-none"><i class="bi bi-save"></i> </button></div></form>'),Ke=u('<div class="mx-auto max-w-7xl p-6"><div class="mb-8"><div class="flex items-center justify-between"><div><h1 class="text-3xl font-bold text-gray-900">Subscription Plans</h1> <p class="mt-2 text-gray-600">Manage subscription plans and pricing for your platform</p></div> <button class="bg-primary hover:bg-primary/90 flex items-center gap-2 rounded-lg px-4 py-2.5 font-medium text-white transition-colors"><i class="bi bi-plus-lg"></i> Add New Plan</button></div></div> <div class="mb-8 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4"><div class="rounded-lg bg-white p-6 shadow-sm ring-1 ring-gray-200"><div class="flex items-center"><div class="flex-shrink-0"><i class="bi bi-diagram-3 text-2xl text-blue-600"></i></div> <div class="ml-4"><p class="text-sm font-medium text-gray-500">Total Plans</p> <p class="text-2xl font-semibold text-gray-900"> </p></div></div></div> <div class="rounded-lg bg-white p-6 shadow-sm ring-1 ring-gray-200"><div class="flex items-center"><div class="flex-shrink-0"><i class="bi bi-check-circle text-2xl text-green-600"></i></div> <div class="ml-4"><p class="text-sm font-medium text-gray-500">Active Plans</p> <p class="text-2xl font-semibold text-gray-900"> </p></div></div></div> <div class="rounded-lg bg-white p-6 shadow-sm ring-1 ring-gray-200"><div class="flex items-center"><div class="flex-shrink-0"><i class="bi bi-x-circle text-2xl text-gray-600"></i></div> <div class="ml-4"><p class="text-sm font-medium text-gray-500">Inactive Plans</p> <p class="text-2xl font-semibold text-gray-900"> </p></div></div></div></div> <div class="rounded-lg bg-white shadow-sm ring-1 ring-gray-200"><div class="border-b border-gray-200 px-6 py-4"><h2 class="text-lg font-semibold text-gray-900">All Plans</h2></div> <!></div></div> <!>',1);function Je(w,d){Wt(d,!0);const E=oe();let G=qt(()=>d.data.plans||[]),Q=J(!1),N=J(null),p=J(Tt({name:"",description:"",price:0,duration:30,isActive:!0})),m=J(Tt({})),R=J(null);function ot(o=null){_(N,o,!0),o?_(p,{name:o.name,description:o.description||"",price:o.price,duration:o.duration,isActive:o.isActive},!0):yt(),_(m,{},!0),_(Q,!0)}function bt(){_(Q,!1),_(N,null),yt()}function yt(){_(p,{name:"",description:"",price:0,duration:30,isActive:!0},!0),_(m,{},!0)}function V(o){r(m)[o]&&(r(m)[o]=void 0)}function Gt(o){return new Intl.NumberFormat("en-KE",{style:"currency",currency:"KES"}).format(o)}function ht(o){if(o===1)return"1 day";if(o<30)return`${o} days`;if(o===30)return"1 month";if(o<365){const b=Math.floor(o/30),k=o%30;return k===0?`${b} ${b===1?"month":"months"}`:`${b} ${b===1?"month":"months"} ${k} ${k===1?"day":"days"}`}const l=Math.floor(o/365),A=o%365;return A===0?`${l} ${l===1?"year":"years"}`:`${l} ${l===1?"year":"years"} ${A} ${A===1?"day":"days"}`}var wt=Ke();ie(o=>{te.title="Subscription Plans Management - Kenya Law Admin"});var nt=Xt(wt),dt=e(nt),kt=e(dt),Ht=i(e(kt),2);Ht.__click=[de,ot],t(kt),t(dt);var lt=i(dt,2),ct=e(lt),Pt=e(ct),At=i(e(Pt),2),$t=i(e(At),2),Ut=e($t,!0);t($t),t(At),t(Pt),t(ct);var vt=i(ct,2),Dt=e(vt),St=i(e(Dt),2),Et=i(e(St),2),Yt=e(Et,!0);t(Et),t(St),t(Dt),t(vt);var Mt=i(vt,2),Ct=e(Mt),jt=i(e(Ct),2),Ft=i(e(jt),2),zt=e(Ft,!0);t(Ft),t(jt),t(Ct),t(Mt),t(lt);var Kt=i(lt,2),Jt=i(e(Kt),2);{var Qt=o=>{var l=ce(),A=i(e(l),6);A.__click=[le,ot],t(l),v(o,l)},Rt=o=>{var l=ye(),A=e(l),b=i(e(A));ae(b,21,()=>r(G),k=>k.id,(k,f)=>{var j=be(),F=e(j),T=e(F),$=e(T),ut=e($,!0);t($);var pt=i($,2);{var W=n=>{var c=ve(),P=e(c,!0);t(c),y(()=>g(P,r(f).description)),v(n,c)};h(pt,n=>{r(f).description&&n(W)})}t(T),t(F);var D=i(F),X=e(D),mt=e(X,!0);t(X),t(D);var K=i(D),M=e(K),Z=e(M,!0);t(M),t(K);var H=i(K),xt=e(H);{var gt=n=>{var c=ue();v(n,c)},U=n=>{var c=pe();v(n,c)};h(xt,n=>{r(f).isActive?n(gt):n(U,!1)})}t(H);var S=i(H),tt=e(S),ft=e(tt,!0);t(tt),t(S);var Y=i(S),q=e(Y),I=e(q);I.__click=[me,ot,f];var L=i(I,2);{var et=n=>{var c=ge(),P=e(c),z=e(P);B(z),It(2),t(P),Lt(P,(O,C)=>{var a;return(a=Ot)==null?void 0:a(O,C)},()=>()=>async({update:O,result:C})=>{var a,s;_(R,null),C.type==="success"?E.add("Success",((a=C.data)==null?void 0:a.message)||"Plan deleted successfully","success"):C.type==="failure"&&E.add("Error",((s=C.data)==null?void 0:s.message)||"Failed to delete plan","error"),await O()});var rt=i(P,2);rt.__click=[xe,R],t(c),y(()=>Bt(z,r(f).id)),v(n,c)},_t=n=>{var c=_e();c.__click=[fe,R,f],v(n,c)};h(L,n=>{r(R)===r(f).id?n(et):n(_t,!1)})}t(q),t(Y),t(j),y((n,c,P)=>{g(ut,r(f).name),g(mt,n),g(Z,c),g(ft,P)},[()=>Gt(r(f).price),()=>ht(r(f).duration),()=>new Date(r(f).createdAt).toLocaleDateString("en-KE")]),v(k,j)}),t(b),t(A),t(l),v(o,l)};h(Jt,o=>{r(G).length===0?o(Qt):o(Rt,!1)})}t(Kt),t(nt);var Vt=i(nt,2);{let o=qt(()=>r(N)?"Edit Subscription Plan":"Add New Subscription Plan");ne(Vt,{get title(){return r(o)},get show(){return r(Q)},set show(l){_(Q,l,!0)},children:(l,A)=>{var b=Fe(),k=e(b);{var f=a=>{var s=he();B(s),y(()=>Bt(s,r(N).id)),v(a,s)};h(k,a=>{r(N)&&a(f)})}var j=i(k,2),F=e(j),T=e(F),$=i(e(T),2);B($),$.__input=[we,V];var ut=i($,2);{var pt=a=>{var s=ke(),x=e(s,!0);t(s),y(()=>g(x,r(m).name[0])),v(a,s)};h(ut,a=>{r(m).name&&a(pt)})}t(T);var W=i(T,2),D=i(e(W),2);B(D),D.__input=[Pe,V];var X=i(D,2);{var mt=a=>{var s=Ae(),x=e(s,!0);t(s),y(()=>g(x,r(m).price[0])),v(a,s)};h(X,a=>{r(m).price&&a(mt)})}t(W),t(F);var K=i(F,2),M=i(e(K),2);B(M),M.__input=[$e,V];var Z=i(M,2);{var H=a=>{var s=De(),x=e(s,!0);t(s),y(()=>g(x,r(m).duration[0])),v(a,s)};h(Z,a=>{r(m).duration&&a(H)})}var xt=i(Z,2);{var gt=a=>{var s=Se(),x=e(s);t(s),y(at=>g(x,`Duration: ${at??""}`),[()=>ht(r(p).duration)]),v(a,s)};h(xt,a=>{r(p).duration&&r(p).duration>0&&a(gt)})}t(K);var U=i(K,2),S=i(e(U),2);ee(S),S.__input=[Ee,V];var tt=i(S,2);{var ft=a=>{var s=Me(),x=e(s,!0);t(s),y(()=>g(x,r(m).description[0])),v(a,s)};h(tt,a=>{r(m).description&&a(ft)})}t(U);var Y=i(U,2),q=e(Y),I=e(q),L=e(I);B(L),L.value=L.__value="true",It(2),t(I);var et=i(I,2),_t=e(et,!0);t(et),t(q);var n=i(q,2);{var c=a=>{var s=Ce();v(a,s)},P=a=>{var s=je();v(a,s)};h(n,a=>{r(p).isActive?a(c):a(P,!1)})}t(Y),t(j);var z=i(j,2),rt=e(z);rt.__click=bt;var O=i(rt,2),C=i(e(O));t(O),t(z),t(b),Lt(b,(a,s)=>{var x;return(x=Ot)==null?void 0:x(a,s)},()=>()=>async({update:a,result:s})=>{var x,at,Nt;s.type==="success"?(bt(),E.add("Success",((x=s.data)==null?void 0:x.message)||"Plan saved successfully","success")):s.type==="failure"&&(_(m,((at=s.data)==null?void 0:at.errors)||{},!0),(Nt=s.data)!=null&&Nt.message&&E.add("Error",s.data.message,"error")),await a()}),y(()=>{it($,1,`focus:ring-primary mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-transparent focus:ring-1 focus:outline-none ${r(m).name?"border-red-300 focus:ring-red-500":""}`),it(D,1,`focus:ring-primary mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-transparent focus:ring-1 focus:outline-none ${r(m).price?"border-red-300 focus:ring-red-500":""}`),it(M,1,`focus:ring-primary mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-transparent focus:ring-1 focus:outline-none ${r(m).duration?"border-red-300 focus:ring-red-500":""}`),it(S,1,`focus:ring-primary mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-transparent focus:ring-1 focus:outline-none ${r(m).description?"border-red-300 focus:ring-red-500":""}`),g(_t,r(p).isActive?"Available for new subscriptions":"Hidden from customers"),g(C,` ${r(N)?"Update Plan":"Create Plan"}`)}),st($,()=>r(p).name,a=>r(p).name=a),st(D,()=>r(p).price,a=>r(p).price=a),st(M,()=>r(p).duration,a=>r(p).duration=a),st(S,()=>r(p).description,a=>r(p).description=a),se(L,()=>r(p).isActive,a=>r(p).isActive=a),v(l,b)},$$slots:{default:!0}})}y((o,l)=>{g(Ut,r(G).length),g(Yt,o),g(zt,l)},[()=>r(G).filter(o=>o.isActive).length,()=>r(G).filter(o=>!o.isActive).length]),v(w,wt),Zt()}re(["click","input"]);export{Je as component};