{{ define "vuln-details" }}
{{ if .Error }}
    {{ if .Summary.Total }}
    <!-- Summary available but no detailed report -->
    <div class="space-y-4">
        <span class="vuln-strip">
            <span class="tooltip vuln-box-critical" data-tip="Critical">{{ .Summary.Critical }}</span>
            <span class="tooltip vuln-box-high" data-tip="High">{{ .Summary.High }}</span>
            <span class="tooltip vuln-box-medium" data-tip="Medium">{{ .Summary.Medium }}</span>
            <span class="tooltip vuln-box-low" data-tip="Low">{{ .Summary.Low }}</span>
        </span>
        <p class="text-sm">{{ .Error }}</p>
        {{ if .ScannedAt }}<p class="text-xs opacity-60">Scanned: {{ .ScannedAt }}</p>{{ end }}
    </div>
    {{ else }}
    <p>{{ .Error }}</p>
    {{ end }}
{{ else }}
<div class="space-y-4">
    <!-- Summary badges -->
    <div class="flex flex-wrap items-center gap-3">
        <span class="font-semibold text-sm">{{ .Summary.Total }} vulnerabilities</span>
        <span class="vuln-strip">
            <span class="tooltip vuln-box-critical" data-tip="Critical">{{ .Summary.Critical }}</span>
            <span class="tooltip vuln-box-high" data-tip="High">{{ .Summary.High }}</span>
            <span class="tooltip vuln-box-medium" data-tip="Medium">{{ .Summary.Medium }}</span>
            <span class="tooltip vuln-box-low" data-tip="Low">{{ .Summary.Low }}</span>
        </span>
    </div>

    {{ if .ScannedAt }}<p class="text-xs opacity-60">Scanned: {{ .ScannedAt }}</p>{{ end }}

    {{ if .Matches }}
    <!-- CVE table -->
    <div class="overflow-y-auto max-h-[32rem]">
        <table class="table table-xs table-pin-rows w-full">
            <thead>
                <tr>
                    <th>CVE</th>
                    <th></th>
                    <th>Package</th>
                    <th>Version</th>
                    <th>Fix</th>
                </tr>
            </thead>
            <tbody>
                {{ range .Matches }}
                <tr>
                    <td class="font-mono text-xs">
                        {{ if .CVEURL }}
                            <a href="{{ .CVEURL }}" target="_blank" rel="noopener noreferrer" class="link link-primary">{{ .CVEID }}</a>
                        {{ else }}
                            {{ .CVEID }}
                        {{ end }}
                    </td>
                    <td>
                        {{ if eq .Severity "Critical" }}
                            <span class="badge badge-xs badge-error" title="Critical">C</span>
                        {{ else if eq .Severity "High" }}
                            <span class="badge badge-xs badge-warning" title="High">H</span>
                        {{ else if eq .Severity "Medium" }}
                            <span class="badge badge-xs badge-soft badge-warning" title="Medium">M</span>
                        {{ else if eq .Severity "Low" }}
                            <span class="badge badge-xs badge-info" title="Low">L</span>
                        {{ else }}
                            <span class="badge badge-xs badge-ghost" title="{{ .Severity }}">?</span>
                        {{ end }}
                    </td>
                    <td class="text-xs">
                        {{ .Package }}{{ if .Type }} <span class="opacity-60">({{ .Type }})</span>{{ end }}
                    </td>
                    <td class="font-mono text-xs">{{ .Version }}</td>
                    <td class="font-mono text-xs">
                        {{ if .FixedIn }}
                            <span class="text-success">{{ .FixedIn }}</span>
                        {{ else }}
                            <span class="opacity-40">-</span>
                        {{ end }}
                    </td>
                </tr>
                {{ end }}
            </tbody>
        </table>
    </div>
    {{ end }}
</div>
{{ end }}
{{ end }}