{%extends "populations/base.html"%}
{%from "flash_messages.html" import flash_all_messages%}
{%from "species/macro-select-species.html" import select_species_form%}
{%from "species/macro-display-species-card.html" import display_species_card%}

{%block title%}Populations{%endblock%}

{%block pagetitle%}Populations{%endblock%}

{%block lvl3_breadcrumbs%}
<li {%if activelink=="view-population"%}
    class="breadcrumb-item active"
    {%else%}
    class="breadcrumb-item"
    {%endif%}>
  <a href="{{url_for('species.populations.view_population',
           species_id=species.SpeciesId,
           population_id=population.InbredSetId)}}">view population</a>
</li>
{%endblock%}


{%block contents%}
<div class="row">
  <h2>Population Details</h2>

  {{flash_all_messages()}}

  <dl>
    <dt>Name</dt>
    <dd>{{population.Name}}</dd>

    <dt>FullName</dt>
    <dd>{{population.FullName}}</dd>

    <dt>Code</dt>
    <dd>{{population.InbredSetCode}}</dd>

    <dt>Genetic Type</dt>
    <dd>{{population.GeneticType}}</dd>

    <dt>Family</dt>
    <dd>{{population.Family}}</dd>

    <dt>Description</dt>
    <dd><pre>{{population.Description or "-"}}</pre></dd>
  </dl>
</div>

<div class="row">
  … maybe provide a way to organise populations in the same family here …
</div>

<div class="row">
  <h3>Actions</h3>

  <p>
    Click any of the following links to use this population in performing the
    subsequent operations.
  </p>

  <nav class="nav">
    <ul>
      <li>
        <a href="{{url_for('species.populations.genotypes.list_genotypes',
                 species_id=species.SpeciesId,
                 population_id=population.Id)}}"
           title="Upload genotypes for {{species.FullName}}">Upload Genotypes</a>
      </li>
      <li>
        <a href="{{url_for('species.populations.samples.list_samples',
                 species_id=species.SpeciesId,
                 population_id=population.Id)}}"
           title="Manage samples: Add new or delete existing.">
          manage samples</a>
      </li>
      <li>
        <a href="#" title="Upload expression data">upload expression data</a>
      </li>
      <li>
        <a href="#" title="Upload phenotype data">upload phenotype data</a>
      </li>
      <li>
        <a href="#" title="Upload individual data">upload individual data</a>
      </li>
      <li>
        <a href="#" title="Upload RNA-Seq data">upload RNA-Seq data</a>
      </li>
    </ul>
  </nav>
</div>
{%endblock%}

{%block sidebarcontents%}
{{display_species_card(species)}}
{%endblock%}