<?php

session_start();
error_reporting(E_ALL);
ini_set('display_errors', '1');


	if(!isset($_SESSION['usuario_autenticado'])){
	    header("Location: auth.php");
	}
	if(empty($_SESSION['usuario_autenticado'])){
	    header("Location: auth.php");
	}

	require_once("db/db.php");
	require("db/TableModel.php");

?>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8">
	
	<title>Sicanet Software</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/cardview.css">
	<link rel="stylesheet" href="bootstrap/4.0.0/css/bootstrap.min.css">
	<!-- Font Awesome JS -->
    <link rel="stylesheet" href="css/font-awesome/css/all.css">
    <link rel="shortcut icon" href="img/logo.ico" />  	
  	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Code+Pro%7CSource+Sans+Pro:n4,n6,n7" media="all">

	<script src="js/jquery/3.2.1/jquery.min.js"></script>
	<!-- Development version -->
	<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.js"></script>
  	<script src="bootstrap/4.0.0/js/bootstrap.min.js"></script>

    <script type="text/javascript">
	 		$(document).ready(function () {
			   (function($) {
			       $('#FiltrarContenido').keyup(function () {
			            var ValorBusqueda = new RegExp($(this).val(), 'i');
			            $('.BusquedaRapida tr').hide();
			             $('.BusquedaRapida tr').filter(function () {
			                return ValorBusqueda.test($(this).text());
			              }).show();
			             /* --------- poner mensaje a tabla --------- */
			             	var tabla = document.getElementById("tabla");
				 			var msg = document.getElementById("msg");
				 			var array_rows = tabla.rows;
				 			var none=0;
				 			for(var i=0; i < array_rows.length; i++){
				 				try{
				 					var st = array_rows[i].style;
				 					if(st.display == "none"){
				 						none++;
				 					}
				 				}catch(error){

				 				}
				 			}
							//msg.textContent="";
							msg.innerHTML = '';
				 			if (none >= array_rows.length - 1) {

				 					//msg.textContent="No se encontraron resultados";
				 					var img = document.createElement("img");
				 					img.src="img/noencontrado.png";
				 					msg.appendChild(img);
				 			}
				 		 /* ---------- end mensaje a tabla ----------- */
				 		 var div_visible = document.getElementById("div_visible");
				 		 var input = document.getElementById("FiltrarContenido");
				 		 //console.log(div_visible.style.visibility);
				 		 if (input.value.length < 1) {
				 		 	div_visible.style.visibility = "hidden";
				 		 }else{
				 		 	if (div_visible.style.visibility == "hidden") {
					 		 	//console.log("sdsd");
					 		 	div_visible.style.visibility = "visible";
					 		 }
				 		 }
				 		 
				 		 /* ------------------------------------------ */
			                })
			      }(jQuery));
			});
	</script>
</head>
<body>
	<!--  ======================================================== cabecera =============================== -->
	<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
	  <!-- Brand/logo -->
	  <a class="navbar-brand" href="#">
	    <img src="img/logo_cliente.png" alt="logo" style="width:180px;">
	  </a>

	  <ul class="navbar-nav">
	  </ul>
	  <ul></ul>
	  <ul></ul>
	  <span class="navbar-text" id="titulo">
	     Diccionario De Datos
	  </span>
	  
	  <div align="right" style="display: inline; width: 60%;"><span class="navbar-text" >
	     <?php if (isset($_SESSION['usuario_autenticado'])) {
	     	echo $_SESSION['nombre_usuario'];
	     } ?>
	  </span></div>
	  
	</nav>

