{% extends 'base.html.twig' %}{% block title %}{{ settings[0].siteName }} : Nos coups de coeur{% endblock %}{% block body %}<div class="container pt-5 pb-4"> <h2 class="text-center mb-5">{{ settings[0].pageCoupcoeurtitle }}</h2> <div class="row row-cols-1 row-cols-md-3 g-4 d-flex justify-content-center"> {% for bien in biens %} <div class="col biens"> <div class="card h-100 position-relative"> <a href="{{ path('app_biens_show', {'id': bien.id}) }}" class="text-decoration-none"> {# <span class="button-bien position-absolute">VENDU</span> #} {% if bien.photo1 != null %} <img src="{{ bien.photo1 }}" class="card-img-top img-fluid" alt="Bien 1"> {% else %} <img src="{{ asset('assets/img/maison.jpg')}}" class="card-img-top img-fluid bg-secondary" alt="Bien 1" style="height: 313px; width: 100%; object-fit: cover;"> {% endif %} <span class="button-bien-photos position-absolute"> <svg class="text-white" width="32" height="32" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="3.2" fill="currentColor" /> <path fill="currentColor" d="M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5z" /> </svg> </span> <div class="card-body"> <h4 class="card-title color fw-bold">{{ bien.prix|format_currency('EUR') }}</h4> <p class="card-text text-dark"> {{ bien.libelle }} <br> {{ bien.ville }} {{ bien.codePostal }} </p> </div> </a> </div> </div> {% endfor %} </div></div>{% endblock %}