{{ define "vulns-section" }}
<div class="space-y-4 min-w-0 pt-6" role="region" aria-live="polite">
    {{ if eq .VulnReason "ok" }}
        {{ template "vuln-details" .VulnData }}
    {{ else if eq .VulnReason "hold-unreachable" }}
        <div class="alert alert-warning" role="status">
            {{ icon "wifi-off" "size-4 shrink-0" }}
            <div>
                <p class="font-medium">We couldn't reach the hold</p>
                <p class="text-sm">Scan data is stored on the hold. It may be offline or unreachable right now.</p>
            </div>
        </div>
    {{ else if eq .VulnReason "not-applicable" }}
        <div class="py-8 text-sm text-base-content/70 max-w-prose">
            <p class="font-medium text-base-content">Vulnerability scanning isn't applied to this artifact type</p>
            <p class="mt-1">ATCR's scanner only runs on container images. This artifact was intentionally skipped.</p>
        </div>
    {{ else if eq .VulnReason "fetch-failed" }}
        <div class="py-8 text-sm text-base-content/70 max-w-prose">
            <p class="font-medium text-base-content">Scan data couldn't be loaded</p>
            <p class="mt-1">The hold is reachable but didn't return scan results for this manifest. Try refreshing the page in a minute.</p>
        </div>
    {{ else }}
        <div class="py-8 text-sm text-base-content/70 max-w-prose">
            <p class="font-medium text-base-content">No vulnerability scan available yet</p>
            <p class="mt-1">Scans run automatically shortly after a push. Check back in a few minutes, or push a new tag to trigger a scan.</p>
        </div>
    {{ end }}
</div>
{{ end }}