{%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=="list-populations"%}
    class="breadcrumb-item active"
    {%else%}
    class="breadcrumb-item"
    {%endif%}>
  <a href="{{url_for('species.populations.list_species_populations',
           species_id=species.SpeciesId)}}">List populations</a>
</li>
{%endblock%}


{%block contents%}
{{flash_all_messages()}}
<div class="row">
  <p>
    The following populations/groups exist for the '{{species.FullName}}'
    species.
  </p>
  <p>
    Click on the population's name to select and continue using the population.
  </p>
</div>

<div class="row">
  <p>
    If the population you need for the species '{{species.FullName}}' does not
    exist, click on the "Create Population" button below to create a new one.
  </p>
  <p>
    <a href="{{url_for('species.populations.create_population',
             species_id=species.SpeciesId)}}"
       title="Create a new population for species '{{species.FullName}}'."
       class="btn btn-danger">
      Create Population
    </a>
  </p>
</div>

<div class="row">
  <table class="table">
    <caption>Populations for {{species.FullName}}</caption>
    <thead>
      <tr>
        <th>#</th>
        <th>Name</th>
        <th>Full Name</th>
        <th>Description</th>
      </tr>
    </thead>

    <tbody>
      {%for population in populations%}
      <tr>
        <td>{{population["sequence_number"]}}</td>
        <td>
          <a href="{{url_for('species.populations.view_population',
                   species_id=species.SpeciesId,
                   population_id=population.InbredSetId)}}"
             title="Population '{{population.FullName}}' for species '{{species.FullName}}'.">
            {{population.Name}}
          </a>
        </td>
        <td>{{population.FullName}}</td>
        <td>{{population.Description}}</td>
      </tr>
      {%else%}
      <tr>
        <td colspan="3">
          <p class="text-danger">
            <span class="glyphicon glyphicon-exclamation-mark"></span>
            There were no populations found for {{species.FullName}}!
          </p>
        </td>
      </tr>
      {%endfor%}
    </tbody>
  </table>
</div>
{%endblock%}

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