{%extends "base.html"%}
{%from "cli-output.html" import cli_output%}

{%block title%}R/qtl2 bundle: QC Job Error{%endblock%}

{%macro errors_table(tableid, errors)%}
<table id="{{tableid}}"
       class="error-table"
       style="display: block; overflow: scroll; max-height: 250px;">
  <thead style="position: sticky; top: 0;">
    <tr>
      <th>Line</th>
      <th>Column</th>
      <th>Value</th>
      <th>Message</th>
    </tr>
  </thead>
  <tbody>
    {%for error in errors%}
    <tr>
      <td>{{error.line}}</td>
      <td>{{error.column}}</td>
      <td>{{error.value}}</td>
      <td>{{error.message}}</td>
    </tr>
    {%endfor%}
  </tbody>
</table>
{%endmacro%}

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

<div class="explainer">
  <p>The R/qtl2 bundle has failed some <emph>Quality Control</emph> checks.</p>
  <p>We list below some of the errors that need to be fixed before the data can
    be uploaded onto GeneNetwork.</p>
</div>

{%if errorsgeneric | length > 0%}
<h2 class="heading">Generic Errors ({{errorsgeneric | length}})</h3>
<div class="explainer">
  We found the following generic errors in your R/qtl2 bundle:
</div>
<ul class="alert-error qc-error-display">
  {%for msg in errorsgeneric%}
  <li>{{msg}}</li>
  {%endfor%}
</ul>
{%endif%}

{%if errorsgeno | length > 0%}
<h2 class="heading">Geno Errors ({{errorsgeno | length}})</h3>
<div class="explainer">
  We found the following errors in the 'geno' file in your R/qtl2 bundle:
</div>
{{errors_table("tbl-errors-geno", errorsgeno[0:50])}}
{%endif%}

{%if errorspheno | length > 0%}
<h2 class="heading">Pheno Errors ({{errorspheno | length}})</h3>
<div class="explainer">
  We found the following errors in the 'pheno' file in your R/qtl2 bundle:
</div>
{{errorspheno}}
{%endif%}

{%if errorsphenocovar | length > 0%}
<h2 class="heading">Phenocovar Errors ({{errorsphenocovar | length}})</h3>
<div class="explainer">
  We found the following errors in the 'phenocovar' file in your R/qtl2 bundle:
</div>
{{errorsphenocovar}}
{%endif%}

<h4>stdout</h4>
{{cli_output(job, "stdout")}}

<h4>stderr</h4>
{{cli_output(job, "stderr")}}

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

{%endblock%}