<!DOCTYPE html>
<html lang="es">
<head>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
	<meta charset="UTF-8">
	<title>Regislog WEB</title>
	<link rel="stylesheet"  type="text/css" href="css/super-css.css?v=<?=time();?>">
	
	<link rel="icon" href="img/microchip.ico">
	<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
</head>
<body>
	<div>
		<img style="vertical-align:middle" src="img/microchip.svg" alt="Regislog WEB">
		<span id="titulo" >Regislog WEB V2.5</span>
	</div>
	<div class="topnav" id="Topnav">
		<a href="#"></a>
		<a href="#" id="boton_contadores">Contadores</a>
		<a href="#" id="boton_alarmas">Alarmas</a>
		<a href="#" id="boton_historico">Historicos</a>
		<a href="#" id="boton_audios">Audios</a>
                <a href="#" id="boton_videos">Videos</a>
		<a href="#" id="boton_wifi">Wifi</a>
		<a href="#" id="boton_usuario">Usuario</a>
		<a href="#" id="boton_validaciones">Validaciones</a>
		<a href="#" id="boton_gps">GPS</a>
		<a href="#" id="boton_config">Configuración</a>
		<a href="#" id="boton_infoSistema">Info. Sistema</a>
		<a href="#" id="boton_logs">Log Sistema</a>
		<a href="#" id="boton_herramientas">Herramientas</a>
		<a href="#" id="boton_ayuda">Ayuda</a>
		
		<a href="#" id="boton_salir">Salir</a>
		<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="functionMenu()">&#9776;</a>
	</div>
	
	

	<section id="contenido"><!-- <p>Aqui va el contenido</p> -->
		<div id="respuesta"></div>
		<div id="precarga"></div>
		<div id="barEspera" class="bEspera">
  			<div id="barraEspera" class="bEspera"></div>
		</div>
		<div id="htmlTabla" class="recargar" style="display:contents; overflow-x:auto;"></div>
		<div id="graficos">
			<!-- Cuadro para mostrar graficos-->
			<div id="id01" class="modal">
  
				<form class="modal-content animate" action="/action_page.php">
				<div class="imgcontainer">
				  <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
				  <!-- <img src="img_avatar2.png" alt="Avatar" class="avatar"> -->
				   
				</div>
				<div class="container">
				  <div id="idMostrarGraficos"></div>
				</div>
				<div class="container" style="background-color:#f1f1f1">
				  <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn" id="btnMensajeLeido">Leido</button>
				</div>
				</form>
			</div>
		</div>
		<div id="scanwifi"></div>
		<div id="sensores"></div>
		<div id="sistema"></div>
 		<div id="mapa"></div>

 	</section>
	<script src = "js/despachador.js?v=<?=time();?>"></script>
	<script src = "js/Chart.js?v=<?=time();?>"></script>
	<script async defer
    	src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD98DnTsm0stafAOwutgBKJRcwW2ab2bl8">
    </script>  
    <?php
	$firmware = $_GET['firmware'];
	$user = $_GET['user'];
	$placa = $_GET['placa'];
	$permisos = $_GET['permisos'];
	?>
	<script >
		var firmware = '<?php echo $firmware;?>'
		var user = '<?php echo $user;?>'
		var placa = '<?php echo $placa;?>'
		var permisos = '<?php echo $permisos;?>'
	</script>
</body>
</html>
