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

{@invoice.invoice_number}

<.invoice_status_badge status={@invoice.status} size={:md} />

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

<%!-- Send/Resend Invoice - available for all except void --%> <%= if @invoice.status != "void" do %> <% end %> <%!-- Mark as Paid - available for sent/overdue --%> <%= if @invoice.status in ["sent", "overdue"] do %> <% end %> <%!-- Online Payment Providers - available for sent/overdue with remaining balance --%> <%= if @invoice.status in ["sent", "overdue"] && Decimal.positive?(PhoenixKit.Modules.Billing.Invoice.remaining_amount(@invoice)) do %> <%= for provider <- @available_providers do %> <% end %> <% end %> <%!-- Issue Refund - available if has payments --%> <%= if PhoenixKit.Modules.Billing.Invoice.has_payments?(@invoice) do %> <% end %> <%!-- Generate Receipt - available when paid_amount > 0 and no receipt yet --%> <%= if is_nil(@invoice.receipt_number) && @invoice.paid_amount && Decimal.gt?(@invoice.paid_amount, Decimal.new(0)) do %> <% end %> <%!-- Void - available for draft/sent/overdue --%> <%= if @invoice.status in ["draft", "sent", "overdue"] do %> <% end %> <.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/invoices/#{@invoice.id}/print")} class="btn btn-outline btn-sm" target="_blank" > <.icon name="hero-printer" class="w-4 h-4" /> Print / PDF <%!-- View Receipt - available when receipt is generated --%> <%= if @invoice.receipt_number do %> <.link navigate={ PhoenixKit.Utils.Routes.path("/admin/billing/invoices/#{@invoice.id}/receipt") } class="btn btn-success btn-sm" target="_blank" > <.icon name="hero-document-check" class="w-4 h-4" /> View Receipt <% end %>
<%!-- Main Content --%>
<%!-- Invoice Details --%>

Invoice Details

<%!-- Line Items --%>
<%= for item <- @invoice.line_items || [] do %> <% end %> <%= if Decimal.gt?(@invoice.tax_amount || Decimal.new(0), Decimal.new(0)) do %> <% end %>
Item Qty Unit Price Total
{item["name"]}
<%= if item["description"] do %>
{item["description"]}
<% end %> 		{item["quantity"]} <.currency_compact amount={item["unit_price"]} currency={@invoice.currency} /> <.currency_compact amount={item["total"]} currency={@invoice.currency} />
Subtotal <.currency_compact amount={@invoice.subtotal} currency={@invoice.currency} />
Tax ({Decimal.round( Decimal.mult(@invoice.tax_rate || Decimal.new(0), 100), 2 ) |> Decimal.normalize() |> Decimal.to_string()}%) <.currency_compact amount={@invoice.tax_amount} currency={@invoice.currency} />
Total <.currency_amount amount={@invoice.total} currency={@invoice.currency} />
<%!-- Payments & Transactions --%>

Payments & Transactions

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/transactions")} class="btn btn-ghost btn-xs" > View All <.icon name="hero-arrow-right" class="w-3 h-3" />
<%!-- Payment Summary --%>
Total
<.currency_compact amount={@invoice.total} currency={@invoice.currency} />
Paid
<.currency_compact amount={@invoice.paid_amount} currency={@invoice.currency} />
Remaining
<.currency_compact amount={PhoenixKit.Modules.Billing.Invoice.remaining_amount(@invoice)} currency={@invoice.currency} />
<%!-- Transactions Table --%> <%= if Enum.empty?(@transactions) do %>
<.icon name="hero-banknotes" class="w-8 h-8 mx-auto mb-2 opacity-50" />

No transactions recorded yet

<% else %>
<%= for transaction <- @transactions do %> <% end %>
Date Number Type Amount Description Actions
<.time_ago datetime={transaction.inserted_at} /> {transaction.transaction_number} <.transaction_type_badge type={ PhoenixKit.Modules.Billing.Transaction.type(transaction) } /> <%= if Decimal.positive?(transaction.amount) do %> +<.currency_compact amount={transaction.amount} currency={transaction.currency} /> <% else %> <.currency_compact amount={transaction.amount} currency={transaction.currency} /> <% end %> {transaction.description || "-"}
<%= if Decimal.negative?(transaction.amount) do %> <%!-- Refund: Credit Note buttons --%> <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/billing/invoices/#{@invoice.id}/credit-note/#{transaction.id}" ) } class="btn btn-warning btn-xs" target="_blank" title="Print Credit Note" > <.icon name="hero-printer" class="w-3 h-3" /> <% else %> <%!-- Payment: Payment Confirmation buttons --%> <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/billing/invoices/#{@invoice.id}/payment/#{transaction.id}" ) } class="btn btn-success btn-xs" target="_blank" title="Print Payment Confirmation" > <.icon name="hero-printer" class="w-3 h-3" /> <% end %>
<% end %>
<%!-- Payment Terms & Notes --%> <%= if @invoice.payment_terms || @invoice.notes do %>

Payment Information

<%= if @invoice.payment_terms do %>

Payment Terms

{@invoice.payment_terms}

<% end %> <%= if @invoice.bank_details && map_size(@invoice.bank_details) > 0 do %>

Bank Details

<%= if @invoice.bank_details["bank_name"] do %>
Bank: {@invoice.bank_details["bank_name"]}
<% end %> <%= if @invoice.bank_details["account_name"] do %>
Account: {@invoice.bank_details["account_name"]}
<% end %> <%= if @invoice.bank_details["iban"] do %>
IBAN: {@invoice.bank_details["iban"]}
<% end %> <%= if @invoice.bank_details["swift"] do %>
SWIFT/BIC: {@invoice.bank_details["swift"]}
<% end %>
<% end %> <%= if @invoice.notes do %>

