templates/main.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'web' %}
  2. <!DOCTYPE html>
  3. <html>
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.         <meta property="og:image" content="{{ asset('assets/images/logos/logo.png') }}">
  9.         <title>{% block title %}DOW{% endblock %}</title>
  11.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  12.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  13.         <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}?v={{ random() }}">
  14.         <link rel="stylesheet" href="{{ asset('assets/css/main.css') }}?v={{ random() }}">
  15.         <link rel="stylesheet" href="{{ asset('assets/css/sweetalert.min.css') }}">
  17.         {# Fonts #}
  18.         <link rel="stylesheet" href="{{ asset('assets/css/clash-grotesk.css') }}?v={{ random() }}">
  20.         {# Favicon #}
  21.         <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/images/favicon/apple-touch-icon.png') }}?v=1.2">
  22.         <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/images/favicon/favicon-32x32.png') }}?v=1.2">
  23.         <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/images/favicon/favicon-16x16.png') }}?v=1.2">
  24.         <link rel="manifest" href="{{ asset('assets/images/favicon/site.webmanifest') }}?v=1.2">
  26.         <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  27.         <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  28.         <script src="{{ asset('assets/js/sweetalert.min.js') }}"></script>
  29.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>        
  30.         <script src="{{ asset('assets/js/app.js') }}"></script>
  32.         {% block head %}
  34.         {% endblock %}
  35.     </head>
  36.     <body>
  37.         <!-- NAVBAR -->
  38.         <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-desktop">
  39.                 <div class="container">
  40.                     <!-- Logo de la Compañía y Redes Sociales -->
  41.                     <div class="d-flex justify-content-start align-items-center">
  42.                         <!-- Logo de la Compañía -->
  43.                         <a class="navbar-brand" href="{{ path('home') }}">
  44.                             <img width="60%" src="{{ asset('assets/images/logos/logo.png') }}" alt="">
  45.                         </a>
  47.                         <!-- Redes Sociales -->
  48.                         <div class="d-flex social-icons">
  49.                             <a href="#"><img src="{{ asset('assets/images/icons/icn-instagram.svg') }}" alt=""></a>
  50.                             <a href="#"><img src="{{ asset('assets/images/icons/icn-facebook.svg') }}" alt=""></a>
  51.                         </div>
  52.                     </div>
  54.                     <!-- Menú Central y Registro e Iniciar Sesión -->
  55.                     <div class="d-flex justify-content-end align-items-center">
  56.                         <!-- Menú Central -->
  57.                         <ul class="navbar-nav">
  58.                             <li class="nav-item mr-3">
  59.                                 <a class="nav-link" href="#">{{ 'menu.about_us'|trans }}</a>
  60.                             </li>
  61.                             <li class="nav-item mr-3">
  62.                                 <a class="nav-link" href="{{ path('events') }}">{{ 'menu.events'|trans }}</a>
  63.                             </li>
  64.                             <li class="nav-item">
  65.                                 <a class="nav-link" href="{{ path('tickets') }}">{{ 'menu.marketplace'|trans }}</a>
  66.                             </li>
  67.                         </ul>
  68.                         <a href="{{ path('contact') }}" class="btn-red">{{ 'menu.contact'|trans|raw }}</a>
  70.                         <!-- Registro e Iniciar Sesión -->
  71.     {#                    <div class="navbar-text">#}
  72.     {#                        {% if app.session.get('userId') == null %}#}
  73.     {#                            <a href="{{ path('access') }}?format=2" class="right-border">{{ 'menu.sign'|trans }}</a>#}
  74.     {#                            <a href="{{ path('access') }}?format=1">{{ 'menu.login'|trans }}</a>#}
  75.     {#                        {% elseif app.session.get('userId') %}#}
  76.     {#                            <a href="{{ path('userProfile') }}">{{ 'menu.account'|trans }}</a>#}
  77.     {#                        {% endif %}#}
  78.     {#                    </div>#}
  79.                 </div>
  80.             </div>
  81.         </nav>
  82.         {# Fixed menú   #}
  83.         <div id="side-bar" class="cnt-side-nav navbar-desktop">
  84.             <nav class="navbar navbar-expand-lg navbar-light bg-light">
  85.                 <div class="container">
  86.                     <!-- Logo de la Compañía y Redes Sociales -->
  87.                     <div class="d-flex justify-content-start align-items-center">
  88.                         <!-- Logo de la Compañía -->
  89.                         <a class="navbar-brand" href="{{ path('home') }}">
  90.                             <img width="90%" src="{{ asset('assets/images/logos/logo.png') }}" alt="">
  91.                         </a>
  93.                         <!-- Redes Sociales -->
  94.                         <div class="d-flex social-icons">
  95.                             <a href="#"><img src="{{ asset('assets/images/icons/icn-instagram.svg') }}" alt=""></a>
  96.                             <a href="#"><img src="{{ asset('assets/images/icons/icn-facebook.svg') }}" alt=""></a>
  97.                         </div>
  98.                     </div>
  100.                     <!-- Menú Central y Registro e Iniciar Sesión -->
  101.                     <div class="d-flex justify-content-end align-items-center">
  102.                         <!-- Menú Central -->
  103.                         <ul class="navbar-nav">
  104.                             <li class="nav-item mr-3">
  105.                                 <a class="nav-link" href="#">{{ 'menu.about_us'|trans }}</a>
  106.                             </li>
  107.                             <li class="nav-item mr-3">
  108.                                 <a class="nav-link" href="{{ path('events') }}">{{ 'menu.events'|trans }}</a>
  109.                             </li>
  110.                             <li class="nav-item">
  111.                                 <a class="nav-link" href="{{ path('tickets') }}">{{ 'menu.marketplace'|trans }}</a>
  112.                             </li>
  113.                         </ul>
  114.                         <a href="{{ path('events') }}" class="btn-red">{{ 'menu.contact'|trans|raw }}</a>
  116.                     </div>
  117.                 </div>
  118.             </nav>
  119.         </div>
  120.         <!-- END NAVBAR -->
  122.         <!-- MOBILE NAVBAR -->
  123.         <nav class="col-md-12 navbar navbar-expand-lg navbar-light bg-light navbar-mobile">
  124.             <div class="container">
  125.                 <!-- Logo de la Compañía -->
  126.                 <a class="navbar-brand d-lg-none" href="{{ path('home') }}"><img width="60%" src="{{ asset('assets/images/logos/logo.png') }}" alt=""></a>
  127.                 <!-- Redes Sociales -->
  128.                 <div class="d-flex" id="social-icons">
  129.                     <a href="#"><img width="70%" src="{{ asset('assets/images/icons/icn-instagram.svg') }}" alt=""></a>
  130.                     <a href="#"><img width="70%" src="{{ asset('assets/images/icons/icn-facebook.svg') }}" alt=""></a>
  131.                 </div>
  133.                 <!-- Botón para menú desplegable en dispositivos móviles -->
  134.                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
  135.                     <span class="navbar-toggler-icon"></span>
  136.                 </button>
  138.                 <div class="collapse navbar-collapse" id="navbarNav">
  139.                     <ul class="navbar-nav">
  140. {#                        {% if app.session.get('userId') == null %}#}
  141. {#                            <li class="nav-item">#}
  142. {#                                <a class="nav-link" href="{{ path('access') }}?format=1">{{ 'menu.login'|trans }}</a>#}
  143. {#                            </li>#}
  144. {#                            <li class="nav-item">#}
  145. {#                                <a class="nav-link" href="{{ path('access') }}?format=2">{{ 'menu.sign'|trans }}</a>#}
  146. {#                            </li>#}
  147. {#                        {% elseif app.session.get('userId') %}#}
  148. {#                            <li class="nav-item">#}
  149. {#                                <a class="nav-link" href="{{ path('userProfile') }}">{{ 'menu.account'|trans }}</a>#}
  150. {#                            </li>#}
  151. {#                        {% endif %}#}
  152.                         <li class="nav-item">
  153.                             <a class="nav-link" href="#">{{ 'menu.about_us'|trans }}</a>
  154.                         </li>
  155.                         <li class="nav-item">
  156.                             <a class="nav-link" href="{{ path('events') }}">{{ 'menu.events'|trans }}</a>
  157.                         </li>
  158.                         <li class="nav-item">
  159.                             <a class="nav-link" href="{{ path('tickets') }}">{{ 'menu.marketplace'|trans }}</a>
  160.                         </li>
  161.                         <li class="nav-item">
  162.                             <a class="nav-link" href="{{ path('contact') }}">{{ 'menu.contact'|trans }}</a>
  163.                         </li>
  164.                     </ul>
  165.                 </div>
  166.             </div>
  167.         </nav>
  168.         <!-- MOBILE END NAVBAR -->
  170.         {% block body %}
  171.         {% endblock %}
  172.         <!-- FOOTER -->
  173.         <footer>
  174.             <div class="container">
  175.                 <div class="row mt-5">
  176.                     <div class="col-md-6">
  177.                         <div class="row">
  178.                             <div class="col-md-3 d-flex justify-content-center align-items-center">
  179.                                 <!-- Logo de la Compañía -->
  180.                                 <a class="navbar-brand" href="{{ path('home') }}">
  181.                                     <img width="100%" src="{{ asset('assets/images/logos/logo.png') }}" alt="">
  182.                                 </a>
  183.                             </div>
  184.                             <div class="col-md-9">
  185.                                 <ul class="navbar-nav">
  186.                                     <li class="nav-item mr-3">
  187.                                         <a class="nav-link" href="#">{{ 'menu.about_us'|trans }}</a>
  188.                                     </li>
  189.                                     <li class="nav-item mr-3">
  190.                                         <a class="nav-link" href="{{ path('events') }}">{{ 'menu.events'|trans }}</a>
  191.                                     </li>
  192.                                     <li class="nav-item">
  193.                                         <a class="nav-link" href="{{ path('tickets') }}">{{ 'menu.marketplace'|trans }}</a>
  194.                                     </li>
  195.                                 </ul>
  196.                             </div>
  197.                         </div>
  198.                     </div>
  199.                     <div class="col-md-6" id="footer-center">
  200.                         <div class="row">
  201.                             <div class="col-md-6 d-flex justify-content-start align-items-end">
  202.                                 <p>SOMOS UN ESPACIO FLEXIBLE DISEÑADO PARA
  203.                                     <br>
  204.                                     INSPIRAR BIENESTAR, DISFTURE Y ALTO RENDIMIENTO
  205.                                 </p>
  206.                             </div>
  207.                             <div class="col-md-6 d-flex flex-column justify-content-end align-items-end">
  208.                                 <!-- Redes Sociales -->
  209.                                 <div class="d-flex social-icons mb-2">
  210.                                     <a href="#" class="mr-1"><img src="{{ asset('assets/images/icons/icn-footer-linkedin.png') }}" alt=""></a>
  211.                                     <a href="#"><img src="{{ asset('assets/images/icons/icn-footer-instagram.png') }}" alt=""></a>
  212.                                 </div>
  213.                                 <a href="mailto:contacto@dowcenterbahia.com.ar">contacto@dowcenterbahia.com.ar</a>
  214.                             </div>
  215.                         </div>
  216.                     </div>
  217.                 </div>
  219.                 <div class="row mt-5 d-flex justify-content-end align-items-center">
  220.                     <div class="col-md-6">
  221.                         <div class="row">
  222.                             <div class="col-md-12">
  223.                                 <p class="copyright">
  224.                                     Copyright @ 2023. Dow Center Bahía Blanca, Buenos Aires, Argentina.
  225.                                 </p>
  226.                             </div>
  227.                         </div>
  228.                     </div>
  229.                     <div class="col-md-6">
  230.                         <div class="row" id="footer-end">
  231.                             <div class="col-md-6 d-flex justify-content-start align-items-center">
  232.                                 <img width="70%" src="{{ asset('assets/images/logos/logo-white.png') }}" alt="">
  233.                             </div>
  234.                             <div class="col-md-6 d-flex flex-column justify-content-end align-items-end">
  235.                                 <img width="50%" src="{{ asset('assets/images/logos/logo-footer-white.png') }}" alt="">
  236.                             </div>
  237.                         </div>
  238.                     </div>
  239.                 </div>
  240.             </div>
  241.         </footer>
  243.         <script type="text/javascript">
  244.             function error_response(result,url){
  245.                 switch(result.message){
  246.                     case "#ERROR1#" : //User not logged
  247.                         location.href="{{ path('access')}}?redirect="+window.location.href;
  248.                     break;
  249.                     default: 
  250.                         swal({
  251.                             title: "",
  252.                             text: result.message,
  253.                             type: "error"
  254.                         });
  255.                     break;
  256.                 }
  257.             }
  259.             {% for message in app.session.flashbag.get('success') %}
  260.                 swal({
  261.                     title: "",
  262.                     text: "{{ message }}",
  263.                     type: "success"
  264.                 });
  265.             {% endfor %}
  267.             {% for message in app.session.flashbag.get('notice') %}
  268.                 swal({
  269.                     title: "Error",
  270.                     text: "{{ message }}",
  271.                     type: "error"
  272.                 });
  273.             {% endfor %}
  275.         </script>
  277.         {# Cookie banner #}
  278.         {% include 'partials/cookies-banner.html.twig' %}
  280.     </body>
  281. </html>