<?php
include("fn/basicas_cracu.php"); //FUNCIONES GENÉRICAS EN PHP

verificar_session();

$id_usuario = $_SESSION['id_user'];

if(!empty($_POST['modificar_cuenta'])){ //comienzo el proceso de modificacion
	//$sSQL="update usuarios set clave='$clave' where id='$id_usuario'";
	$nuevo_twitter = $_POST['twitter'];
	$sSQL = "UPDATE usuarios SET twitter='$opcion_1',
			twitter = '$nuevo_twitter' WHERE id = '$id_usuario'";
			mysql_query($sSQL);
}

if($id_usuario != ''){
	$result2 = mysql_query("select * from usuarios where id='$id_usuario'"); 
	$usuario = mysql_fetch_array($result2);
}

$query = "select * from usuarios where id = '$id_usuario'";
$result = mysql_query($query);
$datos_usuario = mysql_fetch_array($result);

$result2 = mysql_query("select * from pedidos where id_usuario='$id_usuario'"); 

$pedidos_totales = 0;
$pedidos_pendientes_imprimir = 0;
$pedidos_pendientes_recoger = 0;
while ($pedidos = mysql_fetch_array($result2)){
	if($pedidos[estado] == 1){
		$pedidos_pendientes_imprimir++;
	}elseif($pedidos[estado] == 2){
		$pedidos_pendientes_recoger++;
	}
	$pedidos_totales++;
}

if($_POST['clave1']!=""){
$clave = $_POST['clave1'];

$sSQL="update usuarios set clave='$clave' where id='$id_usuario'";

mysql_query($sSQL);

cerrar_session();
}

?>
<html lang="es-es" dir="ltr">
<head>
<title>CRACU.com | Imprime online en tu copistería</title>
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Cracu.com">
<meta name="keywords" content="cracu, cracu.com, imprimir online, copistería, fotocopias">
<meta name="author" content="CRACU.com">
		
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/slider1.css" rel="stylesheet" type="text/css" media="all" />

<script src="js/commons1.11.js" type="text/javascript"></script>
<script src="js/jquery.bxslider.js" type="text/javascript"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>  
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="js/slider.min.js" type="text/javascript"></script>

<script src="js/droparea.js"></script>

<script>

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-62478791-1', 'auto');
  ga('send', 'pageview');
</script>
<script>
$(document).ready(function() {
	
	$(document).click(function(){
		$("#caja_login").mouseleave(function(){
			document.getElementById("caja_login").style.display = "";
		});
	});
	
		 document.getElementById('resultadosBusqueda').style.display = "none";
	<?php if ($_POST['cadenaBusqueda'] != ""){?>
		document.getElementById('resultadosBusqueda').style.display = "block";
		$('html, body').animate({scrollTop:630}, 1200);
	<?php } ?>
	
	$('#coin-slider').coinslider({ width: 800, height: 350,  navigation: true, delay: 5000 , sDelay: 50,  opacity: 0.9,titleSpeed: 600,links: false,hoverPause: true});
         
	//FUNCIÓN PARA BAJAR LA PÁGINA CON VELOCIDAD AL HACER CLICK EN UN ENLACE
    $('a.scroller').click(function() {
			
         if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
         
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
            // alert(target);
			 
			if (target.length) {
				 //alert(target.offset().top);
                 $('html,body').animate({scrollTop: target.offset().top}, 900);
				 return false;
              }
         }
    });
	// FIN DE FUNCIÓN
	
	
		       
});
</script>
	  
<script type="text/javascript">

//---------------------------------------------------------		



function mostrar_bocadillo_info(indice){
		document.getElementById('info'+indice).style.display = "block";
};
function ocultar_bocadillo_info(indice){
		document.getElementById('info'+indice).style.display = "none";
};


function login(){
	var caja = document.getElementById("caja_login");
	if(caja.style.display == ""){
		caja.style.display = "block";
	}
	else{
		caja.style.display = "";
	}
	$('#email1').focus();
};

function nuevapass(){
	//alert("cambiar contraseña");
	var datos = document.getElementById("panel_usuario");
	var nuevo = document.getElementById("cambiar");
	var boton = document.getElementById("cambiar_boton");
	var baja = document.getElementById("baja");
	var boton_baja = document.getElementById("baja_boton");
	boton_baja.style.color = "grey";
	nuevo.style.display = "block";
	baja.style.display = "none";
	datos.style.height = "1500px";
	boton.style.color = "red";
};

