{%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%}