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

{{/* Page anatomy: the count readout (docs/design-system.md §6; spec
     page-anatomy "A readout is a part"). Pipeline: server.Readout. One
     size for every headline number in the console, fs-3, a step under the
     page title and above the section title (overview-consistency D3), so
     no number on a page outranks its title; display-* is gone. The label
     is a small semibold uppercase eyebrow, the console's one uppercase
     text (overview-consistency D3, round 2: "the previous stuff was
     fine"). A count that could not be loaded renders the em dash marker
     and the caption "Count unavailable", never a zero; a count that needs
     an operator renders in the danger colour.

     The part renders no anchor and the label is never a link: when a
     readout navigates, its box is the link (a linked card, page-anatomy "A
     linked card is marked by a glyph and the row's hover"), marked by the
     chevron glyph, not by this label. */}}
{{ define "readout" }}<dl class="mb-0">
    <dt class="small fw-semibold text-uppercase text-body-secondary">{{ .Label }}</dt>
    <dd class="fs-3 fw-semibold mb-0{{ if .Attention }} text-danger{{ end }}">{{ if .Available }}{{ .Value }}{{ else }}<span class="text-body-secondary" title="This count could not be loaded">&mdash;</span>{{ end }}</dd>
    {{ if not .Available }}<dd class="mb-0"><small class="text-body-secondary">Count unavailable</small></dd>{{ else if .Caption }}<dd class="mb-0"><small class="text-body-secondary">{{ .Caption }}</small></dd>{{ end }}
</dl>{{ end }}