{{- /* SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Commercial */ -}}
{{- /* SPDX-FileCopyrightText: 2025-2026 Christian Galo */ -}}

{{/* member_invoices.html
     The member Billing page's invoices region, swapped into
     #billing-content (the region titles itself so the heading follows
     the list/detail swaps). Rows navigate through the invoice number
     (chrome-conventions "Row navigation is the primary column's link");
     an unissued invoice navigates through "Unnumbered", matching the
     operator list. States render through statusBadge via the same
     derivation the operator surface uses (Overdue wins; a paid invoice
     that did not cover its amount presents as partially paid). */}}
{{ template "sectionHeader" .Header }}
{{ if .Error }}
<div class="alert alert-danger" role="alert">
  <strong>Error:</strong> {{ .Error }}
</div>
{{ else if eq (len .Invoices) 0 }}
{{ template "emptyState" .Empty }}
{{ else }}
<div class="table-responsive">
  <table class="table table-sm align-middle">
    <thead>
      <tr>
        <th>Invoice</th>
        <th>Period</th>
        <th>Amount due</th>
        <th>Amount paid</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      {{ range .Invoices }}
      <tr>
        <th scope="row">
          {{ if .InvoiceNumber }}
            <a href="#" hx-get="{{ routeURL "/partials/member/invoices/{invoiceID}" .InvoiceID }}" hx-target="#billing-content" hx-swap="innerHTML">{{ .InvoiceNumber }}</a>
          {{ else }}
            <a href="#" hx-get="{{ routeURL "/partials/member/invoices/{invoiceID}" .InvoiceID }}" hx-target="#billing-content" hx-swap="innerHTML">Unnumbered</a> {{ template "helpIcon" (helpIcon "Unnumbered" "A reference number is assigned when the invoice is issued.") }}
          {{ end }}
        </th>
        <td>{{ .Period }}</td>
        <td>{{ .AmountDue }}</td>
        <td>{{ .AmountPaid }}</td>
        <td>{{ template "statusBadge" .StatusBadge }}</td>
      </tr>
      {{ end }}
    </tbody>
  </table>
</div>
{{ end }}