{% extends 'base.html.twig' %}
{% block title %}Posts!{% endblock %}

{% block body %}
{% for post in posts.iterator %}
    <div class="card" style="width: 42rem; margin: 20px 0 50px 100px;">
        <div class="card-body">
            <h5 class="card-title">{{ post.species ? post.species.vernacularName : 'Post' }}</h5>
            <h6 class="card-subtitle mb-2 text-muted">{{ post.foundDate | date("d/m/Y \\à H \\h") }}</h6>
            <p class="card-subtitle mb-2 text-muted">{{ post.latitude }}, {{ post.longitude }}, {{ post.altitude }}m</p>
            <p class="card-text">{{ post.commentary }}</p>
        </div>
        <div class="card-footer">
            28 ❤️
            128 💬
        </div>
    </div>
{% endfor %}
{% include '_pagination.html.twig' %}
{% endblock %}
