<!-- Sidebar -->
<div class="col-md-3 col-xl-2" style="min-height: 100vh; background-color: #ffffff; padding-left: 0; padding-right: 0;" id="side_bar">

	<div style="text-align: center; padding: 10px 0px; background: rgb(0,180,138);
    background: linear-gradient(90deg, rgba(0,180,138,1) 0%, rgba(0,121,190,1) 24%, rgba(0,178,139,1) 100%); color: #000000;">
    	<img src="img/logo_our_north_co.png" width="90%" /> <br />
	</div>
    
	<ul class="list-group list-group-flush">
		<li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=home"><i class="fas fa-home"></i> Home</a></li>
	</ul>
	
	<ul class="list-group list-group-flush" style="display: none">
		<li class="list-group-item titulos" > Eventos</li>
		<li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=eventos"><i class="fas fa-chevron-right"></i> Ver Eventos</a></li>
	</ul>
    
    
    <ul class="list-group list-group-flush">
		<li class="list-group-item titulos" > Indicadores</li>
		<li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=indicadores"><i class="fas fa-chevron-right"></i> Indicadores</a></li>
    </ul>
    
    <ul class="list-group list-group-flush">
		<li class="list-group-item titulos" > Administrativo</li>
		<?php if($_SESSION['role_admin'] == 1){ ?>
		<li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=analitica"><i class="fas fa-chevron-right"></i> Analítica</a></li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=registrados"><i class="fas fa-chevron-right"></i> Registrados</a></li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=asistentes"><i class="fas fa-chevron-right"></i> Asistentes</a></li>
		<li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=banners"><i class="fas fa-chevron-right"></i> Banners</a></li>
		<li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=speakers"><i class="fas fa-chevron-right"></i> Speakers</a></li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=agenda"><i class="fas fa-chevron-right"></i> Agenda</a></li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=pabellones"><i class="fas fa-chevron-right"></i> Pabellones</a></li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=stands"><i class="fas fa-chevron-right"></i> Stands</a></li>
        <?php } ?>
        <?php if($_SESSION['role_admin'] == 1 || $_SESSION['role_admin'] == 3){ ?>
		<li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=trivias"><i class="fas fa-chevron-right"></i> Trivias</a></li>
        <?php } ?>
        <?php if($_SESSION['role_admin'] == 1){ ?>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=live"><i class="fas fa-chevron-right"></i> Live Stream</a></li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=notificaciones"><i class="fas fa-chevron-right"></i> Notificaciones</a></li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=botones"><i class="fas fa-chevron-right"></i> Botones</a></li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=desafios"><i class="fas fa-chevron-right"></i> Desafios</a></li>
        <?php } ?>
    </ul>
    
	<ul class="list-group list-group-flush" style="display: none">
        <li class="list-group-item titulos"> Soporte</li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=soporte_general" ><i class="fas fa-chevron-right"></i> General</a></li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/?pg=soporte_tecnico"><i class="fas fa-chevron-right"></i> Técnico</a></li>
	</ul> 
    
    <ul class="list-group list-group-flush">
        <li class="list-group-item titulos"> Cuenta</li>
        <li class="list-group-item"><a href="<?php echo $url_admin; ?>/controllers/close_sesion.php"><i class="fas fa-times"></i> Salir</a></li>
	</ul> 

    
    
</div>


<style>
	.subItem{
		padding: 5px;
		background-color: #202633;
		padding-left: 50px;
	}
</style>


<script>
function Ver_Menu(){
	$("#menu_movil").show();
}

function Ocultar_Menu(){
	$("#menu_movil").hide();
}
</script>

<style>
.separador_movil{
	color: #2196F3;
    font-weight: bold;
    font-size: 16px;
}

.item_movil{
	padding: 5px;
	border-bottom:1px solid #e2e2e2;
}
</style>