{%extends "background-jobs/base.html"%}
{%from "flash_messages.html" import flash_all_messages%}

{%block title%}Background Jobs{%endblock%}

{%block pagetitle%}Background Jobs{%endblock%}

{%block contents%}
{{flash_all_messages()}}

<div class="row"><h2 class="heading">Background Jobs</h2></div>

<div class="row">
  <div class="table-responsive">
    <table class="table">
      <thead>
        <tr class="table-primary">
          <th>Type</th>
          <th>Created</th>
          <th title="Date and time past which the job's details will be deleted from the system.">
            Expires</th>
          <th>Status</th>
          <th>Actions</th>
        </tr>
      </thead>

      <tbody>
        {%for job in jobs%}
        <tr>
          <td>{{job.metadata["job-type"]}}</td>
          <td>{{display_datetime(job.created)}}</td>
          <td title="Date and time past which the job's details will be deleted from the system.">
            {{display_datetime(job.expires)}}
          </td>
          <td {%if job.metadata.status == "completed"%}
              class="fw-bold text-capitalize text-success"
              {%elif job.metadata.status == "error"%}
              class="fw-bold text-capitalize text-danger"
              {%elif job.metadata.status == "stopped"%}
              class="fw-bold text-capitalize text-warning"
              {%else%}
              class="fw-bold text-capitalize text-info"
              {%endif%}>
            <div>
              {{job.metadata.status}}
            </div>
          </td>
          <td>
            <a href="{{url_for('background-jobs.job_summary', job_id=job.job_id)}}"
               class="btn btn-info"
               title="View more detailed information about this job.">
              view summary</a>
          </td>
        </tr>
        {%else%}
        <tr>
          <td colspan="5">
            You do not have any jobs you have run in the background.</td>
        </tr>
        {%endfor%}
      </tbody>
    </table>
  </div>
</div>
{%endblock%}


{%block sidebarcontents%}
<div class="row">
  <h6 class="subheading">What is this?</h6>
</div>
<div class="row">
  <p>The table lists the jobs that are running in the background, that you
    started.</p>
  <p>You can use the tools provided on this page to manage the jobs, and to view
    each job's details.</p>
</div>
{{super()}}
{%endblock%}