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

{{/* Organization detail partial for operator. Titled by the organization's
     own display name; the retired working title named this page for the
     grant-delivery mechanism instead of the organization it describes
     (plan-enrollment-administration D5). Built from the page-anatomy parts
     (docs/design-system.md §6): the header carries the Organizations trail
     above the name; owner and key live in the details card below it;
     every section is titled by sectionHeader outside its box; states
     render through statusBadge; empty sections through emptyState. This
     is a Go-template comment (stripped at render), not an HTML comment,
     so its own wording never leaks into the rendered page. */}}
{{ if .Error }}
<div class="alert alert-danger" role="alert">
    <strong>Error:</strong> {{ .Error }}
</div>
{{ else }}
{{ template "pageHeader" .Header }}
{{ if .ActionError }}
<div class="alert alert-danger" role="alert">
    <strong>Error:</strong> {{ .ActionError }}
</div>
{{ end }}

<div class="card mb-3">
    <div class="card-body">
        <dl class="row mb-0">
            <dt class="col-sm-3">Owner</dt>
            <dd class="col-sm-9">
                {{ if .OrgOwnerPersonID }}
                <a href="/operator/persons/{{ .OrgOwnerPersonID }}">{{ if .OrgOwnerName }}{{ .OrgOwnerName }}{{ else }}{{ .OrgOwnerPersonID }}{{ end }}</a>
                {{ else }}
                <span class="text-muted">—</span>
                {{ end }}
            </dd>
            {{/* Read-only key, muted code style, shown only when the
                 organization has one. Personal organizations never do; the
                 System tenant and rows a seed or a configuration file named
                 are the ordinary cases. */}}
            {{ if .OrgKey }}
            <dt class="col-sm-3">Key</dt>
            <dd class="col-sm-9"><code class="text-muted small">{{ .OrgKey }}</code></dd>
            {{ end }}
        </dl>
    </div>
</div>

<!-- Billing -->
{{ template "sectionHeader" .BillingHeader }}
<div class="card mb-3">
    <div class="card-body">
        {{ if not .BillingSummary.HasAccount }}
        {{ template "emptyState" .NoBillingAccount }}
        {{ else }}
        {{/* Three rows in triage order (design D5, round 5): what the
             organization owes, the standing recurring state, then the most
             recent invoice. Each row is a muted label over a value line; a
             badge leads only where there is a state to read. The account's
             own status is a fourth row that appears only when it is not
             active, since a permanent Active badge would say nothing. */}}
        <div class="row g-3">
            {{ if .BillingSummary.AccountAbnormal }}
            <div class="col-12">
                <div class="text-muted small">Account</div>
                <div>{{ template "statusBadge" .BillingSummary.AccountBadge }}</div>
            </div>
            {{ end }}
            <div class="col-md-4">
                <div class="text-muted small">Outstanding balance</div>
                {{ if gt .BillingSummary.OutstandingBalance 0 }}
                <div>
                    {{ template "statusBadge" .BillingSummary.BalanceBadge }}
                    <a href="{{ .OpenInvoicesURL }}"><strong>{{ .BillingSummary.OutstandingBalanceFormatted }}</strong></a>
                </div>
                {{ else }}
                <div>{{ .BillingSummary.OutstandingBalanceFormatted }}</div>
                {{ end }}
            </div>
            <div class="col-md-4">
                <div class="text-muted small">Subscriptions</div>
                {{ if gt .BillingSummary.SubscriptionCount 0 }}
                <div>
                    {{ template "statusBadge" .BillingSummary.SubscriptionsBadge }}
                    <a href="{{ .SubscriptionsURL }}">{{ .BillingSummary.SubscriptionCountLabel }}</a>
                    {{ if .BillingSummary.SubscriptionNote }}
                    <small class="text-muted">· {{ .BillingSummary.SubscriptionNote }}</small>
                    {{ end }}
                </div>
                {{ else }}
                <div class="text-muted small">No subscriptions</div>
                {{ end }}
            </div>
            <div class="col-md-4">
                <div class="text-muted small">Latest invoice</div>
                {{ if .BillingSummary.HasInvoice }}
                <div>
                    {{ template "statusBadge" .BillingSummary.InvoiceBadge }}
                    {{ if .BillingSummary.LatestInvoiceNumber }}
                    <a href="/operator/billing/invoices/{{ .BillingSummary.LatestInvoiceID }}">{{ .BillingSummary.LatestInvoiceNumber }}</a>
                    {{ else }}
                    <span class="text-body-secondary" title="Assigned when the invoice is issued.">—</span>
                    {{ end }}
                    <small class="text-muted">· {{ .BillingSummary.LatestInvoiceDate }}</small>
                </div>
                {{ else }}
                <div class="text-muted small">No invoices issued</div>
                {{ end }}
            </div>
        </div>
        {{ end }}
    </div>
