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

{% block title %} Annonces {% endblock %}

{% block content %}
    
    <div class="breadcrumb">
        <div class="breadcrumb-inner">
            <ul class="list-inline list-unstyled">
                <li class='active'><a href="#">Annonces</a></li>
            </ul>
        </div>
    </div>
    
    <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 %}