{%extends "base.html"%}
{%from "flash_messages.html" import flash_messages%}

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

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

{%block contents%}
<h1 class="heading">R/qtl2 bundle: QC job status</h1>

{%if geno_percent%}
<p>
  <h2>Checking 'geno' file:</h2>
  <progress id="prg-geno-checking" value="{{geno_percent}}" max="100">
    {{geno_percent}}%</progress>
  {{geno_percent}}%</p>
{%endif%}

{%if pheno_percent%}
<p>
  <h2>Checking 'pheno' file:</h2>
  <progress id="prg-pheno-checking" value="{{pheno_percent}}" max="100">
    {{pheno_percent}}%</progress>
  {{pheno_percent}}%</p>
{%endif%}

{%if phenose_percent%}
<p>
  <h2>Checking 'phenose' file:</h2>
  <progress id="prg-phenose-checking" value="{{phenose_percent}}" max="100">
    {{phenose_percent}}%</progress>
  {{phenose_percent}}%</p>
{%endif%}

<h4>Log</h4>
<div class="cli-output">
  {%for msg in messages%}
  {{msg}}<br />
  {%endfor%}
</div>

{%endblock%}