{{ define "partial_jobs_table" }}
{{ $jobs := index . "jobs" }}
{{ if not $jobs }}
<p>No jobs yet. Submit one to get started.</p>
{{ else }}
<table class="table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Status</th>
      <th>Progress</th>
      <th>Frames</th>
      <th>Format</th>
      <th>Created</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
  {{ range $job := $jobs }}
    <tr>
      <td><a class="job-link" href="/jobs/{{ $job.ID }}">{{ $job.Name }}</a></td>
      <td><span class="status {{ statusClass $job.Status }}">{{ $job.Status }}</span></td>
      <td>{{ progressInt $job.Progress }}%</td>
      <td>{{ if $job.FrameStart }}{{ derefInt $job.FrameStart }}{{ end }}{{ if $job.FrameEnd }}-{{ derefInt $job.FrameEnd }}{{ end }}</td>
      <td>{{ if $job.OutputFormat }}{{ derefString $job.OutputFormat }}{{ else }}-{{ end }}</td>
      <td>{{ formatTime $job.CreatedAt }}</td>
      <td class="row">
        {{ if or (eq $job.Status "pending") (eq $job.Status "running") }}
        <button class="btn tiny" data-cancel-job="{{ $job.ID }}">Cancel</button>
        {{ end }}
        {{ if or (eq $job.Status "completed") (eq $job.Status "failed") (eq $job.Status "cancelled") }}
        <button class="btn tiny danger" data-delete-job="{{ $job.ID }}">Delete</button>
        {{ end }}
      </td>
    </tr>
  {{ end }}
  </tbody>
</table>
{{ end }}
{{ end }}