function cancelar(){
	var nuevo = document.getElementById("cambiar");
	var datos = document.getElementById("panel_usuario");
	var boton_cambio = document.getElementById("cambiar_boton");
	var boton_baja = document.getElementById("baja_boton");
	var baja = document.getElementById("baja");
	nuevo.style.display = "none";
	baja.style.display = "none";
	datos.style.height = "1110px";
	boton_cambio.style.color = "grey";
	boton_baja.style.color = "grey";
};

function validar(){
		p1 = document.cambiar.pass1.value;
		p2 = document.cambiar.pass2.value;
		ok=1;
			
			if(p1 != p2){
				document.cambiar.pass1.style.border="2px solid red";
				document.cambiar.pass2.style.border="2px solid red";
				alert("Las contraseñas introducidas son distintas");
				ok=0;
			}
			else{
				document.cambiar.pass1.style.border="none";
				document.cambiar.pass2.style.border="none";
			}

			if(ok == 1){
				return true;
			}
			else{
				return false;
			}
};

function darsebaja(){
	var datos = document.getElementById("panel_usuario");
	var baja = document.getElementById("baja");
	var boton_baja = document.getElementById("baja_boton");
	var boton_cambio = document.getElementById("cambiar_boton");
	var nuevo = document.getElementById("cambiar");
	nuevo.style.display = "none";
	baja.style.display = "block";
	datos.style.height = "1300px";
	boton_baja.style.color = "red";
	boton_cambio.style.color = "grey";
};

</script>

</head>

<body>

<?php
include("fn/cuadro_login_1.php"); //CUADRO LOGIN
?>

<div class="wrap1">
	<a href="index.php">
		<div class="logo">
		</div>
	</a>
	
	<?php if ($_SESSION['user'] == ""){ ?>
	
	<div class="menu">
		<div class="cssmenu">
			<ul>
				<li class="separador"></li>
				<li><a href="registro.php"><span>Registro</span></a></li>
				<li class="active" id="b"><a href="javascript:login()"><span>Iniciar sesión</span></a></li>
			 </ul>
		</div>
	</div>
	
	<?php }else{ 
			//$usuario = $_SESSION['user'];
			$empleado = 0;
			//$result3 = mysql_query("select * from usuarios where username='$usuario'"); 
			//$registro3 = mysql_fetch_array($result3);
			if( $usuario['id_copisteria'] > 0){
				$empleado = 1;
			}
	?>
	<div class="menu2">
		<div class="cssmenu">
			<ul>
				<li class="separador"></li>
				<?php if($empleado){  ?>
				<li><a href="panel/index.php" target="_blank"><span>Panel Copistería</span></a></li>
				<?php }else{ ?>
				<li><a href="mis-pedidos.php"><span>Mis pedidos</span></a></li>
				<?php } ?>
				<li><a href="usuario.php"><span>Mi cuenta</span></a></li>
				<li class="active" id="b"><a href="?sesion=off"><span>Salir</span></a></li>
			 </ul>
		</div>
	</div>
	
	
	
	<?php }?>
</div>
<div class="web">

<div class="wrap31">
	<div class="menu-secundario">
	<a href="index.php" class="">Página principal</a>
	</div>
	<div class="separador"></div>
	<div class="menu-secundario" Id="boton_buscarLugar">
	<a href="buscar.php">Encuentra tu copistería</a>
	</div>
	<!--
	<div class="separador"></div>
	<div class="menu-secundario">
	<a href="condiciones.php">Términos y condiciones</a>
	</div>
	-->
</div>

