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

{%block title%}Samples — List Samples{%endblock%}

{%block pagetitle%}Samples — List Samples{%endblock%}

{%block lvl4_breadcrumbs%}
<li {%if activelink=="list-samples"%}
    class="breadcrumb-item active"
    {%else%}
    class="breadcrumb-item"
    {%endif%}>
  <a href="{{url_for('species.populations.samples.list_samples',
           species_id=species.SpeciesId,
           population_id=population.Id)}}">List</a>
</li>
{%endblock%}

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

<div class="row">
  <p>
    Samples for population "{{population.FullName}}" from the
    "{{species.FullName}}" species.
  </p>

  {%if samples | length > 0%}
  <div class="row">
    <div class="col-md-2">
      {%if offset > 0:%}
      <a href="{{url_for('species.populations.samples.list_samples',
               species_id=species.SpeciesId,
               population_id=population.Id,
               from=offset-count,
               count=count)}}">
        <span class="glyphicon glyphicon-backward"></span>
        Previous
      </a>
      {%endif%}
    </div>

    <div class="col-md-8" style="text-align: center;">
      Samples {{offset}} &mdash; {{offset+(count if offset + count < total_samples else total_samples - offset)}} / {{total_samples}}
    </div>

    <div class="col-md-2">
      {%if offset + count < total_samples:%}
        <a href="{{url_for('species.populations.samples.list_samples',
                 species_id=species.SpeciesId,
                 population_id=population.Id,
                 from=offset+count,
                 count=count)}}">
          Next
          <span class="glyphicon glyphicon-forward"></span>
        </a>
        {%endif%}
    </div>
  </div>
  <table class="table">
    <thead>
      <tr>
        <th>Name</th>
        <th>Auxilliary Name</th>
        <th>Symbol</th>
        <th>Alias</th>
      </tr>
    </thead>

    <tbody>
      {%for sample in samples%}
      <tr>
        <td>{{sample.Name}}</td>
        <td>{{sample.Name2}}</td>
        <td>{{sample.Symbol or "-"}}</td>
        <td>{{sample.Alias or "-"}}</td>
      </tr>
      {%endfor%}
    </tbody>
  </table>

  <p>
    <a href="#"
       title="Add samples for population '{{population.FullName}}' from species
              '{{species.FullName}}'."
       class="btn btn-danger">
      delete all samples
    </a>
  </p>
  {%else%}
  <p class="text-danger">
    <span class="glyphicon glyphicon-exclamation-sign"></span>
    There are no samples for this population at this time.
  </p>

  <p>
    <a href="{{url_for('species.populations.samples.upload_samples',
             species_id=species.SpeciesId,
             population_id=population.Id)}}"
       title="Add samples for population '{{population.FullName}}' from species
              '{{species.FullName}}'."
       class="btn btn-primary">
      add samples
    </a>
  </p>
  {%endif%}
</div>
{%endblock%}

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