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

  1. <div class="results-grid">
  2.     {% for e in events %}
  3.         {% set ini = e.inscripcionesInicio ? e.inscripcionesInicio|date("Y-m-d") : null %}
  4.         {% set fin = e.inscripcionesFin ? e.inscripcionesFin|date("Y-m-d") : null %}
  6.         <a href="{{ path('events_public_ficha', { extCode: e.extCode }) }}"
  7.            class="course-card-link">
  8.             <article class="course-card">
  10.                 <div class="course-image">
  12.                     {% set today = "now"|date("Y-m-d") %}
  13.                     {% set ini = e.inscripcionesInicio ? e.inscripcionesInicio|date("Y-m-d") : null %}
  14.                     {% set fin = e.inscripcionesFin ? e.inscripcionesFin|date("Y-m-d") : null %}
  16.                     {% if ini and fin %}
  17.                         <div class="course-status">
  18.                         {% if today >= ini and today <= fin %}
  19.                             <span class="status-dot open"></span>
  20.                             <span class="status-text">Inscripciones abiertas</span>
  21.                         {% elseif today < ini %}
  22.                             <span class="status-dot soon"></span>
  23.                             <span class="status-text">Próximamente</span>
  24.                         {% else %}
  25.                             <span class="status-dot closed"></span>
  26.                             <span class="status-text">Inscripciones cerradas</span>
  27.                         {% endif %}
  28.                         </div>
  29.                     {% endif %}
  31.                     {% if e.image %}
  32.                         <img src="{{ asset('images/' ~ e.image) }}" alt="{{ e.name }}">
  33.                     {% else %}
  34.                         <img src="{{ asset('/build/images/sexpe/default-course.jpg') }}" alt="Curso">
  35.                     {% endif %}
  36.                     
  37.                     {% if e.modality %}
  38.                         <span class="course-badge">
  39.                             {{ e.modality.label }}
  40.                         </span>
  41.                     {% endif %}
  43.                     <span class="course-code">
  44.                     </span>
  46.                 </div>
  48.                 <div class="course-body">
  50.                     <h4>{{ e.name }}</h4>
  52.                     {% if e.areaTematica is not empty %}
  53.                         <div class="course-area">
  54.                             <i class="fa-solid fa-layer-group"></i>{% for area in e.areaTematica %}{{ area.label }}{% if not loop.last %},{% endif %}{% endfor %}
  55.                         </div>
  56.                     {% else %}
  57.                           <div style="height: 30px;">
  58.                         </div>                  
  59.                     {% endif %}
  61.                     <div class="course-meta">
  62.                         <div>
  63.                           <i class="fa-regular fa-note-sticky"></i> {{ e.extCode }}
  64.                         </div>
  65.                         <div>
  66.                             <i class="fa-regular fa-calendar"></i>
  67.                             {{ e.startDate|date('d/m/Y') }} – {{ e.endDate|date('d/m/Y') }}
  68.                         </div>
  69.                         <div>
  70.                             <i class="fa-regular fa-clock"></i>
  71.                             Duración: {{ e.Hours }} horas
  72.                         </div>
  74.                     <div class="course-cta">
  75.                         Ver ficha
  76.                     </div>
  77.                 </div>
  79.             </article>
  80.         </a>
  81.     {% endfor %}
  82. </div>
  84. {% if events is defined %}
  85.     <div class="d-flex justify-content-center mt-4">
  86.         {{ knp_pagination_render(events, 'pagination/knp_custom.html.twig') }}
  87.     </div>
  88. {% endif %}