Notes

{@invoice.notes}

<% end %>
<% end %> <%!-- Receipt --%> <%= if @invoice.receipt_number do %>
<.icon name="hero-document-check" class="w-8 h-8 text-success" />

Receipt Generated

{@invoice.receipt_number}

Generated <.time_ago datetime={@invoice.receipt_generated_at} />

<% end %>
<%!-- Sidebar --%>
<%!-- Related Order --%> <%= if @invoice.order do %>

Related Order

<.link navigate={ PhoenixKit.Utils.Routes.path("/admin/billing/orders/#{@invoice.order.id}") } class="flex items-center gap-3 p-3 bg-base-200 rounded-lg hover:bg-base-300 transition-colors" > <.icon name="hero-clipboard-document-list" class="w-6 h-6 text-primary" />
{@invoice.order.order_number}
<.order_status_badge status={@invoice.order.status} size={:xs} />
<% end %> <%!-- Customer Info --%>

Customer

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

No customer linked

<% end %>
<%!-- Billing Details --%>

Billing Details

<%= if @invoice.billing_details && map_size(@invoice.billing_details) > 0 do %>
<%= if @invoice.billing_details["type"] == "company" do %>
{@invoice.billing_details["company_name"]}
<%= if @invoice.billing_details["company_vat_number"] do %>
VAT: {@invoice.billing_details["company_vat_number"]}
<% end %> <% else %>
{@invoice.billing_details["first_name"]} {@invoice.billing_details[ "last_name" ]}
<% end %> <%= if @invoice.billing_details["address_line1"] do %>
{@invoice.billing_details["address_line1"]}
<%= if @invoice.billing_details["address_line2"] do %> {@invoice.billing_details["address_line2"]}
<% end %> {@invoice.billing_details["city"]}, {@invoice.billing_details["postal_code"]}
{@invoice.billing_details["country"]}
<% end %>
<% else %>

No billing details

<% end %>
<%!-- Timeline (sorted by datetime) --%>

Timeline

<% timeline_events = build_timeline_events(@invoice, @transactions) %>
    <%= for {event, index} <- Enum.with_index(timeline_events) do %>
  • <%= if index > 0 do %>
    <% end %> <%= case event.type do %> <% :created -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-document-plus" class="w-4 h-4" />
    Created
    <% :invoice_sent -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-paper-airplane" class="w-4 h-4" />
    Invoice Sent
    {event.data["email"]}
    <% :invoice_sent_legacy -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-paper-airplane" class="w-4 h-4" />
    Invoice Sent
    <% :payment -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-banknotes" class="w-4 h-4" />
    Payment
    +<.currency_compact amount={event.data.amount} currency={event.data.currency} />
    <%= if event.data.description do %>
    {event.data.description}
    <% end %>
    <% :paid -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-check-circle" class="w-4 h-4" />
    Fully Paid
    <% :receipt_generated -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-document-check" class="w-4 h-4" />
    Receipt Generated
    {event.data}
    <% :receipt_sent -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-paper-airplane" class="w-4 h-4" />
    Receipt Sent
    {event.data["email"]}
    <% :refund -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-arrow-uturn-left" class="w-4 h-4" />
    Refund
    <.currency_compact amount={Decimal.abs(event.data.amount)} currency={event.data.currency} />
    <%= if event.data.description do %>
    {event.data.description}
    <% end %>
    <% :credit_note_sent -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-paper-airplane" class="w-4 h-4" />
    Credit Note Sent
    {event.data["email"]}
    {event.data["credit_note_number"]}
    <% :voided -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-x-circle" class="w-4 h-4" />
    Voided
    <% _ -> %>
    <.time_ago datetime={event.datetime} />
    <.icon name="hero-question-mark-circle" class="w-4 h-4" />
    Unknown Event
    <% end %> <%= if index < length(timeline_events) - 1 do %>
    <% end %>
    • <% end %> <%!-- Full refund indicator (always at the end if applicable) --%> <%= if fully_refunded?(@invoice, @transactions) do %>
  • <.icon name="hero-x-circle" class="w-4 h-4" />
    Fully Refunded
    • <% end %>
<%!-- Payment Modal --%> <%= if @show_payment_modal do %>

Record Payment

Recording payment for invoice {@invoice.invoice_number}

<% end %> <%!-- Refund Modal --%> <%= if @show_refund_modal do %>

Issue Refund

Issue refund for invoice {@invoice.invoice_number}

<% end %> <%!-- Send Invoice Modal --%> <%= if @show_send_modal do %>

{if @invoice.status == "draft", do: "Send Invoice", else: "Resend Invoice"}

{if @invoice.status == "draft", do: "Send invoice to customer's email address", else: "Resend invoice to customer's email address"}

<% end %> <%!-- Send Receipt Modal --%> <%= if @show_send_receipt_modal do %>

Send Receipt

Send payment receipt to customer's email address

<% end %> <%!-- Send Credit Note Modal --%> <%= if @show_send_credit_note_modal do %>

Send Credit Note

Send credit note (refund document) to customer's email address

<% end %> <%!-- Send Payment Confirmation Modal --%> <%= if @show_send_payment_confirmation_modal do %>

Send Payment Confirmation

Send payment confirmation to customer's email address

<% end %>