</div>

<!-- Pools -->
{{ template "sectionHeader" .PoolsHeader }}
{{ if .PoolMissing }}
<!-- Every organization gets exactly one default pool at provisioning; one
     with none is broken, not merely empty (ux-honest-surfaces: "a pool-less
     organization is presented as broken, not empty"). The Issue Grant
     section below renders the same reason instead of a submittable form. -->
<div class="alert alert-danger" role="alert">
    <strong>Missing default resource pool.</strong> This organization has no
    resource pool. Every organization should have exactly one; without it,
    grant delivery is impossible until the pool is repaired.
</div>
{{ else if eq (len .Pools) 0 }}
{{ template "emptyState" .NoPools }}
{{ else }}
{{ range .Pools }}
<div class="card mb-3">
    <div class="card-body">
        <div class="d-flex justify-content-between align-items-start">
            <div>
                <h3 class="h6 mb-1">
                    {{ .PoolName }} {{ template "statusBadge" .TypeBadge }} {{ template "statusBadge" .StateBadge }}
                </h3>
                {{ if ne .Status "active" }}
                <p class="text-danger small mb-1">This pool is not active; it is not delivering entitlements.</p>
                {{ end }}
                {{ if not .HasAttachment }}
                <p class="text-muted mb-0">No plan is delivering into this pool</p>
                {{ end }}
            </div>
        </div>
        {{/* One block per DELIVERY (provision), grouped: the product
             renders once with the single Extend control, and its ladder
             placements render as rung facts beneath (maintainer design
             round 2026-08-24; a shared product used to render one line
             per ladder with a "Same delivery" marker; the grouping
             conveys that structurally instead). The Extend form is
             pre-scoped via provision_id; a delivery that is not
             grant-backed gets a disabled control with the reason. */}}
        {{ range .Deliveries }}
        <div class="d-flex justify-content-between align-items-start mt-2">
            <div>
                <p class="mb-0"><strong>{{ .ProductName }}</strong></p>
                <p class="mb-0 small text-muted">
                    {{ range $i, $rung := .Rungs }}{{ if $i }} · {{ end }}<span title="since {{ $rung.ActivatedAt }}">{{ $rung.LadderName }}, rank {{ $rung.Rank }}</span>{{ end }}
                </p>
            </div>
            <div class="flex-shrink-0">
                {{ if .GrantBacked }}
                {{/* A panel opener is tertiary, with the plus glyph that
                     rotates into a cross while the panel is open (design
                     D19, round 4); the same openerIcon part the section
                     headers use. */}}
                <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#extendPanel-{{ .ProvisionID }}" aria-expanded="{{ if .ExtendForm.HasErrors }}true{{ else }}false{{ end }}" aria-controls="extendPanel-{{ .ProvisionID }}">{{ template "openerIcon" }}Extend tier</button>
                {{ else }}
                {{ template "disabledControl" .ExtendControl }}
                {{ end }}
            </div>
        </div>
        {{ end }}
        {{ if gt (len .Usage) 0 }}
        <div class="table-responsive mt-2">
            <table class="table table-sm mb-0">
                <thead>
                    <tr>
                        <th>Resource</th>
                        <th>Used</th>
                        <th>Limit</th>
                    </tr>
                </thead>
                <tbody>
                    {{ range .Usage }}
                    <tr{{ if ge .Used .Limit }} class="text-danger"{{ end }}>
                        <th scope="row"><code>{{ .ResourceKey }}</code></th>
                        <td>{{ .Used }}</td>
                        <td>{{ .Limit }}</td>
                    </tr>
                    {{ end }}
                </tbody>
            </table>
        </div>
        {{ end }}
        {{ range .Deliveries }}
        {{ if .GrantBacked }}
        <div class="collapse{{ if .ExtendForm.HasErrors }} show{{ end }} mt-3" id="extendPanel-{{ .ProvisionID }}">
            <div class="card card-body">
                {{ if gt (len .Rungs) 1 }}<p class="text-muted small mb-2">One extension refreshes all {{ len .Rungs }} ladders shown.</p>{{ end }}
                {{ template "form" .ExtendForm }}
            </div>
        </div>
        {{ end }}
        {{ end }}
    </div>
</div>
{{ end }}
{{ end }}

<!-- Issue grant and Extend tier moved into the Plan and grants card
     and the pool cards respectively (maintainer 2026-08-23: actions live
     where their subject is shown; Extend rides the tier it extends). -->
<!-- Grants — every grant for the org, annotated with delivery state.
     The grants table is intentionally a ledger (design/entitlements/model.md
     treats grants as audit records). The Delivery column collapses the
     join to pool_provisions / pool_provision_ladders so operators can see
     at a glance which row is actually backing the pool right now vs. which
     are historical. Destructive actions render only on Live rows; a system
     default (owned by org-type config, not per-grant operator action) has
     no action, so its Actions cell renders nothing (chrome-conventions "A
     verb-less row leaves its Actions cell empty"). Same vocabulary and
     badge treatment as /operator/grants (design decision 1: one shared
     query, one rendering). -->
{{ if .GrantsError }}
<div class="alert alert-danger" role="alert">{{ .GrantsError }}</div>
{{ end }}
{{ if .PoolMissing }}
<!-- ux-honest-surfaces: issuance is blocked with the reason; the Pools
     section above carries the full alarm. -->
<div class="alert alert-danger mb-3" role="alert">
    <strong>Issue grant unavailable.</strong> This organization is missing
    its default resource pool, so grant delivery is impossible until the
    pool is repaired. See the Resource Pools section above.
</div>
{{ else if .ProductsError }}
<div class="alert alert-danger" role="alert">{{ .ProductsError }}</div>
{{ end }}
{{ template "sectionHeader" .PlanGrantsHeader }}
{{/* The Issue grant control sits inside the card because its disclosure
     opens inside it (maintainer 2026-08-24: disclosure actions live in
     the box they disclose into; navigation actions like Full billing
     stay on the heading row). It shares the card header with the
     Active/History tabs. The #plan-grants-panel wrapper is the scoped
     swap target for the ledger's tab/search/pager controls (GrantsNav
     .Target), so using them re-renders only this panel and never
     scrolls the page. */}}
<div id="plan-grants-panel">
<div class="card mb-3">
    <div class="card-header d-flex justify-content-between align-items-center gap-2">
        {{ template "listTabs" .GrantsNav }}
        <div class="flex-shrink-0">
            {{ if or .PoolMissing .ProductsError (eq (len .IssuanceProducts) 0) }}
            {{ template "disabledControl" .IssueGrantControl }}
            {{ else }}
            {{/* A panel opener is tertiary, with the plus glyph that
                 rotates into a cross while the panel is open (design D19,
                 round 4); the same openerIcon part the section headers
                 use. */}}
            <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#issueGrantPanel" aria-expanded="{{ if .IssueGrantForm.HasErrors }}true{{ else }}false{{ end }}" aria-controls="issueGrantPanel">{{ template "openerIcon" }}Issue grant</button>
            {{ end }}
        </div>
    </div>
    <div class="card-body">
        {{ if and (not .PoolMissing) (not .ProductsError) (gt (len .IssuanceProducts) 0) }}
        {{/* Collapsed by default; forced open when this form's submission
             just failed so field errors are never hidden. */}}
        <div class="collapse{{ if .IssueGrantForm.HasErrors }} show{{ end }} mb-3" id="issueGrantPanel">
            <div class="card card-body">
                <p class="text-muted small mb-2">
                    Issue a grant to update this organization's entitlements.
                    A tier product moves the pool to that tier, up or down.
                </p>
                {{ $superseders := false }}
                {{ range .IssuanceProducts }}{{ if .SupersedesSubscription }}{{ $superseders = true }}{{ end }}{{ end }}
                {{ if $superseders }}
                <div class="alert alert-warning py-1 px-2 small mb-2" role="alert">
                    Products marked ⚠ would supersede a tier currently held by a subscription;
                    the subscription keeps billing until it is changed in the billing view.
                </div>
                {{ end }}
                {{ template "form" .IssueGrantForm }}
            </div>
        </div>
        {{ end }}
        {{/* Two tabs over one ledger (maintainer design round 2026-08-24):
             Active (default) shows only grants delivering right now;
             History is every grant ever issued with the supersession
             audit trail. Search matches product or reason on both tabs;
             tab, q, page and per live on the org URL so views deep-link. */}}
        {{ if eq .GrantsNav.Facet "history" }}
        <p class="text-muted small mb-2">
            One row per grant ever issued. The Delivery column shows which
            grants are delivering right now; superseded and inactive rows
            are history.
        </p>
        {{ end }}
        <div class="d-flex flex-wrap align-items-center gap-2 mb-2">
            {{ template "listSearch" .GrantsNav }}
        </div>
        {{ if gt (len .Grants) 0 }}
        <div class="table-responsive">
            <table class="table table-hover table-sm table-record align-middle">
                <thead>
                    <tr>
                        <th>Product</th>
                        <th>Reason</th>
                        <th>Issuance {{ template "helpIcon" (helpIcon "Issuance" "What the record says happened to the grant: active, revoked, or expired.") }}</th>
                        <th>Delivery {{ template "helpIcon" (helpIcon "Delivery" "Whether the grant is delivering into the pool now.") }}</th>
                        <th>Granted by</th>
                        <th>Qty</th>
                        <th>Activated</th>
                        <th>Ended</th>
                        <th class="text-end"><span class="visually-hidden">Actions</span></th>
                    </tr>
                </thead>
                <tbody>
                    {{ range .Grants }}
                    <tr{{ if ne .DeliveryState "live" }} class="text-muted"{{ end }}>
                        <th scope="row">{{ if .ProductName }}{{ .ProductName }}{{ else }}—{{ end }}</th>
                        <td><small class="text-muted">{{ .GrantReason }}</small>{{ if .Note }}<div class="text-muted small">{{ .Note }}</div>{{ end }}</td>
                        <td><small>{{ .Issuance }}</small></td>
                        <td>
                            {{ template "statusBadge" .DeliveryBadge }}
                            {{/* The superseded row names its replacement; the
                                 live row names nothing, since "extends X" only
                                 repeated the Product column (maintainer,
                                 2026-09-05). */}}
                            {{ if eq .DeliveryState "superseded" }}
                                {{ if .ReplacedByLabel }}<br><small class="text-muted">replaced by {{ .ReplacedByLabel }}</small>{{ end }}
                            {{ end }}
                        </td>
                        <td>{{ if .GrantedByName }}<a href="/operator/persons/{{ .GrantedByPersonID }}">{{ .GrantedByName }}</a>{{ else }}<em class="text-muted">System</em>{{ end }}</td>
                        <td>{{ .Quantity }}</td>
                        <td class="text-nowrap"><small>{{ if .ActivatedAt }}{{ .ActivatedAt }}{{ else }}—{{ end }}</small></td>
                        <td class="text-nowrap"><small>{{ if .EndedAt }}{{ .EndedAt }}{{ else }}—{{ end }}</small></td>
                        <td class="text-end">
                            {{ if eq .DeliveryState "live" }}
                                {{ if ne .GrantReason "default" }}
                                <button type="button" class="btn btn-outline-danger btn-sm ms-1"
                                        data-bs-toggle="modal"
                                        data-bs-target="#confirmActionModal"
                                        data-action-url="{{ routeURL "/partials/operator/grants/{grantID}/revoke-and-transition" .GrantID }}"
                                        data-action-method="post"
                                        data-action-target="#operator-body"
                                        data-action-title="Revoke grant"
                                        data-action-body="{{ if .ProductName }}Revoke {{ .ProductName }} for this organization?{{ else }}Revoke this grant for this organization?{{ end }} The pool returns to its org-type default and a downgrade or end transition is recorded."
                                        data-action-confirm-label="Revoke grant"
                                        data-action-fields='{"org_id":"{{ $.OrgID }}"}'>Revoke</button>
                                {{ end }}
                            {{ end }}
                        </td>
                    </tr>
                    {{ end }}
                </tbody>
            </table>
        </div>
        {{ template "listPager" .GrantsNav }}
        {{ else if .GrantsNav.Q }}
        {{ template "listNoMatch" .GrantsNav }}
        {{ else }}
        {{ template "emptyState" .NoGrants }}
        {{ end }}
    </div>
</div>
</div>

<!-- Members -->
{{ template "sectionHeader" .MembersHeader }}
<div class="card mb-3">
    <div class="card-body">
{{ if .MembersError }}
<div class="alert alert-danger" role="alert">{{ .MembersError }}</div>
{{ end }}
{{ if eq (len .Members) 0 }}
{{ template "emptyState" .NoMembers }}
{{ else }}
<div class="table-responsive">
    <table class="table table-hover table-sm table-record">
        <thead>
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Role</th>
                <th>Joined</th>
            </tr>
        </thead>
        <tbody>
            {{ range .Members }}
            <tr>
                <th scope="row"><a href="/operator/persons/{{ .PersonID }}">{{ .DisplayName }}</a></th>
                <td><small class="text-muted">{{ .Email }}</small></td>
                <td>{{ .RoleName }}</td>
                <td class="text-nowrap"><small>{{ .JoinedAt }}</small></td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ if .MembersCapped }}
