templates/events/event-tickets.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block head %}
  5. {% endblock %}
  7. {% block body %}
  9.     <!-- HEADING -->
  10.     <div class="container-fluid d-flex align-items-end bg-orange sctn-heading">
  11.         <div class="row px-5">
  12.             <div class="col-12">
  13.                 <h1 class="text-white text-uppercase">{{ event.name }}</h1>
  14.             </div>
  15.             <div class="col-12 mb-5 mt-2">
  16.                 <h4 class="pt-3 text-white text-uppercase me-4"><i class="bi bi-geo-alt-fill me-2"></i>{{ event.location }}</h4>
  17.                 <h4 class="pt-3 text-white text-uppercase"><i class="bi bi-calendar-event-fill me-2"></i> {{ event.dateEvent|format_date('none', 'd MMMM Y', null, 'gregorian', 'es') }}</h4>
  18.             </div>
  19.         </div>
  20.     </div>
  22.     <!-- SUBTITLE - TICKETS -->
  23.     <div class="container-fluid">
  24.         <div class="row pt-3 px-5">
  25.             <div class="col-12">
  26.                 <p class="sttl">Tickets</p>
  27.             </div>
  28.         </div>
  29.     </div>
  31.     <!-- EVENTS TICKETS CARDS -->
  32.     <div class="conatiner-fluid px-4">
  33.         <div class="row d-flex justify-content-center pt-4 pb-5 px-5">
  35.             {% if format is not defined or format == 1 %}
  36.                 {{ render(controller('App\\Controller\\TicketController::includeTickets',{request: app.request})) }} 
  37.             {% else %}
  38.                 {{ render(controller('App\\Controller\\PackController::includePacks',{request: app.request})) }} 
  39.             {% endif %}
  40.         </div>
  41.     </div>
  43.     <script>
  44.         var acc = document.getElementsByClassName("accordion");
  45.         var i;
  47.         for (i = 0; i < acc.length; i++) {
  48.             acc[i].addEventListener("click", function() {
  49.                 this.classList.toggle("active");
  50.                 var panel = this.nextElementSibling;
  51.                 if (panel.style.display === "block") {
  52.                     panel.style.display = "none";
  53.                 } else {
  54.                     panel.style.display = "block";
  55.                 }
  56.             });
  57.         }
  58.     </script>
  60. {% endblock %}