templates/event/list.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block body %}
  4.     <!-- Page Title -->
  5.     <section class="page-title bg-transparent">
  6.         <div class="container">
  7.             <div class="page-title-row">
  9.                 <div class="page-title-content">
  10.                     <h1>Liste des évènements</h1>
  11.                     <span>Vitrine des évènements</span>
  12.                 </div>
  14.                 <nav aria-label="breadcrumb">
  15.                     <ol class="breadcrumb">
  16.                         <li class="breadcrumb-item">
  17.                             <a href="{{ path('frontend_index') }}">Acceuil</a>
  18.                         </li>
  19.                         <li class="breadcrumb-item active" aria-current="page">Événements</li>
  20.                     </ol>
  21.                 </nav>
  23.             </div>
  24.         </div>
  25.     </section>
  26.     <!-- .page-title end -->
  28.     <!-- Content -->
  29.     <section id="content">
  30.         <div class="content-wrap">
  31.             <div class="container">
  33.                 <div class="row g-4 mb-5">
  34.                     {% for event in liste %}
  36.                         <article class="entry event col-12 mb-4">
  37.                             <div class="grid-inner bg-white row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm">
  38.                                 <div class="col-md-4 mb-md-0">
  39.                                     <a href="{{ path('frontend_event_detail', {'alias': event.alias}) }}" class="entry-image mb-0 h-100">
  40.                                         <img src="{{ asset('uploads/') ~ event.banner }}" alt="{{ event.title }}" class="rounded-2 h-100 object-cover">
  41.                                         <div class="bg-overlay">
  42.                                             <div class="bg-overlay-content justify-content-start align-items-start">
  43.                                                 <div class="badge bg-light text-dark rounded-pill">{{ event.difficulty }}</div>
  44.                                             </div>
  45.                                         </div>
  46.                                     </a>
  47.                                 </div>
  48.                                 <div class="col-md-8 p-4">
  49.                                     <div class="entry-meta no-separator mb-1 mt-0">
  50.                                         <ul>
  51.                                             <li><span class="text-uppercase fw-medium">{{ event.start| date('d-m-Y H:i') }}</span></li>
  52.                                         </ul>
  53.                                     </div>
  55.                                     <div class="entry-title nott">
  56.                                         <h3>
  57.                                             <a href="{{ path('frontend_event_detail', {'alias': event.alias}) }}">{{ event.title }}</a>
  58.                                         </h3>
  59.                                     </div>
  60.                                     <div class="entry-content my-3">
  61.                                         <p class="mb-0">{{ event.description }}</p>
  62.                                     </div>
  64.                                     <div class="entry-meta no-separator">
  65.                                         <ul>
  66.                                             <li><a href="#" class="fw-normal"><i class="fa-solid fa-route"></i>{{ event.journey }}Km</a></li>
  67.                                         </ul>
  68.                                     </div>
  69.                                 </div>
  70.                             </div>
  71.                         </article>
  73.                     {% endfor %}
  74.                 </div>
  76.                 <!-- Pager -->
  77.                 <div class="d-flex justify-content-between">
  78.                     <a href="#" class="btn btn-outline-secondary">&larr; Anciens</a>
  79.                     <a href="#" class="btn btn-outline-dark">Récents &rarr;</a>
  80.                 </div>
  81.                 <!-- .pager end -->
  83.             </div>
  84.         </div>
  85.     </section>
  86.     <!-- #content end -->
  88. {% endblock %}
  90. {% block javascripts %}{% endblock %}