<p class="text-muted small mb-0 mt-2">Showing the latest 16 of {{ .MembersTotal }}.</p>
{{ end }}
{{ end }}
    </div>
</div>

<!-- Entitlement changes -->
{{/* The composite's trail of entitlement set rule commits that moved this
     organization's pools (plan-enrollment-administration "Entitlement
     changes is the composite's trail of rule commits"): newest first, its
     own ec_ pager, every cell the label recorded with the row so a later
     rename does not rewrite what the operator sees. */}}
{{ template "sectionHeader" .EntitlementChangesHeader }}
{{/* #entitlement-changes-panel: scoped swap target for this list's pager,
     so paging never scrolls the page (EntitlementChangesNav.Target). */}}
<div id="entitlement-changes-panel">
<div class="card mb-3">
    <div class="card-body">
{{ if .EntitlementChangesError }}
<div class="alert alert-danger" role="alert">{{ .EntitlementChangesError }}</div>
{{ end }}
{{ if eq (len .EntitlementChanges) 0 }}
{{ template "emptyState" .NoEntitlementChanges }}
{{ else }}
<div class="table-responsive">
    <table class="table table-hover table-sm table-record">
        <thead>
            <tr>
                <th>Resource</th>
                <th>Limit</th>
                <th>Set</th>
                <th>Note</th>
                <th>By</th>
                <th>When</th>
            </tr>
        </thead>
        <tbody>
            {{ range .EntitlementChanges }}
            <tr>
                <th scope="row">{{ if .ResourceLabel }}{{ .ResourceLabel }} <span class="text-muted small fw-normal">({{ .ResourceKey }})</span>{{ else }}<code>{{ .ResourceKey }}</code>{{ end }}</th>
                <td>{{ .LimitLine }}</td>
                <td><a href="{{ routeURL "/operator/entitlement-sets/{setID}" .SetID }}">{{ .SetName }}</a></td>
                <td>{{ .Note }}</td>
                <td>{{ if .ActorName }}{{ .ActorName }}{{ else }}<em class="text-muted">{{ .ActorType }}</em>{{ end }}</td>
                <td class="text-nowrap"><small>{{ .When }}</small></td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ template "listPager" .EntitlementChangesNav }}
{{ end }}
    </div>
