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

{% block title %}Herbarium - Détail de l'espèces{% endblock %}

{% block body %}
    <style>
        .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
        .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
    </style>

    <div class="example-wrapper">
        <h1>{{ specie.vernacularName }}</h1>
        <p>
            🔬 Nom Scientifique : {{ specie.scientificName }}<br/>
            📍 Region : {{ specie.region }}
        </p>
        <div>
            <h2>Posts :</h2>

            {% for post in specie.posts %}
                <div>
                    <dt>
                        <h3>
                            <a href="">
                                📅 {{ post.publicationDate | date }}
                            </a>
                        </h3>
                    </dt>
                    <dd>
                        📍 géolocalisation :<br/>
                        - Longitude : {{ post.longitude }}<br/>
                        - Latitude : {{ post.latitude }}<br/>
                        - Altitude : {{ post.altitude }}<br/><br/>

                        💬 Commentaire :<br/>
                            - {{ post.getCommentary }}
                    </dd>
                </div>
            {% endfor %}
        </div>

    </div>
{% endblock %}