{%extends "species/base.html"%}
{%from "flash_messages.html" import flash_all_messages%}

{%block title%}List Species{%endblock%}

{%block pagetitle%}List Species{%endblock%}

{%block contents%}
{{flash_all_messages()}}
<div class="row">
  <p>
    All data in GeneNetwork revolves around species. This is the core of the
    system.</p>
  <p>Here you can see a list of all the species available in GeneNetwork.
    Click on the link besides each species to view greater detail on the species,
    and access further operations that are possible for said species.</p>
</div>

<div class="row">
  <p>If you cannot find the species you are looking for below, click the button
    below to create it</p>
  <p><a href="{{url_for('species.create_species')}}"
        title="Add a new species to GeneNetwork"
        class="btn btn-danger">Create Species</a></p>
</div>

<div class="row">
  <table class="table">
    <caption>Available Species</caption>
    <thead>
      <tr>
        <th>Common Name</th>
        <th>Scientific Name</th>
        <th>TaxonId</th>
        <th>Family / Grouping</th>
        <th>Use</th>
      </tr>
    </thead>
    <tbody>
      {%for species in allspecies%}
      <tr>
        <td>{{species["SpeciesName"]}}</td>
        <td>{{species["FullName"]}}</td>
        <td>
          <a href="https://www.ncbi.nlm.nih.gov/Taxonomy/Browser/wwwtax.cgi?id={{species['TaxonomyId']}}"
             title="View species details on NCBI"
             target="_blank">{{species["TaxonomyId"]}}</a>
        </td>
        <td>{{species.Family}}</td>
        <td>
          <a href="{{url_for('species.view_species',
                   species_id=species['SpeciesId'])}}"
             title="">
            {{species["SpeciesName"]}} ({{species["FullName"]}})
          </a>
        </td>
      </tr>
      {%else%}
      <tr>
        <td colspan="3">
          <p class="text-danger">
            <span class="glyphicon glyphicon-exclamation-mark"></span>
            There were no species found!
          </p>
        </td>
      </tr>
      {%endfor%}
    </tbody>
  </table>
</div>
{%endblock%}