templates/_partials/home/services-section.html.twig line 1

Open in your IDE?
  1. <div class="bg_color_1 pt-0 mt-5 container container-custom margin_80_0">
  2.     <div class="">
  3.         <h2 class="mb-2">{{ 'home.bonCoinsDivertissant'|trans([],'home_page') }}</h2>
  4.         <p>
  5.             {{ 'home.sloganData'|trans([],'home_page') }}
  6.         </p>
  7.     </div>
  9.     {% for category in categories %}
  10.         {% if category.attractions |length != 0 %}
  11.             <div class="row d-flex flex-row mb-md-5" id="#{{ category.name }}">
  12.                 <div class="col-12 col-md-3 d-flex mr-2 mb-3">
  13.                     <div class="d-flex text-dark justify-content-center align-items-center"
  14.                          style="width: 100%;  border-radius: 7px; margin-right: 10px; background-color: initial; box-shadow: 0 0px 1px rgba(0, 0, 0, 0.0);">
  15.                         <h3 class="card-title text-center" style="color: #bd2879 !important; "><a
  16.                                     href="{{ path('app_coin_by_category', {'category': category.id, 'name': category.slug }) }}"><i
  17.                                         class="{{ category.icone is not defined ? '' : category.icone }}"
  18.                                         style="color: #1e90a0;"></i>&nbsp;{{ category.name }}</a></h3>
  19.                     </div>
  20.                 </div>
  21.                 <div class="carousel-container col-12 col-md-9 d-flex flex-row">
  22.                     <div class="mon-carousel">
  23.                         {% for attraction in category.attractions %}
  24.                             <div class="ma-card" style="width: 100%; position: relative;">
  25.                                 <span class="text-center"
  26.                                       style="position: absolute; top: 5px; right: 5px; font-size: 30px; z-index: 10;  color: #ff0000; background-color: white; height: 45px; width: 45px; border-radius: 5px 10px; border: 1px solid black;">
  27.                                     {% set isFavorite = false %}
  28.                                     {% set favorite_id = 0 %}
  29.                                     {% if isAuthenticated %}
  30.                                         {% for favorite in attraction.favorites %}
  31.                                             {% if favorite.user is defined and favorite.user.id is defined and user is defined and user.id is defined %}
  32.                                                 {% if favorite.user.id == user.id %}
  33.                                                     {% set isFavorite = true %}
  34.                                                     {% set favorite_id = favorite.id %}
  35.                                                 {% endif %}
  36.                                             {% endif %}
  37.                                         {% endfor %}
  38.                                     {% endif %}
  40.                                     {% set favoritePath = isFavorite ? path('services_delete_favory', {'id': favorite_id }) : path('app_add_favorite', {'id': attraction.id }) %}
  41.                                       <a href="{{ favoritePath }}">
  42.                                           {% if isFavorite %}
  43.                                               <i class="fas fa-heart"></i>
  44.                                           {% else %}
  45.                                               <i class="far fa-heart"></i>
  46.                                           {% endif %}
  47.                                       </a>
  48.                                 </span>
  49.                                 <figure style="position: relative">
  50.                                     <a href="{{ path('app_services_attraction', {'id': attraction.id}) }}">
  51.                                         <div class="height-img-carousel" style="width: 100%">
  52.                                             <img src="{{ attraction.url | length > 0 ? attraction.url : asset('build/images/autres/1-600.c14c1b04.jpg') }}"
  53.                                                  class="" alt="{{ attraction.name | title }}"
  54.                                                  style="width: 100%; border-radius: 8px; vertical-align: middle; min-height: 200px;">
  55.                                         </div>
  56.                                     </a>
  57.                                 </figure>
  58.                                 <div class="mt-2">
  59.                                     <h6 style="font-weight: 700; padding-bottom: 0px !important; margin-bottom: 0px; display: flex; justify-content: space-between; align-items: center;">
  60.                                         <a class="text-dark"
  61.                                            href="{{ path('app_services_attraction', {'id': attraction.id}) }}">{{ attraction.name | title }}</a>
  62.                                         {% if attraction.isCertify == true %}
  63.                                             <span style="font-size: 25px; color: #3982f8;"><i
  64.                                                         class="fas fa-badge-check"></i></span>
  65.                                         {% endif %}
  66.                                     </h6>
  68.                                     {% if attraction.address | length > 0 %}
  69.                                         <span style="font-weight: 600"><i class="far fa-map-marker-alt"
  70.                                                                           style="font-size: 15px; color: #e6007e;"></i>&nbsp;{{ attraction.address.neighborhood | title }} {{ attraction.address.neighborhood | length > 0 ? ',': '' }} {{ attraction.address.city | title }}, {{ attraction.address.country | country_name('fr') }}</span>
  71.                                     {% endif %}
  72.                                     <p style="font-size: 13px;">
  73.                                         <span class="badge bg-dark">{{ attraction.rate is defined ? attraction.rate : 0 }}</span>&nbsp;
  74.                                         {% if attraction.price is defined and attraction.price != 0 %}
  75.                                             {{ 'home.fourchettePrix'|trans({'price':attraction.price | number_format(0, '.'), 'device': attraction.currency  },'home_page') | raw }}
  76.                                         {% else %}
  77.                                             Prix non disponible
  78.                                         {% endif %}
  79.                                     </p>
  80.                                 </div>
  81.                             </div>
  82.                         {% endfor %}
  83.                         <div class="ma-card d-flex justify-content-center align-items-center"
  84.                              style="width: 100%; position: relative; border: 2px solid #c5c5c5; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;">
  85.                             <h3 class="card-title text-center"
  86.                                 style="color: #bd2879 !important; border-radius: 20px;  ">
  87.                                 <a href="{{ path('app_coin_by_category', {'category': category.id, 'name': category.slug }) }}"
  88.                                    style="font-size: 30px;">
  89.                                     Voir plus&nbsp; <i class="fas fa-chevron-circle-right"></i>
  90.                                 </a>
  91.                             </h3>
  92.                         </div>
  93.                     </div>
  94.                     <button class="prev-button hide">&lt;</button>
  95.                     <button class="next-button">&gt;</button>
  96.                 </div>
  97.             </div>
  98.         {% endif %}
  99.     {% endfor %}
  100. </div>