{%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 not job%}
<meta http-equiv="refresh"
      content="20; url={{url_for('species.populations.phenotypes.view_dataset', species_id=species.SpeciesId,
               population_id=population.Id,
               dataset_id=dataset.Id)}}" />
{%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">
  <h3 class="heading">Data Review</h3>
  <p>The &#x201C;<strong>{{dataset.FullName}}</strong>&#x201D; dataset from the
    &#x201C;<strong>{{population.FullName}}</strong>&#x201D; population of the
    species &#x201C;<strong>{{species.SpeciesName}} ({{species.FullName}})</strong>&#x201D;
    will be updated as follows:</p>

  {%for ftype in ("phenocovar", "pheno", "phenose", "phenonum")%}
  {%if summary.get(ftype, False)%}
  <ul>
    <li>A total of {{summary[ftype]["number-of-files"]}} files will be processed
      adding {%if ftype == "phenocovar"%}(possibly){%endif%}
      {{summary[ftype]["total-data-rows"]}} new
      {%if ftype == "phenocovar"%}
      phenotypes
      {%else%}
      {{summary[ftype]["description"]}} rows
      {%endif%}
      to the database.
    </li>
  </ul>
  {%endif%}
  {%endfor%}

  <a href="#" class="not-implemented btn btn-primary">continue</a>
</div>
{%else%}
<div class="row">
  <h4 class="subheading">Invalid Job</h3>
  <p class="text-danger">
    Could not find a job with the ID: <strong>{{job_id}}.</p>
  <p>You will be redirected in
    <span id="countdown-element" class="text-info">20</span> second(s)</p>
  <p class="text-muted">
    <small>
      If you are not redirected, please
      <a href="{{url_for(
               'species.populations.phenotypes.view_dataset',
               species_id=species.SpeciesId,
               population_id=population.Id,
               dataset_id=dataset.Id)}}">click here</a> to continue
    </small>
  </p>
</div>
{%endif%}
{%endblock%}

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


{%block javascript%}
<script type="text/javascript">
  $(document).ready(function() {
      var countdown = 20;
      var countdown_element = $("#countdown-element");
      if(countdown_element.length === 1) {
          intv = window.setInterval(function() {
              countdown = countdown - 1;
              countdown_element.html(countdown);
          }, 1000);
      }
  });
</script>
{%endblock%}