{%macro display_species_card(species)%}
<div class="card">
  <div class="card-body">
    <h5 class="card-title">Species</h5>
    <div class="card-text">
      <table class="table">
        <tbody>
          <tr>
            <td>Common Name</td>
            <td>{{species.SpeciesName}}</td>
          </tr>

          <tr>
            <td>Scientific Name</td>
            <td>{{species.FullName}}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
{%endmacro%}


{%macro display_sui_species_card(species)%}
<div class="row">
  <table class="table">
    <caption>Current Species</caption>
    <tbody>
      <tr>
        <th>Name</th>
        <td>{{species["Name"] | title}}</td>
      </tr>
      <tr>
        <th>Scientific</th>
        <td>{{species["FullName"]}}</td>
      </tr>
      {%if species["TaxonomyId"]%}
      <tr>
        <th>Taxonomy ID</th>
        <td>
          <a href="https://www.ncbi.nlm.nih.gov/Taxonomy/Browser/wwwtax.cgi?id={{species.TaxonomyId}}"
             title="NCBI's Taxonomy Browser page for {{species.Name}}">
            {{species.TaxonomyId}}</a>
        </td>
      </tr>
    </tbody>
    {%endif%}
  </table>
</div>
{%endmacro%}