{%extends "background-jobs/base.html"%}
{%from "flash_messages.html" import flash_all_messages%}
{%from "background-jobs/macro-display-job-details.html" import display_job_details%}

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

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

{%block breadcrumbs%}
{{super()}}
<li class="breadcrumb-item">
  <a href="{{url_for('background-jobs.job_summary', job_id=job.job_id)}}">
    summary
  </a>
</li>
{%endblock%}

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

<div class="row">
  <h2 class="heading">background jobs: stop?</h2>

  <p class="text-danger">Are you sure you want to stop the job below?</p>

  {{display_job_details(job, display_datetime)}}
</div>

<div class="row">
  <form id="frm-stop-job"
        method="POST"
        action="{{url_for('background-jobs.stop_job', job_id=job.job_id)}}">
    <div class="row">
      <div class="col">
        <input type="submit"
               class="btn btn-info"
               value="cancel"
               name="btn-confirm-stop" />
      </div>
      <div class="col">
        <input type="submit"
               class="btn btn-danger"
               value="stop"
               name="btn-confirm-stop" />
      </div>
    </div>
  </form>
</div>
{%endblock%}


{%block sidebarcontents%}
<div class="row">
  <h6 class="subheading">What is this?</h6>
</div>
<div class="row">
  <p>Confirm whether or not you want to stop job
    <strong>{{job.job_id}}</strong>.</p>
</div>
{{super()}}
{%endblock%}