templates/public/events/_slider.html.twig line 1

  1. {# <section class="home-slider">
  2.     <div class="swiper homeSwiper">
  3.         <div class="swiper-wrapper">
  5.             {% for item in sliderItems %}
  6.                 {% set event = item.event %}
  7.                 {% set image = event.image|default('')|trim %}
  8.                 {% set imageUrl = image != '' ? asset('images/' ~ image) : asset('/build/images/sexpe/default-course.jpg') %}
  10.                 <div class="swiper-slide slide"
  11.                      style="background-image:url('{{ imageUrl }}')">
  12.                     <div class="slide-overlay">
  13.                         <h2>{{ event.name }}</h2>
  14.                         <p>
  15.                             {{ event.startDate|date('d/m/Y') }} –
  16.                             {{ event.endDate|date('d/m/Y') }}
  17.                         </p>
  18.                         <span class="badge">
  19.                             {{ event.modality ? event.modality.label : '' }}
  20.                         </span>
  21.                     </div>
  22.                 </div>
  23.             {% endfor %}
  25.         </div>
  27.         <div class="swiper-pagination"></div>
  29.     </div>
  30. </section> #}
  31. <section class="home-slider">
  32.   {% set hasSliderItems = sliderItems|length > 0 %}
  33.   <div class="swiper homeSwiper" data-static-slider="{{ hasSliderItems ? 'false' : 'true' }}">
  34.     <div class="swiper-wrapper">
  35.       {% if hasSliderItems %}
  36.         {% for item in sliderItems %}
  37.           {% set event = item.event %}
  38.           {% set image = event.image|default('')|trim %}
  39.           {% set imageUrl = image != '' ? asset('images/' ~ image) : asset('/build/images/sexpe/default-course.jpg') %}
  41.           <div class="swiper-slide slide"
  42.                style="background-image:url('{{ imageUrl }}')">
  44.             <div class="slide-overlay">
  45.               <div class="slide-content">
  47.                 <h2 class="slide-title">
  48.                   {{ event.name }}
  49.                 </h2>
  51.                 <p class="slide-dates">
  52.                   Del {{ event.startDate|date('d/m/Y') }}
  53.                   al {{ event.endDate|date('d/m/Y') }}
  54.                 </p>
  56.                 {% set today = "now"|date("Y-m-d") %}
  57.                 {% set ini = event.inscripcionesInicio ? event.inscripcionesInicio|date("Y-m-d") : null %}
  58.                 {% set fin = event.inscripcionesFin ? event.inscripcionesFin|date("Y-m-d") : null %}
  59.                 {% if ini and fin %}
  60.                   <div class="course-status" style="margin: 6px 0 12px;">
  61.                     {% if today >= ini and today <= fin %}
  62.                       <span class="status-dot open"></span>
  63.                       <span class="status-text">Inscripciones abiertas</span>
  64.                     {% elseif today < ini %}
  65.                       <span class="status-dot soon"></span>
  66.                       <span class="status-text">Próximamente</span>
  67.                     {% else %}
  68.                       <span class="status-dot closed"></span>
  69.                       <span class="status-text">Inscripciones cerradas</span>
  70.                     {% endif %}
  71.                   </div>
  72.                 {% endif %}
  73.                   
  74.                 <a href="{{ path('public_events')}}/{{ event.extCode }}" class="btn-slide">
  75.                   Acceder
  76.                 </a>
  78.               </div>
  79.             </div>
  80.           </div>
  81.         {% endfor %}
  82.       {% else %}
  83.         <div
  84.           class="swiper-slide slide slide--fallback"
  85.           style="background-image:url('{{ asset('build/images/sexpe/home-slider-fallback.jpg') }}')"
  86.           aria-label="Imagen de cabecera del catálogo"
  87.         >
  88.           <div class="slide-overlay slide-overlay--fallback">
  89.             <div class="slide-fallback-copy">
  90.               <p class="slide-fallback-title">{{ 'public.home.slider_fallback_title'|trans }}</p>
  91.             </div>
  92.           </div>
  93.         </div>
  94.       {% endif %}
  96.     </div>
  98.     {% if sliderItems|length > 1 %}
  99.       <div class="swiper-pagination"></div>
  100.     {% endif %}
  101.   </div>
  102. </section>