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

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

{% block body %}
<h1>{{ species.vernacularName }}</h1>
<p>
    🔬  {{ 'scientific_name'|trans }} : {{ species.scientificName }}<br/>
    📍 {{ 'region'|trans }} : {{ species.region }}
</p>

<div>
    <h2>{{ 'posts'|trans }} :</h2>

    {% for post in species.posts %}
        <div>
            <dt>
                <h3>{{ post.publicationDate | date }}</h3>
            </dt>
            <dl>
                <dt>📍{{ 'geolocation'|trans }}</dt>
                <dd>{{ post.longitude }} - {{ post.latitude }}</dd>

                <dt>💬{{ 'commentary'|trans }}</dt>
                <dd>{{ post.getCommentary }}</dd>
            </dl>
        </div>
    {% endfor %}

    <a class="btn btn-warning mb-4 mt-4" href="{{ path('app_species_index') }}">{{ 'back_to_list'|trans }}</a>

    <a class="btn btn-success mb-4 mt-4" href="{{ path('app_species_edit', {'id': species.id}) }}">{{ 'edit'|trans }}</a>

    {{ include('species/_delete_form.html.twig') }}
</div>
{% endblock %}