<?php
	
	/*
	 *
	 * 2003 - 2018 @ Yal Publicidad - yPanel
	 * www.yalpublicidad.com
	 * online@yalpublicidad.com
	 *
	 * yp_header.php
	 *
	 */
	 
	 /* Autorizo acceso */
		defined('YPANEL_INI') or die( 'No dispones de acceso' );
?>
		
<style>
	/* ------------------------------------------- *\
                    styles menu responsive
	\* ------------------------------------------- */
		.mnu-responsive{
				display: none;
				/*position:fixed;
				top:10px; right:10px;*/
				padding: 2px 10px;
				margin-right: 25px;
				background: transparent;
				z-index: 1201;
			}
			.mnu-responsive a{
					color: #000;
				}
		.mnu-responsive-activo{background:#fff;}
			.mnu-responsive-activo a{color:#006c81;}
		#mnu-responsive{
				display: none;
				background: #fff;
				position:fixed;
				top:0px; left:-260px; bottom: 0px;
				z-index: 1199;
				width: 250px;
				border-right: 1px solid #f7f7f7;
				
				-webkit-transition: left 1s ease, box-shadow 1s linear;
				-moz-transition: left 1s ease, box-shadow 1s linear;
				-o-transition: left 1s ease, box-shadow 1s linear;
				-ms-transition: left 1s ease, box-shadow 1s linear;
				transition: left 1s ease, box-shadow 1s linear;
			}
			#mnu-responsive:focus{width:250px;}
			#mnu-responsive .c-mnu{ margin: 35px 10px; 5px }
					
	@media (max-width: 767px) {
		#mnu-responsive,
		.mnu-responsive{ display:inline-block; }
	}
</style>
		
		<!-- MNU Responsive -->
		<script type="text/javascript">
			function mnu_responsive(){
				x = document.getElementById('left-panel');
				b = document.getElementById('a-mnu-btn');
				$bMnu = document.querySelector('.mnu-responsive');
				
				if( x.style.left == '0px'){
					x.style.left = '-360px';
					b.innerHTML = '<i class="fa fa-bars"></i>';
					$bMnu.classList.remove('mnu-responsive-activo');
					//b.style.color = '#ffffff';
				}else{
					x.style.left = '0px'
					b.innerHTML = '<i class="fa fa-times"></i>';
					$bMnu.classList.add('mnu-responsive-activo');
					//b.style.color = '#000000';
				}
			}
		</script>
		
		<header class="header">
			<div class="">
				<div class="row">
					<div class="header-panel col-sm-6">
						<div class="logo">
							<a href="" title="<?php echo idata('nombre_original') ?>">
								<img src="<?php echo yPanel::contenido('logo'); ?>" alt="yPanel">
							</a>
						</div>
						<div class="dis-inline-block m-t-5 m-l-15">
							<?php echo yPanel::contenido( 'boton_ver_sitio' ); ?>
						</div>
						<div class="dis-inline-block float-r m-t-5 m-r-15">
							<?php echo yPanel::mnuNav( 'configuracion', 'no' ); ?>
							<div class="h-usr-menu" onClick="location.href='<?php echo post_link( 'perfil', yPanel::usuario_id() ); ?>'">
								<i class="fa fa-user"></i> 
								<span><?php echo yPanel::usuario(); ?></span>
								<i class="fa fa-angle-down"></i>
								<ul class="menu">
									<li><?php echo yPanel::mnuNav( 'perfil', NULL, 'post=' . yPanel::usuario_id() ); ?></li>
									<li><?php echo yPanel::mnuNav( 'cpass', NULL, 'post=' . yPanel::usuario_id() ); ?></li>
								</ul>
							</div>
							
						</div>
					</div>
					<div class="header-panel-nav col-sm-6">
						<div class="dis-inline-block m-t-5 m-r-15">
							<!-- MNU BAR RESPONSIVE -->
							<div class="mnu-responsive"><a href="javascript:;" id="a-mnu-btn" onClick="mnu_responsive();"><i class="fa fa-bars"></i></a></div>
							<!-- /MNU BAR RESPONSIVE -->
							<?php $nroNot = ( yMSError::notificaciones_noleidas() > 0 ) ? yMSError::notificaciones_noleidas() : '0'; echo yPanel::mnuNav( 'alertas', $nroNot ); ?>
						</div>
						<ul class="nav float-r">
							<li><?php echo yPanel::mnuNav( 'backup' ); ?></li>
							<li><?php echo yPanel::mnuNav( 'usuarios' ); ?></li>
							<li><?php echo yPanel::mnuNav( 'idioma' ); ?></li>
							<li>| <?php echo yPanel::contenido( 'boton_cerrar_sesion' ); ?></li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		
	