{{define "partials/job_status.html"}}
<div id="job-status"
     hx-get="/internal/job/status"
     hx-trigger="every 2s"
     hx-swap="outerHTML"
     {{if and . .Running}}class="job-running"{{end}}
     {{if .}}data-job-type="{{.JobType}}" data-processed="{{.Processed}}" data-watcher-notices="{{.WatcherNotices}}"{{end}}
     {{if and . .FinishedAt}}data-finished-at="{{.FinishedAt.UnixNano}}"{{end}}>
  {{if and . .Running}}
    <span class="job-type">{{.JobType}}</span>
    {{if gt .Total 0}}
      <span class="job-progress">{{.Processed}}/{{.Total}}</span>
    {{end}}
    <span class="job-msg">{{.Message}}</span>
    {{if or (eq .JobType "autotag") (eq .JobType "sync") (eq .JobType "delete") (eq .JobType "re-extract") (eq .JobType "rebuild-thumbs") (eq .JobType "move") (eq .JobType "tag") (eq .JobType "prune-thumbs") (eq .JobType "relations") (eq .JobType "phash")}}
    <button class="job-dismiss" onclick="cancelJobStatus()" title="{{cancelTitle .JobType}}">×</button>
    {{end}}
  {{else if and . .Summary}}
    <span class="job-done" id="job-done-msg">✓ {{.Summary}}</span>
    <button class="job-dismiss" onclick="dismissJobStatus()" title="Dismiss">×</button>
  {{else if and . .Error}}
    <span class="job-error" id="job-error-msg">✗ {{.Error}}</span>
    <button class="job-dismiss" onclick="dismissJobStatus()" title="Dismiss">×</button>
  {{end}}
</div>
{{end}}