<div>
	<!-- ============================= menu lateral ================================================ -->
	<?php 

		$model = new TableModel();
		if(isset($_POST['campo_nombre'])){
			$lista_tablas = $model->listar_tablas_x_campo($_POST['campo_nombre']);
		}else{
			$lista_tablas = $model->listar_tablas();
		}

		$descripcion_actual="";
		if (isset($_POST['tabla_descripcion'])) {
			$descripcion_actual = $_POST['tabla_descripcion']. ", fecha de creación : ".$_POST['tabla_date'];
		}
	 ?>
	<div id="izquierda">
		<div class="tablas-titulo">
			<div align="center" style="background: #9e9da4;"> Tablas Registradas</div>
		</div>
		<div class="input-group mb-3">
			<div class="input-group-prepend">
				<span class="input-group-text" id="basic-addon1"><i class='fa fa-search'></i></span>
			</div>
			<input id="FiltrarContenido" type="text" class="form-control" placeholder="Filtrar" aria-label="" aria-describedby="basic-addon1">
		</div>
		<div class="tablas"  style="width: 100%;">
			<br>
			<table id="tabla"  style="width: 100%;">
				<thead></thead>
				<tbody class="BusquedaRapida"  style="width: 100%;">
				<?php 
					foreach ($lista_tablas as $row_tabla){
				?>
					<tr>
					<div class="">
						<td>
							<form action="?" method="POST" autocomplete="off">
								<input name="campo_nombre" type="hidden" class="form-control" placeholder="Campo a buscar" aria-label="" aria-describedby="basic-addon1" value="<?php if(isset($_POST['campo_nombre'])){ echo $_POST['campo_nombre'];} ?>">
								<input type="hidden" name="tabla_descripcion" value="<?php echo $row_tabla->descripcion; ?>">
								<input type="hidden" name="tabla_date" value="<?php echo $row_tabla->fecha_creacion; ?>">
								<button name="tabla_nombre" type="submit" class="btn btn-info btn-sm btn-block " style="width: 100%; text-align:left;"   value="<?php echo " ".$row_tabla->nombre; ?>" ><i class='fa fa-hand-pointer'></i> <?php echo " ".$row_tabla->nombre ?></button>
							</form>
						</td>
					</div>
					</tr>
				<?php
						
					}

				?>
				</tbody>
			</table>
			<p align="center" id="msg"></p>
		</div>
	</div>
	
	<!-- ================================================ body seleccionado ========================== -->

	<div id="derecha">
		<div id="dtos_base">
			<div style="padding-left: 10px;" id="subtitulo"><h3>Información de la base</h3></div>
			<div style="padding-left: 10px; padding-bottom: 2px;">
				<table class="table">
					<tr>
						<td><i class="fa fa-database"></i> Base de datos</td>
						<td>Sicanets_Solidez_Desarrollo</td>
						<td><i class="fa fa-plug"></i> Puerto</td>
						<td>3306</td>
						<td></td>
						<td>
							<form action="imprimir.php" target="_blank" method="POST" >
								<button class="btn btn-outline-dark" ><i class="fa fa-print" ></i></button>
							</form>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div id="dtos_base">
			<div style="padding-left: 10px; padding-bottom: 10px; padding-right: 10px; " >
				<form action="?" method="POST" >
					<span class="small" style="color: #1667b7;">Tablas que contienen el campo</span>
					<div class="input-group mb-3">
						<div class="input-group-prepend">
							<span class="input-group-text" id="basic-addon1"><i class="fa fa-bolt" aria-hidden="true"></i></span>
						</div>
							<input name="campo_nombre" type="text" class="form-control" placeholder="Campo a buscar" aria-label="" aria-describedby="basic-addon1" value="<?php if(isset($_POST['campo_nombre'])){ echo $_POST['campo_nombre'];} ?>">
							<input type="submit" class="btn btn-primary " value="Buscar">
					</div>
				</form>
			</div>
		</div> 
		<br>
		
		<div><!-- informacion tabla -->
		<div align="center">
		    <div >
		        <div class="card " style="width: 98%;">
		            <div class="card-body">
		                <h5 class="text-center"><i class='fa fa-list-alt'></i> 
		                	<?php 
		                		if (isset($_POST['tabla_nombre'])) {
		                			echo " ".$_POST['tabla_nombre'];
		                		}else{
		                			echo "";
		                		}
		                	 ?>		
		                </h5>
		                <hr>
		                <label for="">Descripción: <small class="form-text text-muted"><?php echo $descripcion_actual; ?></small></label>
		                 <br>
		                <table class="table">
		                    <thead>
		                    	<tr class="table-secondary">
			            			<th>Campo</th>
			            			<th>Tipo</th>
			            			<th>Default</th>
			            			<th>Null</th>
			            			<th>Key</th>
			            			<th>Extra</th>
			            			<th>Descripción</th>
			            		</tr>
		                    </thead>
		                    <tbody>
		                    <?php
		                    if (isset($_POST['tabla_nombre'])) {
		                    	$datos_parametro = $model->listar_campos($_POST['tabla_nombre']);
		                    	foreach ($datos_parametro as $r_parametro) {
			                    ?>
			                    <tr>
			                    	<td class="small"><?php echo $r_parametro->nombre; ?></td>
			                    	<td class="small"><?php echo $r_parametro->tipo; ?></td>
			                    	<td class="small"><?php echo $r_parametro->valor_default; ?></td>
			                    	<td class="small"><?php echo $r_parametro->acepta_null; ?></td>
			                    	<td class="small" style="color: #2e7539;"><?php echo $r_parametro->es_key; ?></td>
			                    	<td class="small"><?php echo $r_parametro->extra; ?></td>
			                    	<td class="small" style="color: #685227;"><?php echo $r_parametro->descripcion; ?></td>
			                    </tr>
			                    <?php
			                    }
		                    }

		                    ?>
		                    </tbody>
		                </table>
		            </div>
		        </div>
		    </div>
		</div>
		</div>
		
	</div>
	
</div>
	
<?php
	//cerrar las conexiones mysql
	$model->close_db();
?>


</body>
</html>