<%!-- Header --%>

Billing Dashboard

Overview of orders, invoices, and billing activity

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/orders/new")} class="btn btn-primary btn-sm" > <.icon name="hero-plus" class="w-4 h-4" /> New Order

<%!-- Stats Cards --%>

<.icon name="hero-clipboard-document-list" class="w-8 h-8" />

Total Orders

{@stats.total_orders}

{@stats.orders_this_month} this month

<.icon name="hero-document-text" class="w-8 h-8" />

Total Invoices

{@stats.total_invoices}

{@stats.invoices_this_month} this month

<.icon name="hero-banknotes" class="w-8 h-8" />

Paid Revenue

<.currency_compact amount={@stats.total_paid_revenue} currency={@stats.default_currency} />

{@stats.paid_invoices_count} paid invoices

<.icon name="hero-clock" class="w-8 h-8" />

Pending

<.currency_compact amount={@stats.pending_revenue} currency={@stats.default_currency} />

{@stats.pending_invoices_count} pending invoices

<%!-- Recent Orders --%>

Recent Orders

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/orders")} class="btn btn-ghost btn-sm" > View All <.icon name="hero-arrow-right" class="w-4 h-4" />

<%= if Enum.empty?(@recent_orders) do %>

<.icon name="hero-clipboard-document-list" class="w-12 h-12 mx-auto mb-2 opacity-50" />

No orders yet

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/orders/new")} class="btn btn-primary btn-sm mt-4" > Create First Order

<% else %>

<%= for order <- @recent_orders do %> <% end %>

Order #	Status	Total	Date
{order.order_number}	<.order_status_badge status={order.status} />	<.currency_compact amount={order.total} currency={order.currency} />	<.time_ago datetime={order.inserted_at} />

<% end %>

<%!-- Recent Invoices --%>

Recent Invoices

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/invoices")} class="btn btn-ghost btn-sm" > View All <.icon name="hero-arrow-right" class="w-4 h-4" />

<%= if Enum.empty?(@recent_invoices) do %>

<.icon name="hero-document-text" class="w-12 h-12 mx-auto mb-2 opacity-50" />

No invoices yet

Create an order first to generate invoices

<% else %>

<%= for invoice <- @recent_invoices do %> <% end %>

Invoice #	Status	Total	Due Date
{invoice.invoice_number}	<.invoice_status_badge status={invoice.status} />	<.currency_compact amount={invoice.total} currency={invoice.currency} />	<%= if invoice.due_date do %> {Calendar.strftime(invoice.due_date, "%b %d, %Y")} <% else %> - <% end %>

<% end %>

<%!-- Quick Actions --%>

Quick Actions

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/orders/new")} class="btn btn-outline" > <.icon name="hero-plus" class="w-5 h-5" /> New Order <.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/subscriptions")} class="btn btn-outline" > <.icon name="hero-credit-card" class="w-5 h-5" /> Subscriptions <.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/plans")} class="btn btn-outline" > <.icon name="hero-squares-2x2" class="w-5 h-5" /> Plans <.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/profiles")} class="btn btn-outline" > <.icon name="hero-users" class="w-5 h-5" /> Billing Profiles <.link navigate={PhoenixKit.Utils.Routes.path("/admin/settings/billing")} class="btn btn-outline" > <.icon name="hero-cog-6-tooth" class="w-5 h-5" /> Settings <.link navigate={PhoenixKit.Utils.Routes.path("/admin/settings/billing/providers")} class="btn btn-primary" > <.icon name="hero-credit-card" class="w-5 h-5" /> Payment Providers

<%!-- Active Currencies --%>

Active Currencies

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

<%= for currency <- @currencies do %> <.currency_badge code={currency.code} name={currency.name} size={:md} /> <% end %> <%= if Enum.empty?(@currencies) do %> No currencies configured <% end %>