templates/front/local_event_index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ page_title }}{% endblock %}
  5. {% block meta %}
  6. <meta content="object" property="og:type">
  7. <meta content="Le Nautilus" property="og:site_name">
  8. <meta content="Tiers-lieu culturel à Perpignan" property="og:title">
  9. <meta content="description du Tiers-lieu culturel à Perpignan" property="og:description">
  10. <meta content="https://dev.le-nautilus.org/images/default.jpg" property="og:image">
  11. <meta content="64" property="og:image:width">
  12. <meta content="64" property="og:image:height">
  13. <meta content="https://dev.nautilus.org" property="og:url">
  14. <meta content="summary" property="twitter:card">
  15. <meta content="Tiers-lieu culturel à Perpignan" property="twitter:title">
  16. <meta content="description du Tiers-lieu culturel à Perpignan" property="twitter:description">
  17. <meta content="https://dev.le-nautilus.org/images/default.jpg" property="twitter:image">
  18. <meta content="description du Nautilus, Tiers-lieu culturel à Perpignan" name="description">
  19. {% endblock %}
  21. {% block body %}
  22. <div class="page-header py-5 text-center">
  23.     <div class="container">
  24.         <h1>{{ page_title }}</h1>
  25.     </div>
  26. </div>
  27. <div class="page-content">
  28.     <div class="container">
  29.         <div class="row">
  30.         {% for local_event in local_events %}
  31.             <div class="col-md-4">
  32.                 <div class="card">
  33.                     <img src="https://fakeimg.pl/320x180/ccc/000/?text=Default_Img" class="card-img-top" alt="{{ local_event.title }}">
  34.                     <span class="position-absolute top-1 start-85 translate-middle badge rounded-pill bg-danger">{{ local_event.category }}</span>
  35.                     <div class="card-body">
  36.                         <h2 class="card-title">
  37.                             {{ local_event.title }}
  38.                         </h2>
  39.                         <div class="d-flex flex-row justify-content-between align-items-center my-3">
  40.                             <div class="begin-at">
  41.                                 débute<br>
  42.                                 {{ local_event.beginAt ? local_event.beginAt|date('d/m/Y à H:i') : '' }}
  43.                             </div>
  44.                             <div class="end-at">
  45.                                 termine<br>
  46.                                 {{ local_event.endAt ? local_event.endAt|date('d/m/Y à H:i') : '' }}
  47.                             </div>
  48.                         </div>
  49.                         <a class="btn btn-primary w-100" href="{{ path('local_event_show', {'slug': local_event.slug}) }}">en savoir plus</a>
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.         {% else %}
  54.             <div class="col-12">
  55.                 <p>no records found</p>
  56.             </div>
  57.         {% endfor %}
  58.         </div>
  59.     </div>
  60. </div>
  61. {% endblock %}