templates/biens/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ settings[0].siteName }} : Nos biens{% endblock %}
  5. {% block body %}
  7.     {# Recherche #}
  8.     <div class="container-fluid shadow">
  9.         <div class="container pt-2 pb-4">
  10.             <div class="row bg-white mt-4 d-flex justify-content-center">
  11.                 <div class="col-lg-10 col-sm-12 text-center">
  12.                 {{ form_start(form) }}
  13.                 <div class="row border shadow">
  14.                     <div class="col-lg-2 col-sm-12 small text-muted pt-2">
  15.                         {{ form_row(form.bienType) }}
  16.                     </div>
  17.                     <div class="col-lg-3 col-sm-12 small text-muted pt-2">
  18.                         {{ form_row(form.ville) }}
  19.                     </div>
  20.                     <div class="col-lg-2 col-sm-12 small text-muted pt-2">
  21.                         {{ form_row(form.maxPrice) }}
  22.                     </div>
  23.                     <div class="col-lg-2 col-sm-12 small text-muted pt-2">
  24.                         {{ form_row(form.minSurface) }}
  25.                     </div>
  26.                     <div class="col-lg-2 col-sm-12 small text-muted pt-2">
  27.                         {{ form_row(form.nbPieces) }}
  28.                     </div>
  29.                     <div class="col-lg-1 col-sm-12 color-bg d-flex align-items-center justify-content-center">
  30.                         <button class="btn" type="submit">
  31.                             <svg style="fill: #fff;" width="45" height="45" id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.46 283.46">
  32.                                 <path d="M179.33,24.31c29.29,4.31,51.88,18.92,67.26,44.33,10.63,17.57,15.14,36.86,12.41,57.12-5.46,40.6-28.12,67.39-67.32,79.3-19.08,5.8-38.34,4.53-56.95-2.71-6.32-2.46-12.18-6.11-18.25-9.22-.6-.31-1.18-.65-1.96-1.08-1.05,5.25-4.33,8.85-7.85,12.37-15.53,15.49-31.05,30.98-46.46,46.58-4.18,4.23-8.56,7.91-14.58,9.06h-5.07c-5.23-1.18-10.05-3.28-13.02-7.94-1.77-2.79-2.73-6.09-4.05-9.17,0-1.69,0-3.39,0-5.08,1.18-6.11,4.95-10.51,9.22-14.75,15.72-15.6,31.34-31.31,46.95-47.02,3.3-3.33,6.8-6.23,11.66-7.21-2.08-3.67-4.21-7.12-6.06-10.71-8.91-17.35-12.04-35.74-9.29-55.04,3.82-26.8,17-47.99,39.08-63.46,13.61-9.54,28.89-14.76,45.51-15.93,.6-.04,1.19-.23,1.79-.35,3.23,0,6.46,0,9.69,0,2.43,.3,4.87,.55,7.29,.9Zm56.88,91.63c-.04-38.19-30.9-69.07-68.95-69.01-38.08,.06-69.03,31.07-68.95,69.09,.08,38.08,31.12,69.14,69.02,69.08,38.06-.07,68.91-31.05,68.87-69.15Z"/>
  33.                               </svg>
  34.                         </button>
  35.                     </div>
  36.                 </div>
  37.                 {{ form_end(form) }}
  38.                 </div>
  39.             </div>
  40.         </div>
  41.     </div>
  43.     {# Biens #}
  44.     <div class="container pt-5 pb-4">
  45.         <div class="row row-cols-1 row-cols-md-3 g-4">
  47.             {% for bien in biens %}
  49.                 {% if bien.photo1 != null %}
  50.                     {% set p1 = 1 %}
  51.                 {% else %}
  52.                     {% set p1 = 0 %}
  53.                 {% endif %}
  55.                 {% if bien.photo2 != null %}
  56.                     {% set p2 = 1 %}
  57.                 {% else %}
  58.                     {% set p2 = 0 %}
  59.                 {% endif %}
  61.                 {% if bien.photo3 != null %}
  62.                     {% set p3 = 1 %}
  63.                 {% else %}
  64.                     {% set p3 = 0 %}
  65.                 {% endif %}
  67.                 {% if bien.photo4 != null %}
  68.                     {% set p4 = 1 %}
  69.                 {% else %}
  70.                     {% set p4 = 0 %}
  71.                 {% endif %}
  73.                 {% if bien.photo5 != null %}
  74.                     {% set p5 = 1 %}
  75.                 {% else %}
  76.                     {% set p5 = 0 %}
  77.                 {% endif %}
  79.                 {% if bien.photo6 != null %}
  80.                     {% set p6 = 1 %}
  81.                 {% else %}
  82.                     {% set p6 = 0 %}
  83.                 {% endif %}
  85.                 {% if bien.photo7 != null %}
  86.                     {% set p7 = 1 %}
  87.                 {% else %}
  88.                     {% set p7 = 0 %}
  89.                 {% endif %}
  91.                 {% if bien.photo8 != null %}
  92.                     {% set p8 = 1 %}
  93.                 {% else %}
  94.                     {% set p8 = 0 %}
  95.                 {% endif %}
  97.                 {% if bien.photo9 != null %}
  98.                     {% set p9 = 1 %}
  99.                 {% else %}
  100.                     {% set p9 = 0 %}
  101.                 {% endif %}
  103.                 {% set nbImages = p1 + p2 + p3 + p4 + p5 + p6 + p7 + p7 + p8 + p9 %}
  105.                 <div class="col biens">
  106.                     <div class="card h-100 position-relative">
  107.                         <a href="{{ path('app_biens_show', {'id': bien.id}) }}" class="text-decoration-none">
  108.                             {# <span class="button-bien position-absolute">VENDU</span> #}
  110.                             {% if bien.photo1 != null %}
  111.                                 <img src="{{ bien.photo1 }}" class="card-img-top img-fluid" alt="Bien 1">
  112.                             {% else %}
  113.                                 <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;">
  114.                             {% endif %}
  115.                             <span class="button-bien-photos position-absolute">
  116.                                 <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>
  117.                                 {{ nbImages }}
  118.                             </span>
  119.                             <div class="card-body">
  120.                                 <h4 class="card-title color fw-bold">{{ bien.prix|format_currency('EUR') }}</h4>
  121.                                 <p class="card-text text-dark">
  122.                                     {{ bien.libelle }}
  123.                                     <br>
  124.                                     {{ bien.ville }} {{ bien.codePostal }}
  125.                                 </p>
  126.                             </div>
  127.                         </a>
  128.                     </div>
  129.                 </div>
  130.             {% endfor %}
  131.         </div>
  133.         <div class="row">
  134.             <div class="col navigation mt-4 d-flex justify-content-center">
  135.                 {{ knp_pagination_render(biens) }}
  136.             </div>
  137.         </div>
  139.     </div>
  141. {% endblock %}