<%!-- Header --%>
<.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing")} class="btn btn-ghost btn-sm" > <.icon name="hero-arrow-left" class="w-4 h-4" />

Subscriptions

Manage recurring billing subscriptions

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/plans")} class="btn btn-outline btn-sm" > <.icon name="hero-squares-2x2" class="w-4 h-4" /> Manage Plans <.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/subscriptions/new")} class="btn btn-primary btn-sm" > <.icon name="hero-plus" class="w-4 h-4" /> New Subscription
<%!-- Stats Cards --%>
Total
{@stats.total}
Active
{@stats.active}
Trialing
{@stats.trialing}
Past Due
{@stats.past_due}
Cancelled
{@stats.cancelled}
<%!-- Filters --%>
<%!-- Status Filter --%>
<%!-- Search --%>
<%!-- Subscriptions Table --%>
<%= if Enum.empty?(@subscriptions) do %>
<.icon name="hero-credit-card" class="w-12 h-12 mx-auto mb-4 opacity-50" />

No subscriptions found

Subscriptions will appear here when customers subscribe to plans

<% else %>
<%= for subscription <- @subscriptions do %> <% end %>
Customer Plan Status Current Period Price Actions
<%= if subscription.user do %>
<.user_avatar user={subscription.user} size="sm" />
{subscription.user.email}
ID: {subscription.id}
<% else %> No user <% end %> 		<%= if subscription.plan do %>
{subscription.plan.name}
{format_interval( subscription.plan.interval, subscription.plan.interval_count )}
<% else %> No plan <% end %> 		{subscription.status} <%= if subscription.cancel_at_period_end do %> Cancels at end <% end %>
<%= if subscription.current_period_start && subscription.current_period_end do %>
<.time_ago datetime={subscription.current_period_start} /> →
<.time_ago datetime={subscription.current_period_end} />
<% else %> - <% end %>
<%= if subscription.plan do %> <.currency_compact amount={subscription.plan.price} currency={subscription.plan.currency} /> <% else %> - <% end %>
<.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/billing/subscriptions/#{subscription.id}" ) } class="btn btn-ghost btn-xs" > <.icon name="hero-eye" class="w-4 h-4" /> <%= if subscription.status in ["active", "trialing"] && !subscription.cancel_at_period_end do %> <% end %>
<% end %>