templates/front/party/index.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base_front.html.twig' %}
  3. {% block title %}{{ 'Pages.Party.Title'|trans({} , 'messages_front') }}{% endblock %}
  6. {% block container %}
  7. <section id="explore_area" class="section_padding">
  8.     <div class="container" >
  9.         <div class="row">
  10.             {% for party in parties %}
  11.                 {% set hotel = party.hotelStayRequired == 1 ? party.hotelContract.hotel : "" %}
  12.                 {% set city = party.hotelStayRequired == 1 ? hotel.city : party.city %}
  13.                 {% set cityName =city|replace({' ': '-'}) %}
  14.                 {% set currency =  party.provider.currency %}
  15.                 <div class="col-lg-3 col-md-6 col-sm-6 col-12">
  16.                     <div class="theme_common_box_two img_hover">
  17.                         <div class="theme_two_box_img">
  18.                             {% set primary_image = null %}
  19.                             {% for image in party.images %}
  20.                                 {% if image.displayOrder == 1 %}
  21.                                     {% set primary_image = image %}
  22.                                 {% endif %}
  23.                             {% endfor %}
  24.                             <img class="img-party" loading="lazy"
  25.                                  src="{{ absolute_url(primary_image.url |default( asset('front/assets/img/tab-img/hotel1.png'))) }}"
  26.                                  alt="{{ party.title }}">
  27.                             <p><i class="fas fa-map-marker-alt"></i>{{ city }}
  28.                                 , {{ city is not null ? city.country : '' }}</p>
  30.                             {% if (party.hotelStayRequired == 1) %}
  31.                                 <div class="ribbon-party">
  32.                                     Séjour <br> obligatoire
  33.                                 </div>
  34.                             {% endif %}
  35.                         </div>
  36.                         <div class="theme_two_box_content">
  37.                             <a href="{{ path('app_front_party_detail' , {
  38.                                 id : party.id,
  39.                                 partyName:party.title|replace({' ': '-'}),
  40.                                 city:cityName,
  41.                                 hotelName: hotel is not empty? hotel.name|trim |replace({' ': '-'}) :  party.address|trim |replace({' ': '-'})
  42.                             }) }}" target="_blank">
  43.                                 <h4>
  44.                                     {{ party.title }}
  45.                                 </h4>
  46.                                 <p class="text-nowrap">
  47.                                     {% if party.address is not empty %}
  48.                                         <i class="fas fa-map"></i> {{ party.address }}
  49.                                     {% endif %}
  50.                                     {% if hotel is not empty %}
  51.                                         <i class="fas fa-map"></i> {{ hotel }}
  52.                                     {% endif %}
  55.                                 </p>
  56.                             </a>
  57.                             <p class=p-date-party>
  58.                                 <span class="date-party"> <i class="bi bi-calendar3"></i> {{ party.date|date('d/m/Y') }}</span>
  59.                                 {% if hotel is not empty %}
  60.                                     <span class="star-hotel-party">
  61.                                             {% for _ in 0 .. hotel.starRating %}
  62.                                                 <i class="fas fa-star color_theme"></i>
  63.                                             {% endfor %}
  64.                                         </span>
  65.                                 {% endif %}
  66.                             </p>
  68.                             <h3>
  69.                                 <span>Price starts from</span>
  70.                                 {{ party.productElements|reduce( (lowest , partyZone) => min(lowest ??
  71.                                     partyZone.adultSalePrice  , partyZone.adultSalePrice )) }}<sup>{{ currency }}</sup>
  72.                             </h3>
  73.                         </div>
  74.                     </div>
  75.                 </div>
  76.             {% else %}
  77.                 <div>
  78.                     {{ "Entities.Common.Alerts.InfoNoDataTable"|trans }}
  79.                 </div>
  80.             {% endfor %}
  81.         </div>
  83.     </div>
  84. </section>
  85.     <script>
  86.         window.onload = function() {
  87.             onloadEvent();
  88.         }
  89.         var arrayParty = [];
  90.         function saveParty(idParty) {
  91.             const cookie = getArrayFromCookie('CookieFavoriteParty');
  92.             if(cookie !== null){
  93.                 arrayParty = cookie;
  94.             }
  95.             var icon = document.getElementById(idParty);
  96.             var LinkToFavoriteParty = document.getElementById('FavoriteListLink' + idParty);
  97.             if (LinkToFavoriteParty.style.display == 'none') {
  98.                 LinkToFavoriteParty.style.display = 'block';
  99.             } else {
  100.                 LinkToFavoriteParty.style.display = 'none';
  101.             }
  102.             icon.classList.toggle('fas');
  103.             if (icon.className == "far fa-heart fas") {
  104.                 arrayParty.push(idParty);
  105.                 var arrayPartyJSON = JSON.stringify(arrayParty);
  106.             } else {
  107.                 var index = arrayParty.indexOf(idParty);
  108.                 if (index > -1) {
  109.                     arrayParty.splice(index, 1);
  110.                 }
  111.                 var arrayPartyJSON = JSON.stringify(arrayParty);
  112.             }
  113.             setCookie("CookieFavoriteParty", arrayPartyJSON, 3);
  114.         }
  115.         function onloadEvent() {
  116.             // Retrieve the cookie
  117.             var cookie = getArrayFromCookie('CookieFavoriteParty');
  118.             for (var i = 0; i < cookie.length; i++) {
  119.                 var icon = document.getElementById(cookie[i]);
  120.                 var LinkToFavoriteHotel = document.getElementById('FavoriteListLink'+ cookie[i]);
  121.                 icon.classList.add('fas');
  122.                 LinkToFavoriteHotel.style.display = 'block';
  123.             }
  124.         }
  125.     </script>
  126. {% endblock %}