<!-- ==========Preloader========== -->
<!--  <div class="preloader">
    <div class="preloader-inner">
        <div class="preloader-icon">
            <span></span>
            <span></span>
        </div>
    </div>
</div> -->
<!-- ==========Preloader========== -->
<!-- ==========Overlay========== -->
<div class="overlay"></div>
<a href="#0" class="scrollToTop">
    <i class="fas fa-angle-up"></i>
</a>
<!-- ==========Overlay========== -->

<!-- ==========Header-Section========== -->
<header class="header-section">
    <div class="container">
        <div class="header-wrapper">
            <div class="logo">
                <a href="<?= getUrl("home","Home","home"); ?>">
                    <img src="images/logo/logo.png" alt="logo">
                </a>
            </div>
            <ul class="menu">
                <li>
                    <a href="<?= getUrl("home", "Home", "Home"); ?>" class="">Inicio</a>
                </li>
                <li>
                    <a href="#0">Eventos</a>
                    <ul class="submenu">
                        <li>
                            <a href="<?= getUrl("events","Events","eventsList", array('catId'=> 22)); ?>">Conciertos</a>
                        </li>
                        <li>
                            <a href="<?= getUrl("events","Events","eventsList", array('catId'=> 23)); ?>">Deportes</a>
                        </li>
                        <li>
                            <a href="<?= getUrl("events","Events","eventsList", array('catId'=> 24)); ?>">Conferencias</a>
                        </li>
                        <li>
                            <a href="<?= getUrl("events","Events","eventsList", array('catId'=> 25)); ?>">Cultura</a>
                        </li>
                        <li>
                            <a href="<?= getUrl("events","Events","eventsList", array('catId'=> 26)); ?>">Otros</a>
                        </li>
                        <li>
                            <a href="<?= getUrl("events","Events","eventsList"); ?>">Todos</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="<?= getUrl("misc", "Misc", "showDownloadApp"); ?>">Descargar app</a>
                </li>
                <li>
                    <a href="<?= getUrl("misc", "Misc", "showAbout"); ?>">Nosotros</a>
                </li>

                <?php if(isset($_SESSION['validar'])){ ?>
                    <li>
                        <a href="<?= getUrl("shoppingCart", "shoppingCart", "showShoppingCart"); ?>"><i class="fa fa-shopping-cart" aria-hidden="true" alt="Carrito de compras"></i></a>   
                    </li>
                    <li>
                        <a href="#0"><?= $_SESSION['nombre']; ?></a>   
                        <ul class="submenu">
                            <li>
                                <a href="<?= getUrl("tickets","Tickets","showTickets"); ?>">Mis boletos</a>
                            </li>
                            <li>
                                <a href="<?= getUrl("access", "Access", "logout"); ?>">Salir</a>
                            </li>
                        </ul>
                    </li>
                <?php } else { ?>
                    <li class="header-button pr-0">
                        <a href="<?= getUrl("access", "Access", "showLogin", false, "access"); ?>">Ingresa</a>
                    </li>
                <?php } ?>
            </ul>
            <div class="header-bar d-lg-none">
               <span></span>
               <span></span>
               <span></span>
           </div>
       </div>
   </div>
</header>
<!-- ==========Header-Section========== -->