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

{% block title 'RO\'MA Nature | Côté Déco' %}

{% block body %}
    <div class="header deco">
        <img src="{{ asset('images/fond-deco.jpg') }}" class="deco-img" alt="Showroom RO'MA Nature">
        <div class="titre-image">
            <h1>
                Pour une déco Ro’marquable
            </h1>
        </div>
    </div>

    <main class="produit-deco">
        <div class="container">
            <div class="title">
                <div class="coin c-1">
                    <img src="{{ asset('images/icons/coin-beige.png') }}" alt="Coin beige">
                </div>
                <h1>Côté Déco</h1>
                <div class="coin c-2">
                    <img src="{{ asset('images/icons/coin-beige.png') }}" alt="Coin beige">
                </div>
            </div>
            <h2>Luminaire / Mobilier / Décoration intérieure et extérieure</h2>
            <div class="liste-produit-deco">
                <div class="row">
                    {% for product in products %}
                        <div class="col-md-4 produit-deco-detail">
                            <div class="text">
                                <div class="name">
                                    <span>{{ product.name }}</span>
                                </div>
                                <div class="categorie">
                                    <span>{{ product.category.name }}</span>
                                </div>
                            </div>
                            <div class="img">
                                {% for picture in product.pictures %}
                                    <img src="{{ vich_uploader_asset(picture, 'imageFile') }}" alt="{{ product.name }}">
                                {% endfor %}
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </main>
{% endblock %}