</div>
</div>

<!-- Tier changes -->
{{/* Formerly "Position history"; maintainer design round 2026-08-24:
     rows carry humanized verbs and tier NAMES instead of integer ranks
     (Go-template comment so it never ships). The Reason cell renders in
     words: a grant-backed row shows the grant's reason label with its
     note beneath, any other row shows the machine reason's sentence; the
     raw reason string rides as the cell's title in every case
     (tier-changes-ledger design D3, D4). */}}
{{ template "sectionHeader" .TierChangesHeader }}
{{/* #tier-changes-panel: scoped swap target for this list's pager, so
     paging never scrolls the page (TierChangesNav.Target). */}}
<div id="tier-changes-panel">
<div class="card mb-3">
    <div class="card-body">
{{ if .TransitionsError }}
<div class="alert alert-danger" role="alert">{{ .TransitionsError }}</div>
{{ end }}
{{ if eq (len .Transitions) 0 }}
{{ template "emptyState" .NoTierChanges }}
{{ else }}
<div class="table-responsive">
    <table class="table table-hover table-sm table-record">
        <thead>
            <tr>
                <th>Ladder</th>
                <th>Change</th>
                <th>From</th>
                <th>To</th>
                <th>By</th>
                <th>Reason</th>
                <th>When</th>
            </tr>
        </thead>
        <tbody>
            {{ range .Transitions }}
            <tr>
                <th scope="row">{{ .LadderName }}</th>
                <td>{{ template "statusBadge" .ChangeBadge }}</td>
                <td>{{ .FromLabel }}</td>
                <td>{{ .ToLabel }}</td>
                <td>
                    {{ if .ActorName }}{{ .ActorName }}{{ else }}<em class="text-muted">{{ .ActorType }}</em>{{ end }}
                </td>
                <td{{ if .ReasonRaw }} title="{{ .ReasonRaw }}"{{ end }}>{{ .ReasonLabel }}{{ if .ReasonNote }}<div class="text-muted small">{{ .ReasonNote }}</div>{{ end }}</td>
                <td class="text-nowrap"><small>{{ .EffectiveAt }}</small></td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ template "listPager" .TierChangesNav }}
{{ end }}
    </div>
</div>
</div>
{{ end }}