{{ define "upgrade-banner" }}
<div class="alert shadow-sm border border-info/30 bg-info/5">
    <div class="flex items-center gap-3 w-full">
        {{ icon "info" "size-5 text-info shrink-0" }}
        <div class="flex-1 text-sm">
            <span class="font-semibold">{{ .NewerTag }}</span>
            {{ if .Summary.HasVulnData }}
                {{ if gt .Summary.VulnFixedCount 0 }}
                    fixes
                    {{ if gt .Summary.VulnFixedBySev.Critical 0 }}<span class="font-semibold text-error">{{ .Summary.VulnFixedBySev.Critical }} Critical</span>{{ end }}
                    {{ if gt .Summary.VulnFixedBySev.High 0 }}{{ if gt .Summary.VulnFixedBySev.Critical 0 }}, {{ end }}<span class="font-semibold text-warning">{{ .Summary.VulnFixedBySev.High }} High</span>{{ end }}
                    {{ if gt .Summary.VulnFixedBySev.Medium 0 }}{{ if or (gt .Summary.VulnFixedBySev.Critical 0) (gt .Summary.VulnFixedBySev.High 0) }}, {{ end }}<span class="font-semibold">{{ .Summary.VulnFixedBySev.Medium }} Medium</span>{{ end }}
                    {{ if and (eq .Summary.VulnFixedBySev.Critical 0) (eq .Summary.VulnFixedBySev.High 0) (eq .Summary.VulnFixedBySev.Medium 0) (gt .Summary.VulnFixedBySev.Low 0) }}<span class="font-semibold">{{ .Summary.VulnFixedBySev.Low }} Low</span>{{ end }}
                    {{ pluralize .Summary.VulnFixedCount "vuln" "vulns" }}
                {{ else }}
                    is available
                {{ end }}
                {{ if gt .Summary.VulnNewCount 0 }}
                    <span class="text-base-content/60">(+{{ .Summary.VulnNewCount }} new)</span>
                {{ end }}
            {{ else }}
                is available
            {{ end }}
            {{ if ne .Summary.LayerCountFrom .Summary.LayerCountTo }}
                · {{ if gt .Summary.LayerCountTo .Summary.LayerCountFrom }}+{{ end }}{{ sub .Summary.LayerCountTo .Summary.LayerCountFrom }} {{ pluralize (sub .Summary.LayerCountTo .Summary.LayerCountFrom) "layer" "layers" }}
            {{ end }}
            {{ if ne .Summary.SizeDelta 0 }}
                · {{ if gt .Summary.SizeDelta 0 }}{{ humanizeByteDelta .Summary.SizeDelta }} larger{{ else }}{{ humanizeByteDelta .Summary.SizeDelta }}<span class="sr-only"> smaller</span>{{ end }}
            {{ end }}
        </div>
        <a href="{{ .DiffURL }}" class="btn btn-sm btn-info btn-outline shrink-0">View diff</a>
    </div>
</div>
{{ end }}