templates/parts/slider.html.twig line 1

Open in your IDE?
  1. <div id="carouselBlock" class="carousel slide carousel-fade mb-10 carousel-big-controls" data-bs-ride="carousel">
  2.     <div class="carousel-inner">
  3.         {% set first = 0 %}
  4.         {% for item in carousel %}
  5.             <div class="carousel-item {% if first == 0 %}active{% endif %}">
  6.                 {% set filePath = '/uploads/'~item.image.file %}
  8.                 <a href="{{ path('app_city_news_detail', {'city':center.url, 'url':item.url}) }}" title="{{ item.title }}"><img
  9.                             src="{{ asset(filePath) }}" class="d-block w-100" alt="{{ item.title }}"></a>
  10.                 <a href="{{ path('app_city_news_detail', {'city':center.url, 'url':item.url}) }}" class="card card-arrow bg-white text-red-hover"  title="{{ item.title }}">
  11.                     <div class="card-body">
  12.                         <h5 class="card-title">{{ item.title }}</h5>
  13.                     </div>
  14.                 </a>
  15.             </div>
  16.             {% set first = first+1 %}
  17.         {% endfor %}
  18.         <div class="carousel-item {% if first == 0 %}active{% endif %}">
  19.             <img src="{{ asset('assets/images/homepage/shopping-mall.jpg') }}"
  20.                  class="d-block w-100 {% if first == 0 %}active{% endif %}" alt="{{ center.title }}">
  21.             <div class="carousel-caption">
  22.                 <h5 class="carousel-title black">{{ center.title }}</h5>
  23.                 {% set openingHour = center.openingHours.first %}
  24.                 <p class="carousel-description black">Otvorené do {{ openingHour.timeTill|date('H:i') }} h.</p>
  25.             </div>
  26.         </div>
  27.     </div>
  29.     <button class="carousel-control-prev" type="button" data-bs-target="#carouselBlock" data-bs-slide="prev">
  30.         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  31.         <span class="visually-hidden">Previous</span>
  32.     </button>
  33.     <button class="carousel-control-next" type="button" data-bs-target="#carouselBlock" data-bs-slide="next">
  34.         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  35.         <span class="visually-hidden">Next</span>
  36.     </button>
  37. </div>