<?php
session_start();
	if (!isset($_SESSION['user_login_status']) AND $_SESSION['user_login_status'] != 1) {
    	header("location: login.php");
		exit;
    }
	/* Connect To Database*/
	require_once ("config/db.php");//Contiene las variables de configuracion para conectar a la base de datos
	require_once ("config/conexion.php");//Contiene funcion que conecta a la base de datos
	$active_facturas="";
	$active_planes="";
	$active_ciudades="";
	$active_operadores="";
	$active_aerolineas="";
	$active_usuarios="active";	
	$title="Usuarios | Simple Invoice";
?>

<!DOCTYPE html>
<html lang="en">
<head>


<?php include("head.php");?>
</head>

<body>
<?php
	include("navbar.php");
	
	include("modal/registro_usuarios.php");
	include("modal/editar_usuarios.php");
	include("modal/cambiar_password.php");
?> 
    
<div class="container" style="  box-shadow: 2px 2px 5px #999;">
<div class="panel panel">
	<div class="panel-heading">
    <div class="btn-group pull-right">
		<button type='button' class="btn " data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-plus" ></span> Nuevo Usuario</button>
	</div>

		<h4><i class='glyphicon glyphicon-search'></i> Buscar Usuarios</h4>
	</div>			
<div class="panel-body">


<form class="form-horizontal" role="form" id="datos_cotizacion">				
	<div class="form-group row">
		<label for="q" class="col-md-2 control-label">Nombres:</label>
			<div class="col-md-5">
				<input type="text" class="form-control" id="q" placeholder="Nombre" onkeyup='agregar(1);'>
			</div>							
		<div class="col-md-3">
			<button type="button" class="btn btn-default" onclick='agregar(1);'>
				<span class="glyphicon glyphicon-search" ></span> Buscar</button>
				<span id="loader"></span>
		</div>					
	</div>	
</form>

<div id="resultados"></div>
<div class='outer_div'></div>					
</div>
</div>
</div>

<?php
	include("footer.php");
?>

<script type="text/javascript" src="js/usuarios.js"></script>
</body>
</html>

<script>
$( "#guardar_usuario" ).submit(function( event ) {
  $('#guardar_datos').attr("disabled", true);
  
 var parametros = $(this).serialize();
	 $.ajax({
			type: "POST",
			url: "ajax/nuevo_usuario.php",
			data: parametros,
		 	beforeSend: function(objeto){
			$("#resultados_ajax").html("Mensaje: Cargando...");
	   	    },
			success: function(datos){
			$("#resultados_ajax").html(datos);
			$('#guardar_datos').attr("disabled", false);
			load(1);
		}
	});
event.preventDefault();
})

$( "#editar_usuario" ).submit(function( event ) {
  $('#actualizar_datos2').attr("disabled", true);
  
 var parametros = $(this).serialize();
	 $.ajax({
			type: "POST",
			url: "ajax/editar_usuario.php",
			data: parametros,
			beforeSend: function(objeto){
			$("#resultados_ajax2").html("Mensaje: Cargando...");
		  	},
			success: function(datos){
			$("#resultados_ajax2").html(datos);
			$('#actualizar_datos2').attr("disabled", false);
			load(1);
	  	}
	});
event.preventDefault();
})

$( "#editar_password" ).submit(function( event ) {
  $('#actualizar_datos3').attr("disabled", true);
  
 var parametros = $(this).serialize();
	 $.ajax({
			type: "POST",
			url: "ajax/editar_password.php",
			data: parametros,
		 	beforeSend: function(objeto){
			$("#resultados_ajax3").html("Mensaje: Cargando...");
		  	},
			success: function(datos){
			$("#resultados_ajax3").html(datos);
			$('#actualizar_datos3').attr("disabled", false);
			load(1);
	  	}
	});
event.preventDefault();
})
	function get_user_id(id){
		$("#user_id_mod").val(id);
	}

	function obtener_datos(id){
			var nombres = $("#nombres"+id).val();
			var apellidos = $("#apellidos"+id).val();
			var usuario = $("#usuario"+id).val();
			var email = $("#email"+id).val();
			
			$("#mod_id").val(id);
			$("#firstname2").val(nombres);
			$("#lastname2").val(apellidos);
			$("#user_name2").val(usuario);
			$("#user_email2").val(email);
		}
</script>