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

<!-- Setup checklist (design D12 / operator-setup-checklist). GET
     /operator/setup is the only render of this partial: .Header, an intro
     paragraph, and the full step list, always, complete or not. Every step
     renders alike — a step is either "Done" (success tone) or "Incomplete"
     (neutral tone); the required/conditional classes and the "Required"
     label are gone (round 2). A step whose relevance depends on the
     deployment's model says so in its own Description rather than through
     a class. The operator overview no longer embeds this list — it shows a
     dismissible one-line banner instead (design D12's "The overview
     carries a dismissible setup banner"; operator.html's setup-banner
     region). -->
{{ template "pageHeader" .Header }}
<p class="text-muted small mb-3">This checklist is always here; it does not gate or reorder any other operator surface, and it is safe to leave any step undone.</p>

<div class="card">
    <div class="card-body">
        <ul class="list-group list-group-flush">
            {{ range .Steps }}
            <li class="list-group-item px-0 py-2">
                <div class="d-flex justify-content-between align-items-start gap-3">
                    <div>
                        <span class="fw-semibold">{{ .Label }}</span>
                        <p class="text-muted small mb-1">{{ .Description }}</p>
                        {{ if and (not .Complete) .Unlocks }}
                        <p class="small mb-0">Unlocks: {{ .Unlocks }}</p>
                        {{ end }}
                        {{ if .Note }}
                        <p class="small text-muted mb-0">
                            {{ .Note }}{{ if .NoteHref }} <a href="{{ .NoteHref }}">{{ .NoteLinkText }}</a>{{ end }}
                        </p>
                        {{ end }}
                    </div>
                    <div class="text-end flex-shrink-0">
                        {{ template "statusBadge" .ToneBadge }}
                        <a class="btn btn-outline-secondary btn-sm d-block mt-1" href="{{ .Href }}">{{ .LinkText }}</a>
                    </div>
                </div>
            </li>
            {{ end }}
        </ul>
    </div>
</div>