{{/* operator_billing.html
     MPA wrapper for the four billing sub-views. Dispatched from
     /operator/billing/{accounts,subscriptions,invoices,payments} by
     GetBillingXPage handlers in operator_pages.go. Renders the shared
     sub-pill nav and delegates to .InnerTemplate / .InnerData via
     renderBody (template func registered in NewOperatorPartialsHandler).
*/}}
<h1 class="h2 mb-3">Billing</h1>

<p class="text-muted small mb-2">
    {{ if .NoEventsProcessed }}
        No billing events have been received. These views project from processed Stripe webhook events; once one arrives, this line will show when.
    {{ else }}
        Data as of {{ .DataAsOf }}, the most recent processed billing event. Anything since then has not reached this view yet.
    {{ end }}
</p>
<div class="alert alert-secondary small py-2 mb-3" role="note">
    <strong>Stripe Sync</strong> shows whether a row has a linked Stripe object.
    <span class="badge bg-secondary">Not Mapped</span> means no Stripe object is linked yet; that is expected when
    Stripe is not configured for this deployment or a sync has not run. If you expect a record to be synced, check
    its sync status or the Stripe integration settings before assuming something is broken.
</div>

<ul class="nav nav-pills mb-3" role="tablist">
    <li class="nav-item" role="presentation">
        <a class="nav-link {{ if eq .ActiveSection "accounts" }}active{{ end }}" href="/operator/billing/accounts">Billing Accounts</a>
    </li>
    <li class="nav-item" role="presentation">
        <a class="nav-link {{ if eq .ActiveSection "subscriptions" }}active{{ end }}" href="/operator/billing/subscriptions">Subscriptions</a>
    </li>
    <li class="nav-item" role="presentation">
        <a class="nav-link {{ if eq .ActiveSection "invoices" }}active{{ end }}" href="/operator/billing/invoices">Invoices</a>
    </li>
    <li class="nav-item" role="presentation">
        <a class="nav-link {{ if eq .ActiveSection "payments" }}active{{ end }}" href="/operator/billing/payments">Payments</a>
    </li>
</ul>

{{ renderBody .InnerTemplate .InnerData }}