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

Subscription #{@subscription.id}

{@subscription.status}

Created <.time_ago datetime={@subscription.inserted_at} />

<%!-- Change Plan Button (for active/trialing subscriptions) --%> <%= if @subscription.status in ["active", "trialing"] && !@subscription.cancel_at_period_end do %> <% end %> <%!-- Action Buttons based on status --%> <%= case @subscription.status do %> <% "active" -> %> <%= if @subscription.cancel_at_period_end do %> <% else %> <% end %> <% "trialing" -> %> <% "paused" -> %> <% "past_due" -> %> <% _ -> %> <% end %>
<%!-- Main Content --%>
<%!-- Plan Details --%>

Plan Details

<%= if @subscription.plan do %>

{@subscription.plan.name}

{@subscription.plan.description}

<.currency_amount amount={@subscription.plan.price} currency={@subscription.plan.currency} />
{format_interval( @subscription.plan.interval, @subscription.plan.interval_count )}
<%!-- Features --%> <%= if @subscription.plan.features && is_list(@subscription.plan.features) && length(@subscription.plan.features) > 0 do %>
Features
    <%= for feature <- @subscription.plan.features do %>
  • <.icon name="hero-check" class="w-4 h-4 text-success" /> {feature}
    • <% end %>
<% end %>
<% else %>

No plan associated

<% end %>
<%!-- Billing Period --%>

Billing Period

Period Start
<%= if @subscription.current_period_start do %> <.time_ago datetime={@subscription.current_period_start} /> <% else %> Not set <% end %>
Period End
<%= if @subscription.current_period_end do %> <.time_ago datetime={@subscription.current_period_end} /> <% days = days_until_renewal(@subscription) %> <%= if days && days > 0 do %> ({days} days remaining) <% end %> <% else %> Not set <% end %>
<%!-- Trial Period --%> <%= if @subscription.trial_start || @subscription.trial_end do %>
Trial Period
Trial Start
<%= if @subscription.trial_start do %> <.time_ago datetime={@subscription.trial_start} /> <% else %> - <% end %>
Trial End
<%= if @subscription.trial_end do %> <.time_ago datetime={@subscription.trial_end} /> <% else %> - <% end %>
<% end %> <%!-- Grace Period (if past_due) --%> <%= if @subscription.status == "past_due" && @subscription.grace_period_end do %>
Grace Period
<.icon name="hero-exclamation-triangle" class="w-5 h-5" />
Payment Failed - Grace Period Active
Grace period ends <.time_ago datetime={@subscription.grace_period_end} /> <% grace_days = grace_period_remaining(@subscription) %> <%= if grace_days && grace_days > 0 do %> ({grace_days} days remaining) <% end %>
Renewal attempts: {@subscription.renewal_attempts || 0}
<% end %>
<%!-- Cancellation Info --%> <%= if @subscription.cancel_at_period_end || @subscription.cancelled_at do %>

<.icon name="hero-x-circle" class="w-6 h-6" /> Cancellation

<%= if @subscription.cancel_at_period_end do %>

This subscription will cancel at the end of the current billing period.

<% end %> <%= if @subscription.cancelled_at do %>

Cancelled <.time_ago datetime={@subscription.cancelled_at} />

<% end %>
<% end %>
<%!-- Sidebar --%>
<%!-- Customer Info --%>

Customer

<%= if @subscription.user do %>
<.user_avatar user={@subscription.user} size="lg" />
{@subscription.user.email}
<.link navigate={ PhoenixKit.Utils.Routes.path("/admin/users/edit/#{@subscription.user.id}") } class="text-sm text-primary hover:underline" > View Profile
<% else %>

No customer linked

<% end %>
<%!-- Payment Method --%>

Payment Method

<%= if @subscription.payment_method do %>
<.icon name="hero-credit-card" class="w-6 h-6 text-primary" />
{PhoenixKit.Modules.Billing.PaymentMethod.display_name( @subscription.payment_method )}
Provider: {@subscription.payment_method.provider}
<% else %>
<.icon name="hero-credit-card" class="w-8 h-8 mx-auto mb-2 opacity-50" />

No payment method

<% end %>
<%!-- Quick Info --%>

Quick Info

Status {@subscription.status}
Created <.time_ago datetime={@subscription.inserted_at} />
<%= if @subscription.started_at do %>
Started <.time_ago datetime={@subscription.started_at} />
<% end %> <%= if @subscription.ended_at do %>
Ended <.time_ago datetime={@subscription.ended_at} />
<% end %>
<%!-- Change Plan Modal --%> <%= if @show_change_plan_modal do %>

Change Subscription Plan

<%!-- Current Plan --%> <%= if @subscription.plan do %>
Current Plan
{@subscription.plan.name}
<.currency_compact amount={@subscription.plan.price} currency={@subscription.plan.currency} /> / {format_interval(@subscription.plan.interval, @subscription.plan.interval_count)}
<% end %> <%!-- New Plan Selection --%>
<%!-- Warning --%>
<.icon name="hero-exclamation-triangle" class="w-5 h-5" /> Plan change takes effect immediately. The billing period will be adjusted.
<%!-- Modal Actions --%>
<% end %>