{{ define "attestation-details" }}
{{ if .Error }}
    <p class="text-base-content/60 wrap-break-word">{{ .Error }}</p>
{{ else }}
<div class="space-y-4">
    <p class="font-semibold text-sm">{{ len .Attestations }} {{ pluralize (len .Attestations) "attestation" "attestations" }} attached</p>

    {{ range .Attestations }}
    <div class="bg-base-200 rounded-lg p-4 space-y-3">
        <div class="flex flex-wrap items-center justify-between gap-2">
            {{/* "Unknown" / "Binary" etc. predicates shouldn't read as success-green. */}}
            {{ if or (eq .PredicateType "Unknown") (eq .PredicateType "Binary") }}
            <span class="badge badge-md badge-ghost">{{ .PredicateType }}</span>
            {{ else }}
            <span class="badge badge-md badge-soft badge-success">{{ .PredicateType }}</span>
            {{ end }}
            <code class="font-mono text-xs text-base-content/60 truncate max-w-48" title="{{ .Digest }}">{{ .Digest }}</code>
        </div>
        {{ if .NeedsLogin }}
            {{ if $.LoginURL }}
            <p class="text-sm text-base-content/70"><a href="{{ $.LoginURL }}" class="link link-primary">Log in</a> to view attestation content</p>
            {{ else }}
            <p class="text-sm text-base-content/70"><a href="/auth/oauth/login" class="link link-primary">Log in</a> to view attestation content</p>
            {{ end }}
        {{ else if .FetchError }}
            <p class="text-sm text-base-content/70 wrap-break-word">{{ .FetchError }}</p>
        {{ else if .RawJSON }}
            <details>
                <summary class="cursor-pointer text-sm text-base-content/70 hover:text-base-content">View content</summary>
                <div class="mt-2 overflow-x-auto max-h-64">
                    <pre class="text-xs bg-base-300 rounded p-3 whitespace-pre-wrap break-all"><code>{{ .RawJSON }}</code></pre>
                </div>
            </details>
        {{ else if .Size }}
            <p class="text-sm text-base-content/70">Binary content ({{ humanizeBytes .Size }}); cannot display inline</p>
        {{ end }}
    </div>
    {{ else }}
    {{ template "state-empty" (dict
        "Icon" "fingerprint"
        "Title" "No attestations attached"
        "Subtext" "Signed provenance or SBOM attestations will appear here once attached to this manifest."
    ) }}
    {{ end }}
</div>
{{ end }}
{{ end }}