import"../chunks/Bzak7iHL.js";import{p as rt,f as u,a as l,b as nt,$ as dt,s,c as t,r as a,t as f,n as vt}from"../chunks/CnGaPG_y.js";import{s as v}from"../chunks/BBilxCvN.js";import{i as p}from"../chunks/BqhvobEz.js";import{h as ot}from"../chunks/7JdHMB9Z.js";import{s as H}from"../chunks/B764PkgB.js";var ct=u('<p class="mt-1 text-gray-500"> </p>'),lt=u('<div class="flex items-center space-x-4"><div class="flex h-8 w-8 items-center justify-center rounded-full bg-orange-100"><i class="bi bi-clock text-orange-600"></i></div> <div><p class="text-sm font-medium text-gray-900">Expires</p> <p class="text-sm text-gray-500"> </p> <p class="text-xs text-gray-400"> </p></div></div>'),ut=u('<div><p class="text-3xl font-light text-gray-900"> </p> <p class="text-sm text-gray-500">days remaining</p></div>'),mt=u('<div class="border-t border-gray-200 pt-8"><form action="?/cancelSubscription" method="POST"><button type="submit" class="text-sm font-medium text-red-600 transition-colors hover:text-red-700 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:outline-none">Cancel Subscription</button></form></div>'),xt=u('<div class="space-y-8"><div class="flex items-start justify-between"><div><h2 class="text-2xl font-medium text-gray-900"> </h2> <!></div> <div class="flex items-center space-x-2"><div></div> <span> </span></div></div> <div class="grid grid-cols-1 gap-8 lg:grid-cols-3"><div class="lg:col-span-2"><h3 class="mb-4 text-lg font-medium text-gray-900">Timeline</h3> <div class="space-y-4"><div class="flex items-center space-x-4"><div class="flex h-8 w-8 items-center justify-center rounded-full bg-blue-100"><i class="bi bi-play-fill text-blue-600"></i></div> <div><p class="text-sm font-medium text-gray-900">Started</p> <p class="text-sm text-gray-500"> </p></div></div> <!></div></div> <div><h3 class="mb-4 text-lg font-medium text-gray-900">Details</h3> <div class="space-y-6"><!> <div><p class="text-lg font-medium text-gray-900"> </p> <p class="text-sm text-gray-500"> </p></div></div></div></div> <!></div>'),pt=u('<div class="py-16 text-center"><div class="mx-auto mb-6 h-16 w-16 text-gray-300"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></div> <h3 class="text-xl font-light text-gray-900">No Active Subscription</h3> <p class="mt-2 text-gray-500">Start your journey with our subscription plans</p> <div class="mt-8"><a href="/subscription" class="inline-flex items-center space-x-2 text-blue-600 transition-colors hover:text-blue-700"><span class="font-medium">View Plans</span> <i class="bi bi-arrow-right"></i></a></div></div>'),ft=u('<div class="min-h-screen bg-gray-50 py-12"><div class="mx-auto max-w-4xl px-6"><div class="mb-12"><h1 class="text-3xl font-light text-gray-900">Subscription</h1> <div class="mt-2 h-px bg-gradient-to-r from-gray-300 via-gray-200 to-transparent"></div></div> <!></div></div>');function Tt(K,e){rt(e,!0);const g=n=>new Date(n).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"}),N=n=>{const o=new Date(n),m=new Date,d=Math.ceil((o.getTime()-m.getTime())/(1e3*60*60*24));return d===0?"Today":d===1?"Tomorrow":d===-1?"Yesterday":d>1?`in ${d} days`:d<-1?`${Math.abs(d)} days ago`:g(n)};var b=ft();ot(n=>{dt.title="My Subscription"});var D=t(b),O=s(t(D),2);{var R=n=>{var o=xt(),m=t(o),d=t(m),_=t(d),Y=t(_,!0);a(_);var q=s(_,2);{var F=i=>{var r=ct(),c=t(r,!0);a(r),f(()=>v(c,e.data.subscription.plan.description)),l(i,r)};p(q,i=>{e.data.subscription.plan.description&&i(F)})}a(d);var k=s(d,2),M=t(k),h=s(M,2),G=t(h,!0);a(h),a(k),a(m);var y=s(m,2),w=t(y),V=s(t(w),2),T=t(V),j=s(t(T),2),C=s(t(j),2),J=t(C,!0);a(C),a(j),a(T);var Q=s(T,2);{var W=i=>{var r=lt(),c=s(t(r),2),x=s(t(c),2),A=t(x,!0);a(x);var B=s(x,2),et=t(B,!0);a(B),a(c),a(r),f((it,st)=>{v(A,it),v(et,st)},[()=>g(e.data.subscription.endsAt),()=>N(e.data.subscription.endsAt)]),l(i,r)};p(Q,i=>{e.data.subscription.endsAt&&i(W)})}a(V),a(w);var E=s(w,2),I=s(t(E),2),L=t(I);{var X=i=>{var r=ut(),c=t(r),x=t(c,!0);a(c),vt(2),a(r),f(A=>v(x,A),[()=>Math.max(0,Math.ceil((new Date(e.data.subscription.endsAt).getTime()-new Date().getTime())/864e5))]),l(i,r)};p(L,i=>{e.data.subscription.endsAt&&i(X)})}var P=s(L,2),S=t(P),Z=t(S);a(S);var z=s(S,2),$=t(z);a(z),a(P),a(I),a(E),a(y);var tt=s(y,2);{var at=i=>{var r=mt();l(i,r)};p(tt,i=>{e.data.subscription.status==="ACTIVE"&&i(at)})}a(o),f((i,r)=>{v(Y,e.data.subscription.plan.name),H(M,1,`h-2 w-2 rounded-full ${e.data.subscription.status==="ACTIVE"?"bg-green-400":"bg-red-400"}`),H(h,1,`text-sm font-medium ${e.data.subscription.status==="ACTIVE"?"text-green-600":"text-red-600"}`),v(G,e.data.subscription.status),v(J,i),v(Z,`KES ${r??""}`),v($,`${e.data.subscription.plan.duration??""} days total`)},[()=>g(e.data.subscription.startsAt),()=>e.data.subscription.plan.price.toLocaleString()]),l(n,o)},U=n=>{var o=pt();l(n,o)};p(O,n=>{e.data.subscription?n(R):n(U,!1)})}a(D),a(b),l(K,b),nt()}export{Tt as component};