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

{{/* operator_plan_topology.html
     The cross-ladder topology overview, included by
     operator_plan_ladders.html under its "Plan topology" section header:
     the ladders-by-rank grid, then the off-ladder / shared / org-type
     subsections, each titled by sectionHeader. Read-only; every drill-in
     links into existing CRUD (cross-refs link identifiers, never buttons).
     The inline structural-validation health strip this once carried was
     retired in acceptance-fixes round 2 (design D8, operator-topology-
     overview "Overview surfaces structural-validation health inline"): the
     one check it ran is impossible under the database's exclusion
     constraint. */}}
<p class="text-muted small mb-2">The whole plan catalog at a glance. Ladders are columns in member-facing order; ranks are rows. Drag a ladder column by its handle (&#x28FF;) to reorder.</p>
<p class="text-muted small mb-2">Open a ladder to reorder its tiers.</p>

{{ if .Error }}
<div class="alert alert-danger" role="alert">{{ .Error }}</div>
{{ else }}

{{/* The cross-ladder grid. */}}
{{ if eq (len .Ladders) 0 }}
<p class="text-muted">No plan ladders configured yet.</p>
{{ else }}
<div class="table-responsive">
    <table class="table table-bordered align-middle topology-grid">
        <thead>
            <tr data-sortable
                data-sortable-direction="horizontal"
                data-sortable-draggable=".ladder-col"
                data-sortable-handle=".sortable-handle"
                data-sortable-filter=".topology-rank-col"
                hx-post="{{ routeURL "/partials/operator/plan-ladders/reorder" }}"
                hx-trigger="end"
                hx-target="#operator-body"
                hx-swap="innerHTML"
                hx-include="this">
                <th scope="col" class="text-muted topology-rank-col">Rank</th>
                {{ range .Ladders }}
                <th scope="col" class="ladder-col">
                    <input type="hidden" name="ladder" value="{{ .PlanLadderID }}">
                    {{/* operator-topology-overview "One ladder has no handle":
                         a handle to reorder among siblings means nothing
                         when there is only one column. */}}
                    {{ if gt (len $.Ladders) 1 }}
                    <span class="sortable-handle text-muted me-1" role="button" tabindex="-1" title="Drag to reorder" aria-label="Drag to reorder {{ .Name }}">&#x28FF;</span>
                    {{ end }}
                    <a class="fw-semibold" href="{{ routeURL "/operator/plan-ladders/{ladderID}" .PlanLadderID }}">{{ .Name }}</a>
                    <div>
                        <small class="text-muted">{{ .AttachmentCountLabel }}</small>
                    </div>
                </th>
                {{ end }}
            </tr>
        </thead>
        <tbody>
            {{ if eq (len .Rows) 0 }}
            <tr>
                {{/* Empty-state row spans the Rank column (a leading <th>,
                     matching the populated rows) plus one cell per ladder
                     column, so the placeholder covers the whole grid width
                     (audit finding #13). Split into two cells because the
                     template FuncMap has no arithmetic helper for
                     len(.Ladders)+1. */}}
                <th scope="row" class="text-muted"></th>
                <td colspan="{{ len .Ladders }}" class="text-muted text-center">No tiers configured on any ladder.</td>
            </tr>
            {{ else }}
            {{ range .Rows }}
            <tr>
                <th scope="row" class="text-muted">{{ .Rank }}</th>
                {{ range .Cells }}
                <td>
                    {{ if .Present }}
                    <a href="{{ routeURL "/operator/products/{productID}" .ProductID }}">{{ .ProductName }}</a>
                    {{ if .Shared }} {{ template "statusBadge" .SharedBadge }}{{ end }}
                    {{ if ne .LifecycleStatus "published" }} {{ template "statusBadge" .LifecycleBadge }}{{ end }}
                    {{ else }}
                    <span class="text-muted">—</span>
                    {{ end }}
                </td>
                {{ end }}
            </tr>
            {{ end }}
            {{ end }}
        </tbody>
    </table>
</div>
{{ end }}

{{/* Off-ladder products, bucketed by display_category (presentation only). */}}
{{ template "sectionHeader" .OffLadderHeader }}
{{ if eq (len .Addons) 0 }}
<p class="text-muted">No off-ladder products.</p>
{{ else }}
<ul class="list-inline mb-0">
    {{ range .Addons }}
    <li class="list-inline-item mb-1"><a href="{{ routeURL "/operator/products/{productID}" .ProductID }}">{{ .Name }}</a> {{ template "statusBadge" .CategoryBadge }}{{ if ne .LifecycleStatus "published" }} {{ template "statusBadge" .LifecycleBadge }}{{ end }}</li>
    {{ end }}
</ul>
{{ end }}

{{/* Shared-product reverse index (the M:N made explicit). */}}
{{ template "sectionHeader" .SharedHeader }}
{{ if eq (len .SharedProducts) 0 }}
<p class="text-muted">No products are shared across ladders.</p>
{{ else }}
<ul>
    {{ range .SharedProducts }}
    <li>
        <a href="{{ routeURL "/operator/products/{productID}" .ProductID }}">{{ .ProductName }}</a>:
        {{ range $i, $m := .Memberships }}{{ if $i }}, {{ end }}{{ $m.LadderName }} @ rank {{ $m.Rank }}{{ end }}
    </li>
    {{ end }}
</ul>
{{ end }}

{{/* Per-org-type provisioning summary (auto-provisioning config as outcome). */}}
{{ template "sectionHeader" .OrgTypesHeader }}
{{ if eq (len .OrgTypes) 0 }}
<p class="text-muted">No org types configured.</p>
{{ else }}
<div class="table-responsive">
    <table class="table table-sm align-middle">
        <thead>
            <tr>
                <th scope="col">Org type</th>
                <th scope="col">New organizations are provisioned</th>
            </tr>
        </thead>
        <tbody>
            {{ range .OrgTypes }}
            <tr>
                <th scope="row">{{ .DisplayName }}</th>
                <td>
                    {{ if .HasDefault }}
                    <a href="{{ routeURL "/operator/plan-ladders/{ladderID}" .LadderID }}">{{ .LadderName }}</a> <span class="text-muted">@ rank 0</span> <a href="{{ routeURL "/operator/products/{productID}" .RankZeroProductID }}">{{ .RankZeroProduct }}</a>
                    {{ else }}
                    <span class="text-muted">No default (off-ladder)</span>
                    {{ end }}
                </td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ end }}

{{ end }}