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

{% block body %}
<article id="article">
    <section id="portfolio" class="portfolio">
        <div class="container" data-aos="fade-up">
            <div class="section-title">
                <h1 class="sectionTitre">Tous nos produits</h1>
            </div>

            <ul id="portfolio-flters" class="d-flex filters justify-content-center" data-aos="fade-up" data-aos-delay="100">
            <li data-filter="*" class="filter-active">Tous</li>
            {% for filterCat in filtersCat %}
            <li data-filter=".filter-{{ filterCat }}">{{ filterCat }}</li>
            {% endfor %}
            </ul>

            {{ include("pages/produit/index.html.twig", {'produits':produits}) }}
            </div>
        </div>
    </section><!-- End Portfolio Section -->
</article>
{% endblock %}