{% extends 'base.html.twig' %}

{% block title %}{{ 'species_index'|trans }}{% endblock %}

{% block body %}
    <h1>{{ 'species_index'|trans }}</h1>

    <table class="table">
        <thead>
        <tr>
            <th>Id</th>
            <th>{{ 'scientific_name'|trans }}</th>
            <th>{{ 'vernacular_name'|trans }}</th>
            <th>{{ 'region'|trans }}</th>
            <th>Actions</th>
        </tr>
        </thead>
        <tbody>
        {% for species in species %}
            <tr>
                <td>{{ species.id }}</td>
                <td>{{ species.scientificName }}</td>
                <td>{{ species.vernacularName }}</td>
                <td>{{ species.region }}</td>
                <td>
                    <a href="{{ path('app_species_show', {'id': species.id}) }}">{{ 'show'|trans }}</a>
                    <a href="{{ path('app_species_edit', {'id': species.id}) }}">{{ 'edit'|trans }}</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="5">{{ 'no_records_found'|trans }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <a href="{{ path('app_species_new') }}">{{ 'create_new'|trans }}</a>
{% endblock %}