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

{% block title %}Bons plans{% endblock %}

{% block body %}
    {% for label, messages in app.flashes(['success', 'warning']) %}
        {% for message in messages %}
            <div class="alert alert-{{ label }}" role="alert">
                {{ message }}
            </div>
        {% endfor %}
    {% endfor %}
    <div class="row">
        <div class="col-12 col-xl-6 mx-xl-auto">
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <h1 class="h5 text-white m-0 fw-bold float-start">Bon plans</h1>
                    <div class="float-end">
                        <a href="{{ path('moderated_post_new') }}" class="btn btn-primary btn-sm text-white"><i class="fas fa-plus"></i> Poster un bon plan</a>
                    </div>
                </div>
                <div class="card-body bg-white py-3">
                    <div class="row">
                        {% for moderated_post in pagination %}
                            {{ include('moderated_post/blocks/moderated_post_excerpt.html.twig', { moderated_post: moderated_post }) }}
                        {% else %}
                            <p>Aucun bon plan disponible.</p>
                        {% endfor %}

                        <p class="count mt-3">
                            {{ pagination.getTotalItemCount }} bons plans au total
                        </p>
                        <div class="navigation">
                            {{ knp_pagination_render(pagination) }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}