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

{% block title %} Accueil {% endblock %}

{% block content %}
    
    {% include 'frontend/basic/breadcrumb.html.twig' %} 
    
    <div class="body-content outer-top-vs" id="top-banner-and-menu">

        
        <div class="wide-banners outer-bottom-vs">

            <div class="row">

                {% for annonce in annonces %}
                
                    <div class="col-md-3 col-sm-3">
                        <div class="wide-banner cnt-strip">
                            <a href="{{ path('frontend_annonce_detail', {id:annonce.getId()} ) }}">
                                <div class="image"> 
                                    <img class="img-responsive" src="{{ asset('uploads/images/annonces/' ~ annonce.getImageSearch()) }}" alt="{{ annonce.getTitre() }}">   
                                </div>
                            </a>
                        </div>
                        <br><br>
                    </div>
                   
                {% endfor %}

            </div>
        </div>


    </div>

{% endblock %}