templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Accueil - {{ parent() }}{% endblock %}
  5. {% block body %}
  6.     <link rel="stylesheet" href="{{ asset('css/swip.css') }}">
  8.     <div id="title_annonce">
  9.         <h1 class="text-danger fs-1 fs-lg-6 mt-1">Découvrez les dernières annonces</h1>
  10.         <h2 class="text-secondary-emphasis">De votre agence immobilière préférée</h2>
  11.         <hr>
  12.     </div>
  14.     <div id="modals">
  15.         {% for property in properties %}
  16.             {{ include('modal/show.html.twig', { 'property': property }) }}
  17.         {% endfor %}
  18.     </div>
  19.     
  20.     <div class="swiper-container swiper mySwiper">
  21.     <div class="swiper-button-prev"></div>
  22.         <div class="swiper-wrapper">
  23.     {% for property in properties %}
  24.                 <div class="swiper-slide">
  25.                     {% if property.images|length > 0 %}
  26.                         <img style="width: 450px; height: 400px; " src="{{ asset('images/properties/' ~ property.images[0].imagename) }}" alt="{{ property.title }}">
  27.                     {% else %}
  28.                          <img src="{{ asset ('images/no-image.png') }}" style=""  alt="No image available">
  29.                     {% endif %}
  30.                         <div class="slide-content">
  31.                             <h2>{{ property.title }}</h2>
  32.                             <h5 class="text-danger">{{ property.housingType.name }} - {{ property.category.name }}
  33.                                 {% if property.category.name matches '/location/i' and property.subType is not empty %}
  34.                                     - {{ property.subType.name }}
  35.                                 {% endif %}
  36.                             </h5>
  37.                             {% if property.category.name matches '/location/i' and property.subType is not empty %}
  38.                                     <h2 id="price">{{ property.rent|number_format }} €/mois</h2>
  39.                             {% else %}
  40.                                     <h2 id="price">{{ property.price|number_format }} €</h2>
  41.                             {% endif %}
  42.                         </div>
  43.             <div class="d-flex">
  44.                             <div class="d-flex flex-row align-items-center">
  45.                                 <button id="favori-button-{{ property.id }}" class="favori-button"   onclick="toggleFavori({{ property.id }})" data-property-id="{{ property.id }}"></button>
  46.                                 <h6 class="fs-6 ml-2 position-relative" id="favori_numb" >{{ property.favoritNumber }}</h6>
  47.                                 
  48.                 </div>
  49.                             <button id="voir"type="button" class="btn open-modal-btn mt-4 text-white px-4 py-2 rounded" data-toggle="modal" data-target="#exampleModal-{{ property.id }}">Voir</button>
  50.                         </div>
  51.                 </div>
  52.             {% endfor %}
  54.     </div>
  56.         <div class="swiper-button-next"></div>
  57.     </div>
  58. </div>
  60. <button aria-label="Prendre un Rendez-vous" type="button" data-toggle="tooltip" data-custom-class="custom-tooltip" data-placement="left" title="Prendre un Rendez-vous" class="btn btn-danger position-fixed" style="bottom: 0; right: 0; margin: 2em; z-index: 2; border-radius: 3em; width: 5em; height: 5em;" onclick="window.location='{{ path('app_appointment_new') }}';">
  61.     <i class="fa-solid fa-calendar-days" style="font-size: 2em;"></i>
  62. </button>
  65. <script>
  66. $(function () {
  67.             $('[data-toggle="tooltip"]').tooltip({
  68.                 delay: { "show": 500, "hide": 100 },
  69.                 customClass: 'custom-tooltip'
  70.             });
  71.         });
  73. window.favoriUpdateUrl = '{{ path('app_favori_update') }}';
  75. </script>
  76.     
  77. <script src="{{asset('js/swiper.js')}}"> </script>    
  78.     <script src="{{ asset('js/favorit.js') }}"></script>
  79. {% endblock %}