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

{{/* operator_plan_ladders.html
     Plan ladders list body partial for GET /operator/plan-ladders (a
     catalog surface below the Products rail entry: trail plus the shared
     catalog pill row), dispatched by GetPlanLaddersPage. Built from the
     page-anatomy parts. Map-first (ux-ia-naming 2.2): the cross-ladder
     topology overview opens the page. Rows navigate through the ladder's
     name (chrome-conventions "Row navigation is the primary column's
     link"). Ladder creation has a page of its own, reached from the ladder
     list's section header (design D20, round 4: "record creation gets its
     own page"). */}}
{{ template "pageHeader" .Header }}
{{ template "catalogPills" "plan-ladders" }}
{{ if .Error }}
<div class="alert alert-danger" role="alert">
    <strong>Error:</strong> {{ .Error }}
</div>
{{ end }}

{{ template "sectionHeader" .TopologyHeader }}
{{ template "operator_plan_topology.html" .Topology }}

{{/* design D8 / plan-ladder-management "The ladder list is a scaffolded
     section": a section header plus the list scaffold (search, true-total
     paging; operator-list-scale), not a bare table at the foot of the
     page. Governed like the other standalone lists (operator_persons.html):
     zero rows AND filtered means the search matched nothing; zero rows AND
     not filtered means the deployment truly has no ladders yet. */}}
{{ template "sectionHeader" .LaddersListHeader }}
{{ if eq (len .Ladders) 0 }}
    {{ if .LaddersNav.Filtered }}
    {{ template "listControls" .LaddersNav }}
    {{ template "listNoMatch" .LaddersNav }}
    {{ else }}
    {{ template "emptyState" .Empty }}
    {{ end }}
{{ else }}
{{ template "listControls" .LaddersNav }}
<div class="table-responsive">
    <table class="table table-hover table-sm table-record align-middle">
        <thead>
            <tr>
                <th>Name</th>
                <th>Tiers</th>
                <th>Active positions</th>
                <th class="text-end"><span class="visually-hidden">Actions</span></th>
            </tr>
        </thead>
        <tbody>
            {{ range .Ladders }}
            <tr>
                <th scope="row"><a href="{{ routeURL "/operator/plan-ladders/{ladderID}" .PlanLadderID }}">{{ .Name }}</a></th>
                <td>{{ .TierCount }}</td>
                <td>{{ if gt .ActiveAttachmentCount 0 }}{{ .ActiveAttachmentCount }}{{ else }}<span class="text-muted">0</span>{{ end }}</td>
                <td class="text-nowrap text-end">
                    {{ if gt .ActiveAttachmentCount 0 }}
                    {{ template "disabledControl" .DeleteControl }}
                    {{ else }}
                    <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/plan-ladders/{ladderID}" .PlanLadderID }}"
                            data-action-method="delete"
                            data-action-target="#operator-body"
                            data-action-title="Delete ladder"
                            data-action-body="Delete ladder '{{ .Name }}'? This cannot be undone."
                            data-action-confirm-label="Delete ladder">
                        Delete
                    </button>
                    {{ end }}
                </td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ template "listPager" .LaddersNav }}
{{ end }}