{{ define "health-badge" }}
{{ if .Pending }}
<span class="badge badge-sm badge-info" role="status" aria-live="polite"
    hx-get="/api/manifest-health?endpoint={{ .RetryURL }}"
    hx-trigger="load delay:3s"
    hx-swap="outerHTML">{{ icon "refresh-ccw" "size-3 animate-spin" }} Checking…</span>
{{ else if not .Reachable }}
    {{/* Branch on classified reason so the tooltip tells operators what
         kind of failure they're seeing, not just "it's down". */}}
    {{ if eq .Reason "dns" }}
<span class="badge badge-sm badge-warning" role="status" title="DNS lookup failed: the hostname can't be resolved">{{ icon "triangle-alert" "size-3" }} DNS failed</span>
    {{ else if eq .Reason "tls" }}
<span class="badge badge-sm badge-warning" role="status" title="TLS handshake failed: certificate may be expired or invalid">{{ icon "triangle-alert" "size-3" }} TLS error</span>
    {{ else if eq .Reason "refused" }}
<span class="badge badge-sm badge-warning" role="status" title="Connection refused: nothing is listening on the endpoint">{{ icon "triangle-alert" "size-3" }} Refused</span>
    {{ else if eq .Reason "timeout" }}
<span class="badge badge-sm badge-warning" role="status" title="Request timed out: the hold is slow or unreachable">{{ icon "triangle-alert" "size-3" }} Timeout</span>
    {{ else if eq .Reason "http" }}
<span class="badge badge-sm badge-warning" role="status" title="The hold responded with an error status">{{ icon "triangle-alert" "size-3" }} HTTP error</span>
    {{ else }}
<span class="badge badge-sm badge-warning" role="status" title="We couldn't reach the hold">{{ icon "triangle-alert" "size-3" }} Offline</span>
    {{ end }}
{{ end }}
{{ end }}