<div class="panel_usuario" Id="panel_usuario">
	<h1>Mi panel de usuario en CRACU.com</h1>
	<div class="info_usuario" id="datos_usuario">
		<div class="foto_usuario"></div>
		
		<a name="twitter1">
		<form method="POST" action="usuario.php" name="form_cuenta">
		<input type="hidden" name="modificar_cuenta" value="si">
		
		<div class="linea_usuario">
			<div class="etiqueta_info">Nombre</div>
			<div class="info"><?php echo utf8_encode($datos_usuario[nombre]); ?></div>
		</div>
		<div class="linea_usuario">
			<div class="etiqueta_info">Letra DNI</div>
			<div class="info"><?php echo $datos_usuario[dni]; ?></div>
		</div>
				
		
		<div class="linea_usuario">
			<div class="etiqueta_info">Teléfono</div>
			<div class="info"><?php echo $datos_usuario[telefono1]; ?></div>
		</div>
		<div class="linea_usuario">
			<div class="etiqueta_info">Correo electrónico</div>
			<div class="info"><?php echo $datos_usuario[email]; ?></div>
		</div>
		
		
		
		<div class="linea_usuario">
			<div class="etiqueta_info">Twitter</div>

			<?php  if ($_GET['act']=="mod1"){ ?>
				<input type="text" class="info" name="twitter" id="twitter" value="<?php echo $datos_usuario[twitter]; ?>"/>
			<?php }else{ ?>
				<div class="info"><?php echo $datos_usuario[twitter]; ?>  <a href="usuario.php?act=mod1#twitter1"><img alt="editar campo" src="images/lapiz.png" width="20px" style="float:right;"/></a></div>
			
			<?php } ?>
		</div>
		
		<!--
		<div class="linea_usuario">
			<div class="etiqueta_info">Sexo</div>
			<div class="info"><?php //echo $datos_usuario[sexo]; ?></div>
		</div>
		-->
		</form>

	<a href="mis-pedidos.php">
	<div class="pedidos_usuario">
<?php
if($datos_usuario[id_copisteria]==0){	
?>	
		<div class="caja_pedidos">
		<div class="numero_pedidos"><?php echo $pedidos_totales; ?></div>
		Todos los pedidos
		</div>
		<div class="separador"></div>
		<div class="caja_pedidos">
		<div class="numero_pedidos"><?php echo $pedidos_pendientes_imprimir; ?></div>
		Pendientes de imprimir
		</div>
		<div class="separador"></div>
		<div class="caja_pedidos">
		<div class="numero_pedidos"><?php echo $pedidos_pendientes_recoger; ?></div>
		Pendientes de recoger
		</div>
<?php
}
?>
	</div>
	</a>
		<?php  if ($_GET['act']=="mod1"){ ?>
			<a class="boton_usuario" id="baja_boton" href="javascript:document.form_cuenta.submit()">Guardar</a>
		<?php }?>
				
		<a class="boton_usuario" id="baja_boton" href="javascript:darsebaja()">Dar de baja tu cuenta</a>
		<a class="boton_usuario" id="cambiar_boton" href="javascript:nuevapass()">Cambiar contraseña</a>
		
	</div>
	
	
<form id="cambiar" name="cambiar" method="post" action="usuario.php" onsubmit="return validar()" class="cambiar_contraseña">
<table class="tabla">
	<tr>
		<td>
		<label class="etiqueta_registro">Nueva contraseña</label>
		</td>
		<td>
		<input type="password" class="rellenar_registro" name="clave1" id="pass1" size="40" required pattern="[0-9a-zA-Z]{6,}"/>
		<p class="instrucciones">debe contener al menos 6 letras y/o números</p>
		</td>
	</tr>
	<tr>
		<td>	
		<label class="etiqueta_registro">Repetir contraseña</label>
		</td>
		<td>
		<input type="password" class="rellenar_registro" name="clave2" id="pass2" size="40" required pattern="[0-9a-zA-Z]{6,}"/>
		<p class="instrucciones"></p>
		</td>
	</tr>
		<tr>
		<td>
			<input type="submit" class="boton_usuario" value="CONFIRMAR CAMBIAR CONTRASEÑA" Id="confirmar" onsubmit="return validar()" onclick="alert('Inicia sesión con tu nueva clave')" >
		</td>
		<td>
			<a class="boton_usuario" id="cancelar" href="javascript:cancelar()">CANCELAR</a>
		</td>
	</tr>
</table>
	</form>
	
<form id="baja" name="baja" method="post" action="index.php"  class="baja">
<div class="caja_baja">
		¿ Realmente deseas darte de baja de <span>CRACU.com</span> ? : (<br><br>
		
		Envíanos un correo indicándonoslo a <a href="mailto:info@cracu.com">info@cracu.com</a> para dar de baja tu cuenta de usuario
		
		<!--
		<a class="boton_usuario" id="cancelar" href="javascript:cancelar()">CANCELAR</a>
		<input type="submit" class="boton_usuario" value="CONFIRMAR DARSE DE BAJA" Id="confirmar_baja" onclick="alert('Se ha dado de baja tu usuario')">
		-->
		</div>
	</form>
	
</div>

	
<?php
include("fn/pie_pagina_1.php"); //CUADRO LOGIN
?>


</body>
</html>