templates/events/events.html.twig line 1

Open in your IDE?
  1. {% extends 'main.html.twig' %}
  2. {% trans_default_domain 'web' %}
  3. {% block head %}
  5.     <link rel="stylesheet" href="{{ asset('assets/css/events.css') }}?v={{ random() }}">
  7. {% endblock %}
  9. {% block body %}
  11.     <!-- HEADING -->
  12.     <div class="container" id="heading">
  13.         <div class="row events-header-content">
  14.             <div class="col-md-1">
  15.                 <a href="{{ path('home') }}" class="btn-home"></a>
  17.             </div>
  18.             <div class="col-md-4">
  19.                 <p class="ttl-heading pb-3">{{ 'events.title'|trans }}</p>
  20.                 <p class="txt-heading">{{ 'events.text'|trans|raw }}</p>
  21.             </div>
  22.         </div>
  23.     </div>
  25.     <!-- EVENTS -->
  26.     <div class="container" id="events">
  27.         <div class="img-stars-events">
  28.             <img src="{{ asset('assets/images/img/home/stars.svg') }}" alt="">
  29.         </div>
  30.         <div class="row d-flex justify-content-xl-start justify-content-center">
  31.             {% for event in events %}
  32.                 {% set eventName = event.name|split(' ') %}
  33.                 {% if "now"|date("Y-m-d H:i") < event.dateDoors %}
  34.                     <div class="col-md-4 event-card-container">
  35.                         {% if event.enabled %}
  36.                             <div class="card event-card">
  37.                         {% else %}
  38.                             <div class="card event-card disabled">
  39.                         {% endif %}
  40.                         {% if event.enabled and not event.soldOut %}
  41.                             <div class="py-5 event-info col-md-9">
  42.                                 {# Event name #}
  43.                                 {% if event.attributes.redirect is defined and event.attributes.redirect is not empty %}
  44.                                     <a href="{{ event.attributes.redirect }}">
  45.                                         <p class="txt-event-name text-truncate event-name-height">
  46.                                             <b>{{ event.name|raw }}</b>
  47.                                         </p>
  48.                                     </a>
  49.                                 {% else %}
  50.                                     <a href="{{ path('event-tickets') }}?event={{event.id}}">
  51.                                         <p class="txt-event-name text-truncate event-name-height">
  52.                                             <b>{{ event.name|raw }}</b>
  53.                                         </p>
  54.                                     </a>
  55.                                 {% endif %}
  57.                                 {% if event.attributes.date_text is defined and event.attributes.date_text is not empty %}
  58.                                     <p class="txt-event-date py-2">{{ event.attributes.date_text|raw }}</p>
  59.                                 {% else %}
  60.                                     <p class="txt-event-date py-2">
  61.                                         {{ event.dateDoors|format_date('none', 'd.m.Y', null, 'gregorian', 'es') }} - Open Doors:
  62.                                         {{ event.dateDoors|format_date('none', 'H', null, 'gregorian', 'es') }}h
  63.                                     </p>
  64.                                 {% endif %}
  66.                                 <div class="cnt-event-img">
  67.                                     {% if event.attributes.redirect is defined and event.attributes.redirect is not empty %}
  68.                                         <a href="{{ event.attributes.redirect }}">
  69.                                             <img src="{{ event.images.cover }}">
  70.                                         </a>
  71.                                     {% else %}
  72.                                         <a href="{{ path('event-tickets') }}?event={{event.id}}">
  73.                                             <img src="{{ event.images.cover }}">
  74.                                         </a>
  75.                                     {% endif %}
  76.                                 </div>
  79.                                 {% if event.attributes.artista is defined %}
  80.                                     {% set artists = event.attributes.artista|replace({",": "<br>"})|split(',') %}
  81.                                     <p class="text-uppercase txt-event-artist">
  82.                                         <b>
  83.                                             {% for artist in artists %}
  84.                                                 {{ artist|raw }}
  85.                                             {% endfor %}
  86.                                         </b>
  87.                                     </p>
  88.                                 {% endif %}
  90.                                 {% if event.attributes.second_redirect is defined and event.attributes.second_redirect is not empty %}
  91.                                     <p class="text-center mt-2 fs-6">
  92.                                         <a class="text-dark text-decoration-underline" href="{{ event.attributes.second_redirect }}" target="_blank">
  93.                                             {% if event.attributes.second_redirect_text is defined and event.attributes.second_redirect_text is not empty %}
  94.                                                 {{ event.attributes.second_redirect_text }}
  95.                                             {% else %}
  96.                                                 {{ 'events.more_info'|trans }}
  97.                                             {% endif %}
  98.                                         </a>
  99.                                     </p>
  100.                                 {% endif %}
  101.                                 <div class="mt-5">
  102.                                     {% if event.attributes.redirect is defined and event.attributes.redirect is not empty %}
  103.                                         <a href="{{ event.attributes.redirect }}" class="btn-tickets mt-5">{{ event.attributes.redirect_text }}</a>
  104.                                     {% else %}
  105.                                         <a href="{{ path('event-tickets',{ "event":event.id }) }}" class="btn-tickets mt-5">{{ 'events.see_ticket'|trans }}</a>
  106.                                     {% endif %}
  107.                                 </div>
  109.                                 <p class="txt-event-location mt-5">{{ event.location|raw }}</p>
  110.                                 <p class="txt-event-address mt-3">{{ event.address|raw }}</p>
  111.                             </div>
  112.                         {% else %}
  113.                             <div class="py-5 col-md-9 event-info">
  114.                                 <p class="txt-event-name text-truncate event-name-height"><b>{{ event.name|raw }}</b></p>
  115.                                 <p class="txt-event-date py-2">
  116.                                     {{ event.dateDoors|format_date('none', 'd.m.Y', null, 'gregorian', 'es') }} - Open Doors:
  117.                                     {{ event.dateDoors|format_date('none', 'H', null, 'gregorian', 'es') }}h
  118.                                 </p>
  119.                                 <div class="cnt-event-img">
  120.                                     <img src="{{ event.images.cover }}">
  121.                                 </div>
  123.                                 <div class="mt-5">
  124.                                     {% if event.enabled %}
  125.                                         <a href="#" class="btn-tickets">{{ 'events.sold_out'|trans|raw }}</a>
  126.                                     {% endif %}
  127.                                     {% if event.enabled == false and event.attributes.sale_date is defined %}
  128.                                         <p class="txt-event-name text-truncate sale-date"><b>{{ event.attributes.sale_date|raw }}</b></p>
  129.                                     {% endif %}
  130.                                 </div>
  131.                             </div>
  132.                         {% endif %}
  133.                         </div>
  134.                     </div>
  135.                 {% endif %}
  136.             {% endfor %}
  137.         </div>
  138.     </div>
  140.     <!-- ABOUT US -->
  141.     <div class="container" id="about-us">
  142.         <div class="row mt-5">
  143.             <div class="col-md-4">
  144.                 <h2 class="home-title mb-5">SOBRE DOW CENTER</h2>
  145.                 <h3 class="mb-4 about-text">Somos un espacio flexible diseñado para inspirar bienestar, disfrute y alto rendimiento.</h3>
  146.                 <p class="mb-4 home-text">
  147.                     Dow Center es un sueño materializado en un espacio donde todo es flexible, nos permite modular y seguir creando todo el tiempo.
  148.                 </p>
  149.                 <p>
  150.                     Nuestra infraestructura flexible permite que el espacio se adapte a múltiples necesidades y actividades.
  151.                     Eventos culturales, deportivos y corporativos: conocelos haciendo click acá.
  152.                 </p>
  153.             </div>
  155.             <div class="col-md-8">
  156.                 <img src="{{ asset('assets/images/img/home/about-us-person.png') }}" alt="" class="img-fluid">
  157.             </div>
  158.         </div>
  159.     </div>
  161. {% endblock %}