{{ define "image-advisor-results" }}
{{ if eq .Error "upgrade_required" }}
    <div class="alert alert-info text-sm">
        {{ icon "sparkles" "size-4" }}
        <span>AI Image Advisor is a paid feature. <a href="/settings/billing" class="link link-hover font-semibold underline">Upgrade your plan</a> to unlock image analysis.</span>
    </div>
{{ else if .Error }}
    <div class="alert alert-warning text-sm">
        {{ icon "alert-triangle" "size-4" }}
        <span>{{ .Error }}</span>
    </div>
{{ else if .Suggestions }}
<div class="card bg-base-200 shadow-sm border border-base-300">
    <div class="card-body p-4 space-y-3">
        <h3 class="text-sm font-semibold flex items-center gap-2">
            {{ icon "sparkle" "size-4" }}
            AI Suggestions ({{ len .Suggestions }})
        </h3>
        <div class="overflow-x-auto">
            <table class="table table-xs w-full">
                <caption class="sr-only">AI optimization suggestions for this image</caption>
                <thead>
                    <tr>
                        <th scope="col">Action</th>
                        <th scope="col">Category</th>
                        <th scope="col">Impact</th>
                        <th scope="col">Effort</th>
                        <th scope="col" class="w-1/2">Detail</th>
                    </tr>
                </thead>
                <tbody>
                    {{ range .Suggestions }}
                    <tr>
                        <td class="font-medium text-sm wrap-break-word">{{ .Action }}</td>
                        <td>
                            <span class="badge badge-sm badge-ghost whitespace-nowrap">{{ .Category }}</span>
                        </td>
                        <td>
                            {{ if eq .Impact "high" }}
                                <span class="badge badge-sm badge-error">high</span>
                            {{ else if eq .Impact "medium" }}
                                <span class="badge badge-sm badge-warning">medium</span>
                            {{ else }}
                                <span class="badge badge-sm badge-info">low</span>
                            {{ end }}
                        </td>
                        <td>
                            {{ if eq .Effort "low" }}
                                <span class="badge badge-sm badge-success">low</span>
                            {{ else if eq .Effort "medium" }}
                                <span class="badge badge-sm badge-warning">medium</span>
                            {{ else }}
                                <span class="badge badge-sm badge-outline">high</span>
                            {{ end }}
                        </td>
                        <td class="text-sm max-w-md wrap-break-word">
                            {{ .Detail }}
                            {{ if gt .CVEsFixed 0 }}
                                <span class="badge badge-xs badge-outline badge-error ml-1">{{ .CVEsFixed }} CVEs</span>
                            {{ end }}
                            {{ if gt .SizeSavedMB 0 }}
                                <span class="badge badge-xs badge-outline badge-info ml-1">-{{ .SizeSavedMB }}MB</span>
                            {{ end }}
                        </td>
                    </tr>
                    {{ end }}
                </tbody>
            </table>
        </div>
        <p class="text-xs text-base-content/70">Generated by {{ or .Model "Claude" }}. Suggestions are advisory only.</p>
    </div>
</div>
{{ else }}
    <p class="text-sm text-base-content/60">No suggestions generated.</p>
{{ end }}
{{ end }}