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

{% block title %}Posts{% endblock %}

{% block body %}
{% for post in posts.iterator %}
    <div class="card mb-4">
        <div class="card-body">
            <h5 class="card-title"><a href="{{ path('app_post_show', {id: post.id}) }}">{{ post.species ? post.species.vernacularName : 'Post' }}</a></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 ❤️
            {{ post.comments.count() }} 💬
        </div>
    </div>
{% endfor %}
{% include '_pagination.html.twig' %}
{% endblock %}