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

{%block title%}Genotypes: List Markers{%endblock%}

{%block pagetitle%}Genotypes: List Markers{%endblock%}

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

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

{%if markers | length > 0%}
<div class="row">
  <p>
    There are a total of {{total_markers}} genotype markers for this species.
  </p>
  <div class="row">
    <div class="col-md-2" style="text-align: start;">
      {%if start_from > 0%}
      <a href="{{url_for('species.populations.genotypes.list_markers',
               species_id=species.SpeciesId,
               start_from=start_from-count,
               count=count)}}">
        <span class="glyphicon glyphicon-backward"></span>
        Previous
      </a>
      {%endif%}
    </div>
    <div class="col-md-8" style="text-align: center;">
      Displaying markers {{start_from+1}} to {{start_from+count if start_from+count < total_markers else total_markers}} of
      {{total_markers}}
    </div>
    <div class="col-md-2" style="text-align: end;">
      {%if start_from + count < total_markers%}
      <a href="{{url_for('species.populations.genotypes.list_markers',
               species_id=species.SpeciesId,
               start_from=start_from+count,
               count=count)}}">
        Next
        <span class="glyphicon glyphicon-forward"></span>
      </a>
      {%endif%}
    </div>
  </div>
  <table class="table">
    <thead>
      <tr>
        <th title="">#</th>
        <th title="">Marker Name</th>
        <th title="Chromosome">Chr</th>
        <th title="Physical location of the marker in megabasepairs">
          Location (Mb)</th>
        <th title="">Source</th>
        <th title="">Source2</th>
    </thead>

    <tbody>
      {%for marker in markers%}
      <tr>
        <td>{{marker.sequence_number}}</td>
        <td>{{marker.Marker_Name}}</td>
        <td>{{marker.Chr}}</td>
        <td>{{marker.Mb}}</td>
        <td>{{marker.Source}}</td>
        <td>{{marker.Source2}}</td>
      </tr>
      {%endfor%}
    </tbody>
  </table>
</div>
{%else%}
<div class="row">
  <p class="text-warning">
    <span class="glyphicon glyphicon-exclamation-sign"></span>
    This species does not currently have any genetic markers uploaded, therefore,
    there is nothing to display here.
  </p>
  <p>
    <a href="#add-genetic-markers-for-species-{{species.SpeciesId}}"
     title="Add genetic markers for this species"
     class="btn btn-primary">
    add genetic markers
    </a>
  </p>
</div>
{%endif%}
{%endblock%}

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