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

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

{% block body %}
<h1>{{ species.vernacularName }}</h1>
<p>
    🔬  Scientific name : {{ species.scientificName }}<br/>
    📍 Region : {{ species.region }}
</p>

<div>
    <h2>Posts :</h2>

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

                <dt>💬Commentary</dt>
                <dd>{{ post.getCommentary }}</dd>
            </dl>
        </div>
    {% endfor %}

    <a href="{{ path('app_species_index') }}">Back to list</a>

    <a href="{{ path('app_species_edit', {'id': species.id}) }}">Edit</a>

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