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

{% block title 'RO\'MA Nature | Produits' %}

{% block body %}
    <a href="{{ path('home') }}" class="btn-retour"><img src="{{ asset('images/picto/img-btn-retour.png') }}">Retour</a>
    <div class="produits">
        <div class="container">
            <img src="{{ asset('images/picto/picto-entretien.png') }}" class="picto-gamme" alt="Pictogramme dallages">
            <div class="title">
                <h1>Produits d'entretien</h1>
            </div>

            {% for categorie in categories %}
                <div class="name">
                    <div class="trait"></div>
                    <h4>{{ categorie.name }}</h4>
                </div>
                {{ include('produitEntretien/_'~categorie.name|lower|replace({" ": "-", "/": "", "é":"e", "'":"-"})~'.html.twig') }}
            {% endfor %}
        </div>
    </div>
{% endblock %}