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



{% block title %}Nos- produits - Yggdrasil{% endblock %}

{% block content %}
    </div>
    <div class="hero-wrap hero-bread" style="background-image: url({{ asset('assets/images/bg_6.jpg') }});margin-top: -10px;">
        <div class="container">
            <div class="row no-gutters slider-text align-items-center justify-content-center">
                <div class="col-md-9 ftco-animate text-center">
                    <p class="breadcrumbs"><span class="mr-2"><a href="  {{ path('home') }}">Home</a></span> <span>Boutique</span></p>
                    <h1 class="mb-0 bread">Nos produits</h1>
                </div>
            </div>
        </div>
    </div>
<div class="container marketing">

    <section class="ftco-section bg-light">
        <div class="container">
            <div class="row">
                <div id="chercheProd" class="col-md-4 col-lg-3 sidebar">
                    <div class="sidebar-box-3">
                        <h3 class="heading">Filtre</h3>
                        {{ form(form) }}

                    </div>

                </div>
                <div class="col-md-8 col-lg-9 order-md-last">
                    <div class="row">
                        {% for product in products %}
                            <div class="col-sm-6 col-md-6 col-lg-4 ftco-animate">

                                {% include 'product/single_product.html.twig' %}

                            </div>
                        {% endfor %}

                    </div>
                    {{ knp_pagination_render(products) }}
                </div>

            </div>
        </div>
    </section>
{% endblock %}