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

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

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

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

{%block contents%}
{{flash_all_messages()}}

<div class="row">
  <p>The basic dataset details are:</p>

  <table class="table">
    <thead>
      <tr>
        <th>Name</th>
        <th>Full Name</th>
        <th>Short Name</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td><a href="{{url_for('species.populations.phenotypes.view_dataset',
                     species_id=species.SpeciesId,
                     population_id=population.Id,
                     dataset_id=dataset.Id)}}">{{dataset.Name}}</a></td>
        <td>{{dataset.FullName}}</td>
        <td>{{dataset.ShortName}}</td>
      </tr>
    </tbody>
  </table>
</div>

<div class="row">
  <h2>Phenotype Data</h2>

  <p>This dataset has a total of {{phenotype_count}} phenotypes.</p>
  <p class="text-danger">
    <span class="glyphicon glyphicon-exclamation-sign"></span>
    Limit access here, according to the authorisation privileges the user has on
    this dataset!</p>

  <table class="table">
    <thead>
      <tr>
        <th>#</th>
        <th>Record</th>
        <th>Description</th>
      </tr>
    </thead>

    <tbody>
      {%for pheno in phenotypes%}
      <tr>
        <td>{{pheno.sequence_number}}</td>
        <td>{{pheno.InbredSetCode}}_{{pheno["pxr.Id"]}}</td>
        <td>{{pheno.Post_publication_description or pheno.Pre_publication_abbreviation or pheno.Original_description}}</td>
      </tr>
      {%else%}
      <tr><td colspan="5"></td></tr>
      {%endfor%}
    </tbody>
  </table>
</div>
{%endblock%}

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