{%extends "base.html"%}
{%from "errors_display.html" import errors_display%}
{%from "populations/macro-display-population-card.html" import display_population_card%}

{%block extrameta%}
<meta http-equiv="refresh" content="5">
{%endblock%}

{%block title%}Job Status{%endblock%}

{%block contents%}
<h1 class="heading">{{job_name}}</h2>

<div class="row">
  <form action="{{url_for('species.populations.expression-data.abort',
                species_id=species.SpeciesId,
                population_id=population.Id)}}" method="POST">
    <legend class="heading">Status</legend>
    <div class="form-group">
      <label for="job_status" class="form-label">status:</label>
      <span class="form-text">{{job_status}}: {{message}}</span><br />
    </div>

    <div class="form-group">
      <label for="job_{{job_id}}" class="form-label">parsing: </label>
      <progress id="job_{{job_id}}"
                value="{{progress/100}}"
                class="form-control">
        {{progress}}</progress>
      <span class="form-text text-muted">{{"%.2f" | format(progress)}}%</span>
    </div>

    <input type="hidden" name="job_id" value="{{job_id}}" />

    <button type="submit" class="btn btn-danger">Abort</button>
  </form>
</div>

<div class="row">
  {{errors_display(errors, "No errors found so far", "We have found the following errors so far", False)}}
</div>

{%endblock%}

{%block sidebarcontents%}
{{display_population_card(species, population)}}
{%endblock%}