{%extends "phenotypes/base.html"%}
{%from "cli-output.html" import cli_output%}
{%from "flash_messages.html" import flash_all_messages%}
{%from "macro-table-pagination.html" import table_pagination%}
{%from "phenotypes/macro-display-pheno-dataset-card.html" import display_pheno_dataset_card%}

{%block extrameta%}
{%if job and job.status not in ("success", "completed:success", "error", "completed:error")%}
<meta http-equiv="refresh" content="5" />
{%endif%}
{%endblock%}

{%block title%}Phenotypes{%endblock%}

{%block pagetitle%}Phenotypes{%endblock%}

{%block lvl4_breadcrumbs%}
<li {%if activelink=="add-phenotypes"%}
    class="breadcrumb-item active"
    {%else%}
    class="breadcrumb-item"
    {%endif%}>
  <a href="{{url_for('species.populations.phenotypes.add_phenotypes',
           species_id=species.SpeciesId,
           population_id=population.Id,
           dataset_id=dataset.Id)}}">View Datasets</a>
</li>
{%endblock%}

{%block contents%}

{%if job%}
<div class="row">
  <p><strong>Status:</strong> {{job.status}}</p>
  {%if job.status in ("completed:success", "success")%}
  <p><a href="#"
        class="not-implemented btn btn-primary"
        title="Continue to process data">Continue</a>
  </p>
  {%endif%}
</div>

<h4 class="subheading">Errors</h4>
<div class="row" style="max-height: 20em; overflow: auto;">
  {%if errors | length == 0 %}
  <p class="text-info">
    <span class="glyphicon glyphicon-info-sign"></span>
    No errors found so far
  </p>
  {%else%}
  <table class="table">
    <thead>
      <tr>
        <th>File</th>
        <th>Row</th>
        <th>Column</th>
        <th>Value</th>
        <th>Message</th>
    </thead>

    <tbody style="font-size: 0.9em;">
      {%for error in errors%}
      <tr>
        <td>{{error.filename}}</td>
        <td>{{error.rowtitle}}</td>
        <td>{{error.coltitle}}</td>
        <td>{%if error.cellvalue | length > 25%}
          {{error.cellvalue[0:24]}}&hellip;
          {%else%}
          {{error.cellvalue}}
          {%endif%}
        </td>
        <td>
          {%if error.message | length > 250 %}
          {{error.message[0:249]}}&hellip;
          {%else%}
          {{error.message}}
          {%endif%}
        </td>
      </tr>
      {%endfor%}
    </tbody>
  </table>
  {%endif%}
</div>

<div class="row">
  {{cli_output(job, "stdout")}}
</div>

<div class="row">
  {{cli_output(job, "stderr")}}
</div>

{%else%}
<div class="row">
  <h3 class="text-danger">No Such Job</h3>
  <p>Could not find a job with the ID: {{job_id}}</p>
  <p>
    Please go back to
    <a href="{{url_for('species.populations.phenotypes.view_dataset',
             species_id=species.SpeciesId,
             population_id=population.Id,
             dataset_id=dataset.Id)}}"
       title="'{{dataset.Name}}' dataset page">
      the '{{dataset.Name}}' dataset page</a>
    to upload new phenotypes or edit existing ones.</p>
</div>
{%endif%}
{%endblock%}

{%block sidebarcontents%}
{{display_pheno_dataset_card(species, population, dataset)}}
{%endblock%}