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

{{/* operator_billing_accounts.html
     Billing accounts view inside the operator_billing.html wrapper (which
     owns the page header). Built from the page-anatomy parts: states
     through statusBadge, the empty and blocked states through emptyState.
     The organization cell is a cross-reference link; accounts have no
     detail page of their own today, so no first-column link. */}}
{{ if .Error }}
<div class="alert alert-danger" role="alert">
    <strong>Error:</strong> {{ .Error }}
</div>
{{ else }}
{{ template "environmentNotice" .EnvNotice }}
{{ if eq (len .Accounts) 0 }}
    {{ if .Nav.Filtered }}
    {{ template "listControls" .Nav }}
    {{ template "listNoMatch" .Nav }}
    {{ else }}
    {{ template "emptyState" .Empty }}
    {{ end }}
{{ else }}
{{ template "listControls" .Nav }}
<div class="table-responsive">
    <table class="table table-hover table-sm table-record">
        <thead>
            <tr>
                <th>Organization</th>
                <th>Name</th>
                <th>Status</th>
                <th>Stripe customer</th>
                <th>Created</th>
                <th>Stripe sync {{ template "helpIcon" (helpIcon "Stripe sync" "Whether the row has a linked Stripe object. Not mapped means none is linked yet; that is expected when Stripe is not configured or a sync has not run. Check the Stripe integration settings before assuming something is broken.") }}</th>
            </tr>
        </thead>
        <tbody>
            {{ range .Accounts }}
            <tr>
                <th scope="row">
                    {{ if .OrgName }}
                        <a href="{{ routeURL "/operator/organizations/{orgID}" .OrgID }}">{{ .OrgName }}</a>
                    {{ else }}
                        <span class="text-muted">{{ .OrgID }}</span>
                    {{ end }}{{ if .EnvState }}<span class="ms-1">{{ template "statusBadge" .EnvBadge }}</span>{{ end }}
                </th>
                <td>{{ .Name }}</td>
                <td>{{ template "statusBadge" .StatusBadge }}</td>
                <td class="text-nowrap">
                    {{ if .StripeCustomerID }}
                        {{ $url := stripeEntityURL "customers" .StripeCustomerID }}
                        {{ if $url }}
                            <a href="{{ $url }}" target="_blank" rel="noopener noreferrer"><code class="small">{{ .StripeCustomerID }}</code></a>
                        {{ else }}
                            <code class="small">{{ .StripeCustomerID }}</code>
                        {{ end }}
                    {{ else }}
                        <span class="text-muted">—</span>
                    {{ end }}
                </td>
                <td class="text-nowrap">{{ .CreatedAt }}</td>
                <td>{{ template "statusBadge" .SyncBadge }}</td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ template "listPager" .Nav }}
{{ end }}
{{ end }}