<?php 
session_start();
if(isset($_SESSION["session_edgard"])){header("Location: atenciones");}
?>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Acceso a SAC</title>
<link href="img/logo_icono.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="css/index.css" rel="stylesheet" type="text/css">
</head>
<body>
	<div id="cen">
		<div id="tit">Sistema de Atencion al Cliente</div>
		<div id="sti">Iniciar sesión</div>
		<input class="usu" id="usa" type="text" placeholder="Nombre de usuario">
		<input class="usu" id="con" type="password" style="margin-top: 10px;" placeholder="Contraseña">
		<div id="mis">
			<div>
			<input type="checkbox" id="mie"><label for="mie" style="cursor: pointer">Mantener la sesión iniciada</label>
			<input type="hidden" id="chk">
			</div>
		</div>
		<button id="acc" onClick="loguearUsuario($('#usa').val(),$('#con').val());mantenerLogueo();">Acceder</button>
		<div id="loguearUsuario"></div>
	</div>
	<script src="lib/jquery-3.1.1.js"></script>
	<script src="lib/jquery.cookie.js"></script>
	<script src="js/usuario.js"></script> 
	
	<!--autentifica al usuario al presionar enter-->
	<script>    
	$(document).ready(function() {
		$('.usu').bind("enterKey",function(e){
			var usu=$('#usa').val();
			var pas=$('#con').val();
			if(usu===''){
				alert('Ingresar usuario');
				return false;
			}else if(pas===''){
				alert('Ingrese su Contraseña');
				return false;
			}else{
				var par={"usu":usu,"pas":pas};
				$.ajax({
					data:par,
					url:'core/loguearUsuario.php',
					type:'post',
					success:function(res) {
						$("#loguearUsuario").html(res);
					}
				});
			}
		});
		$('.usu').keyup(function(e){
			if(e.keyCode === 13){
				$(this).trigger("enterKey");
			}
		});
		$('#usa').focus();
		/*====================================================*/
		//$('#chk').val('0');
		
		/*====================================================*/
		$("#mie").on( 'change', function() {
			if( $(this).is(':checked') ) {
				$('#chk').val('1');
			} else {
				$('#chk').val('0');
			}
		});
		/*====================================================*/
		activarLogueo();

	});
	</script>
	<script>
		function mantenerLogueo(){
			if($('#chk').val()==='1'){
				var usu=$('#usa').val(),
					pas=$('#con').val();
				$.cookie("usuacx", usu); 
				$.cookie("passcx", pas); 
			}else{
				$.cookie("usuacx", "0"); 
				$.cookie("passcx", "0"); 
			}
		}
	</script>
	
	<script>
		function activarLogueo(){
			if (typeof $.cookie('usuacx') === 'undefined'){
				$('#usa').val('');
				$('#con').val('');
				$("#mie").prop("checked",false);
			} else {
				if($.cookie("usuacx")=="0" || $.cookie("passcx")=="0"){
					$('#usa').val('');
					$('#con').val('');
					$("#mie").prop("checked",false);
			  	}else{
					$('#chk').val('1');
					$('#usa').val($.cookie("usuacx"));
					$('#con').val($.cookie("passcx"));
				 	$("#mie").prop("checked",true);
			  	}
			}
		}
	</script>
	
	</body>
</html>