{{ define "storage_stats" }}
<div class="space-y-2">
    {{ if .Tier }}
    <div class="flex justify-between items-center">
        <span class="text-base-content/60">Tier:</span>
        <span class="badge badge-xs badge-{{ .Tier }} font-semibold">{{ .Tier }}</span>
    </div>
    {{ end }}
    <div class="flex justify-between items-center">
        <span class="text-base-content/60">Storage:</span>
        <span class="font-semibold font-mono">
            {{ if .HasLimit }}
                {{ .HumanSize }} / {{ .HumanLimit }}
            {{ else }}
                {{ .HumanSize }} <span class="badge badge-xs badge-success">Unlimited</span>
            {{ end }}
        </span>
    </div>
    {{ if .HasLimit }}
    <div class="flex items-center gap-2 py-2">
        <progress class="progress {{ if ge .UsagePercent 95 }}progress-error{{ else if ge .UsagePercent 80 }}progress-warning{{ else }}progress-success{{ end }} w-full" value="{{ .UsagePercent }}" max="100"></progress>
        <span class="text-sm text-base-content/60 whitespace-nowrap">{{ .UsagePercent }}% used</span>
    </div>
    {{ end }}
    <div class="flex justify-between items-center">
        <span class="text-base-content/60">Unique Blobs:</span>
        <span class="font-semibold font-mono">{{ .UniqueBlobs }}</span>
    </div>
</div>
{{ end }}