{{define "partials/job_progress.html"}}
<div hx-get="/admin/api/jobs/{{.Key}}/status"
     hx-trigger="load delay:1s"
     hx-swap="outerHTML"
     class="alert alert-info">
    <span class="loading loading-spinner loading-sm" aria-hidden="true"></span>
    <div class="text-sm w-full">
        <p class="font-medium">{{ .Title }}...</p>
        {{ if .Progress.Message }}
        <p class="text-base-content/70 mt-1">
            {{ .Progress.Message }}
            {{ if .Progress.Total }}<span class="font-mono">({{ .Progress.Done }}/{{ .Progress.Total }})</span>{{ else if .Progress.Done }}<span class="font-mono">({{ .Progress.Done }})</span>{{ end }}
        </p>
        {{ else }}
        <p class="text-base-content/70 mt-1">Starting...</p>
        {{ end }}
        {{ if .Progress.Total }}
        <progress class="progress progress-info w-full mt-2" value="{{ .Progress.Done }}" max="{{ .Progress.Total }}"></progress>
        {{ end }}
    </div>
</div>
{{end}}