templates/pages/evenement.html.twig line 1

  1. {% extends "base.html.twig" %}
  3. {% block title %}Évènements - Le Migennois{% endblock %}
  5. {% block body %}
  6.     <main role="main">
  7.         <section class="evenement" data-controller="swiperEvent">
  8.             <div class="container">
  9.                 <div class="title-subtitle blue">
  10.                     <h2>Nos évènements</h2>
  11.                 </div>
  12.                 <div class="swiper-js">
  13.                     <div class="wrapper swiper-wrapper">
  14.                         {% for event in events %}
  15.                             <div class="wrapper__item swiper-slide">
  16.                                 <img src="{{ vich_uploader_asset(event, 'imageFile') }}" alt="" class="wrapper__item__poster">
  17.                                 <div class="wrapper__item__content">
  18.                                     <div class="wrapper__item__content__wrapper">
  19.                                         <span class="date">{{ event.date|date('d/m/Y') }}</span>
  20.                                         {% if event.telephone %}
  21.                                             <span class="tel">{{ event.telephone }}</span>
  22.                                         {% endif %}
  23.                                     </div>
  24.                                     <h2>{{ event.name }}</h2>
  25.                                     <p>
  26.                                         {{ event.description }}
  27.                                     </p>
  28.                                     <div class="wrapper__item__content__wrap">
  29.                                         {% if event.link %}
  30.                                             <a href="{{ event.link }}" class="btn blue" target="_blank">Voir l'événement</a>
  31.                                         {% endif %}
  32.                                         <div class="wrapper__item__content__wrap__wrapper">
  33.                                             <img src="{{ asset('images/icons/pin.svg') }}" alt="">
  34.                                             <span>{{ event.ville }}</span>
  35.                                         </div>
  36.                                     </div>
  37.                                 </div>
  38.                             </div>
  39.                         {% endfor %}
  40.                     </div>
  41.                     <!-- Navigation carousel -->
  42.                     <div class="swiper-button-prev sw-button">
  43.                         <img src="{{ asset('images/icons/prev.svg') }}" alt="Flêche gauche">
  44.                     </div>
  45.                     <div class="swiper-button-next sw-button">
  46.                         <img src="{{ asset('images/icons/next.svg') }}" alt="Flêche droite">
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.         </section>
  51.     </main>
  52. {% endblock %}