<!DOCTYPE HTML>
<!--
	Desarrollado por: Eduardo Alfonso Torres Luna
-->
<html>
	<head>
		<title>SISTEMA DE CONTROL DE GASTOS - Desarrollado por Eduardo Torres Luna</title>
		<meta charset="iso-8859-1" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
	</head>
	<body>
	
		<div id="aula_virtual" style=" height:20px; ">  
		  
		</div>		
			
		<div id="page-wrapper">
			<div id="header-wrapper">
				<div class="container">
					<div class="row">
						<div class="12u">

							<header id="header">
								<div class="slogan"><a href="index.php" id="logo">  <div id="nombre_empresa">CONTROL DE GASTOS</div> 																		
									
									<div id="logocaed" style=" margin-top:15px;" >																							
									<img src="images/logo.png" width="241">
									</div>								
									<div id="slogancaed" align="right" class="slogan_pequeno" >																							
									Sistema de Gesti&oacute;n
									</div>								
								
								</a></div>	
								
								
								<nav id="nav">

									<a href="index.php">Inicio</a>
									<a href="gastos.php">Registro de gastos</a>
									<a href="categorias.php" class="current-page-item">Registro de categorias</a>
									<a href="empleados.php">Registro de empleados</a>
									<a href="consultas.php">Consultas y reportes</a>									

								</nav>
							</header>
						</div>
					</div>
				</div>
			</div>
			
			<?php
			include("conexion.php");			
			
			@$xaccion2=$_REQUEST['xaccion2'];
			@$xcriterio=$_REQUEST['xcriterio'];												
			
			
			?>
			
			
			
			
			<div id="main">
				<div class="container">
					<div class="row main-row">
					
					
					
						<div class="4u 12u(mobile)">

							<section>
								<h2>Registro de categor&iacute;as</h2>
								<ul >
									
											
										  <li>
												<a href="categorias.php"  onClick="accion_categorias('adicionar'); return false;"><img src="images/icono_nuevo.png" alt="Adicionar nuevo" width="20" class="left" /></a>
												
												<a href="categorias.php" onClick="accion_categorias('adicionar'); return false;">
												<h4>Adicionar nueva categoria</h4>
												</a>

										  </li>

										  <li style="margin-top:20px;">
												
												
												<form name="form_buscar" id="form_buscar" method="post" action="categorias.php">
												
												<div align="left" style="float:left">
								    			Buscar
												</div>														
												
												<div align="left" style="float:left">
								    			<input class="input_texto_buscar" id="xcriterio" type="text" name="xcriterio" value="<?php echo $xcriterio; ?>" >
												<input name="xaccion2"  type="hidden" class="input_texto" id="xaccion2" value="buscar">
												</div>

												<div align="left" style="float:left; margin-left:10px;">
								    			<a href="categorias.php"  onClick="buscar(); return false;"><img src="images/buscar.png" alt="Buscar" width="25" class="left" /></a>
												</div>
												
												</form>

										  </li>

											
									
								</ul>
							</section>

							<section>
								<h2>Listado de categorías</h2>
								<div>
									<div class="row">
										<div class="6u 12u(mobile)" style="width:100%;">
											<ul class="link-list">
											
												<?
												
												//CONSULTA SQL PARA DESPLEGAR EL LISTADO DE CATEGORIAS
												if(isset($xaccion2)){
													$result1=mysqli_query($conexion,"SELECT * FROM categorias c where cat_nombre like '%$xcriterio%' order by cat_nombre;");
												}else{
													$result1=mysqli_query($conexion,"SELECT * FROM categorias c order by cat_nombre;");												
												}
												
												while($row1=mysqli_fetch_array($result1)){
												
												?>
																						
												  <li>
														<a href="servicios.php?id=<?php echo $row1['cat_id']; ?>" onClick="accion_categorias('modificar',<?php echo $row1['cat_id']; ?>,'<?php echo $row1['cat_nombre']; ?>','<?php echo $row1['cat_abreviatura']; ?>'); return false;"><img src="images/icono_editar.png" alt="Modificar" width="20" class="left" /></a>
														<a href="servicios.php?id=<?php echo $row1['ba_codi']; ?>" onClick="accion_categorias('eliminar',<?php echo $row1['cat_id']; ?>,'<?php echo $row1['cat_nombre']; ?>','<?php echo $row1['cat_abreviatura']; ?>'); return false;"><img src="images/icono_eliminar.png" alt="Eliminar" width="20" class="left" /></a>
														
														
														<h4><?php echo $row1['cat_nombre']; ?></h4>
																	
												  </li>
											

												<?
												}
												?>


											</ul>
										</div>
										
									</div>
								</div>
							</section>

						</div>
					
					
					<a name="enfoque1"></a>
					
						<div class="8u 12u(mobile)">

							<section class="left-content">
								<h2><div id="titulo_categorias" align="left">Nueva categor&iacute;a</div>
								</h2>
								<div align="justify">
								
								  <form name="form_procesos" id="form_procesos" method="post" target="frame_procesos" action="procesos/categorias.php">
								  
								  <div class="input_texto" align="left">
								  Nombre de categor&iacute;a*
								  </div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xnombres" type="text" name="xnombres" required >
								  </div>
								  <div class="input_texto"  align="left">
								  Abreviatura de categor&iacute;a
								  </div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xabreviatura" type="text" name="xabreviatura">
								  </div>

								  <div id="d_eliminar" class="input_texto"  align="left" style=" display:none; color:#FF0000; font-size:20px; margin-top:20px;">
								  Si está seguro que quiere eliminar el registro actual, presione el botón Aceptar.
								  </div>

								  <div class="input_texto" style="margin-top:10px;"  align="left">
								    <input style="padding:5px;" type="button" onClick="enviar_formulario_categorias();" name="Submit" value="Aceptar">
								  (*) dato requerido 
								  <input name="xaccion"  type="hidden" class="input_texto" id="xaccion" value="adicionar">
								  
								  <input class="input_texto" id="xid"   type="hidden" name="xid">	
								  
								  </div>

								  <div align="left">
								    <iframe id="frame_procesos" name="frame_procesos" title="fotos" width="200" height="0" frameborder="0" scrolling="No" marginheight="0" marginwidth="0" allowtransparency="AllowTransparency"></iframe>
								  </div>
								  
                                  </form>
								</div>
								
							</section>

						</div>


					</div>
				</div>
			</div>
			<div id="footer-wrapper">
				<div class="container">
					<div class="row">
						<div class="8u 12u(mobile)">

							<section>
								<h2>Opciones de menu:</h2>
								<div>
									<div class="row">
										<div class="3u 12u(mobile)" style=" width:300px;">
											<ul class="link-list">
												<li><a href="index.php">Inicio</a></li>
												<li><a href="gastos.php">Registro de gastos</a></li>
												<li><a href="categorias.php">Registro de categorias</a></li>
												<li><a href="empleados.php">Registro de empleados</a></li>
												<li><a href="consultas.php">Consultas y reportes</a></li>												
											</ul>
										</div>
								  </div>
								</div>
							</section>

						</div>
						
						
				  </div>
					<div class="row">
						<div class="12u">

							<div id="copyright">
							SISTEMA DE CONTROL DE GASTOS - Desarrollado por Eduardo Torres Luna</div>

						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/skel-viewport.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>
			<script src="assets/js/funciones.js"></script>
			
	</body>
</html>