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-blue sctn-heading">
  11.         <div class="row px-5">
  12.             <div class="col-xl-8 col-12">
  13.                 <p class="text-white text-uppercase sttl">{{ event.name }}</p>
  14.             </div>
  15.             <div class="col-xl-6 col-md-8 col-12 mb-5 mt-2">
  16.                 <span class="text-white me-4"><i class="bi bi-geo-alt-fill me-2"></i>{{ event.location }}</span>
  17.                 <br>
  18.                 <br>
  19.                 <span class="text-white"><i class="bi bi-calendar-event-fill me-2"></i> {{ event.dateEvent|format_date('none', 'd MMMM Y', null, 'gregorian', 'es') }}</span>
  20.             </div>
  21.         </div>
  22.     </div>
  24.     <!-- SUBTITLE - DESCRIPTION -->
  25.     <div class="container-fluid">
  26.         <div class="row pt-5 px-4">
  27.             <div class="col-12">
  28.                 <div class="accordion accordion-flush" id="accordionFlushExample">
  29.                     <div class="accordion-item">
  31.                         <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
  32.                             <p class="sttl">Ver descripción</p>
  33.                         </button>
  35.                         <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
  36.                             <div class="accordion-body">{{ event.description|raw }}</div>
  37.                         </div>
  38.                         
  39.                     </div>
  40.                 </div>
  42.             </div>
  43.         </div>
  44.     </div>
  46.     <!-- SUBTITLE - TICKETS -->
  47.     <div class="container-fluid">
  48.         <div class="row pt-3 px-5">
  49.             <div class="col-12">
  50.                 <p class="sttl">Tickets</p>
  51.             </div>
  52.         </div>
  53.     </div>
  55.     <!-- EVENTS TICKETS CARDS -->
  56.     <div class="conatiner-fluid px-4">
  57.         <div class="row d-flex justify-content-center pt-4 pb-5 px-5">
  59.             {% if format is not defined or format == 1 %}
  60.                 {{ render(controller('App\\Controller\\TicketController::includeTickets',{request: app.request})) }} 
  61.             {% else %}
  62.                 {{ render(controller('App\\Controller\\PackController::includePacks',{request: app.request})) }} 
  63.             {% endif %}
  64.         </div>
  65.     </div>
  67.     <script>
  68.         var acc = document.getElementsByClassName("accordion");
  69.         var i;
  71.         for (i = 0; i < acc.length; i++) {
  72.             acc[i].addEventListener("click", function() {
  73.                 this.classList.toggle("active");
  74.                 var panel = this.nextElementSibling;
  75.                 if (panel.style.display === "block") {
  76.                     panel.style.display = "none";
  77.                 } else {
  78.                     panel.style.display = "block";
  79.                 }
  80.             });
  81.         }
  82.     </script>
  84. {% endblock %}