<?php 
require_once("include/UsuarioMod.php");
if(isset($_SESSION["session_edgard"])){
	$obj_mou=new UsuarioMod();
	$obj_enu=new UsuarioEnt();
	$obj_enu->setIdusua($_SESSION["session_edgard"]);
	$valu=$obj_mou->mostrarUsuario($obj_enu);
	$sesiedgard=$valu->getIdusua();
	$nom_usuari=$valu->getNombreu(); //aun no esta en los otros
	$usu_usuari=$valu->getUsuario(); //aun no esta en los otros
	$cor_usuari=$valu->getCorreo(); //aun no esta en los otros
	$uso_usuari=$valu->getUso(); //aun no esta en los otros
	$est_usuari=$valu->getEstado();//aun no esta en los otros
	$fot_usuari=$valu->getFoto();
	$cel_usuari=$valu->getUcelular();
	$ane_usuari=$valu->getAnexo();
}
?>

<div class="cnpusua" style="width: 100%; background-color: #9E9E9E;float: left;">
	<!--Cambio de clave -->
	<div class="contens">
		<h1><span class="icon-v-card"></span> &nbsp;&nbsp;Perfil de Usuario</h1>
		<h2>Datos de Acceso</h2>
			<table width="100%" border="0">
			  <tbody>
				<tr>
				  <td width="49%">Nombre de usuario:</td>
				  <td width="24%"><?=$usu_usuari?></td>
				  <td width="27%" align="center" style="color: #22960C"><span id="cambiarContrasena"></span></td>
				</tr>
				<tr>
				  <td>Contraseña :</td>
				  <td>********</td>
				  <td>
					<button style="cursor: pointer" id="cambiar" onClick="cambCont();">Cambiar</button>
					<script>
						var clic = 1;
						function cambCont(){ 
							if(clic==1){
								$('#cambios').css('display','block'); 
								$('#cambiar').html('Cancelar'); 
								$('#conante').focus();
								$('#cambiarContrasena').html('');
								clic = clic + 1;
							} else{
								$('#cambios').css('display','none');
								$('#cambiar').html('Cambiar');
								$('#conante').val('');
								$('#connue1').val('');
								$('#connue2').val('');
								clic = 1;
							} 
						}
					</script>
				  </td>
				</tr>
			  </tbody>
			</table>
			<div style="display: none" id="cambios">	
				<table width="100%" border="0">
					<tbody>
					<tr>
					  <td width="57%">Contraseña anterior:</td>
					  <td width="30%"><input type="password" id="conante"></td>
					  <td width="13%">&nbsp;</td>
					</tr>
					<tr>
					  <td>Nueva contraseña:</td>
					  <td><input type="password" id="connue1"></td>
					  <td>&nbsp;</td>
					</tr>
					<tr>
					  <td>Confirmar contraseña:</td>
					  <td><input type="password" id="connue2"></td>
					  <td>&nbsp;</td>
					</tr>
					<tr>
					  <td align="center">
					  <input type="button" value="Aceptar" style="cursor: pointer" onClick="cambiarContrasena('<?=$sesiedgard?>',$('#conante').val(),$('#connue1').val(),$('#connue2').val());"></td>
					  <td align="center">&nbsp;</td>
					  <td>&nbsp;</td>
					</tr>
					<tr>
						<td colspan="2" align="center">&nbsp;</td>
					  <td>&nbsp;</td>
					  </tr>
				  </tbody>			
			</table>		
			</div>
		<br>

		<h2>Datos del Usuario</h2>
		<table width="100%" border="0">
		  <tbody>
			<tr>
			  <td>Nombre:</td>
			  <td><?=$nom_usuari?></td>
			  <td>&nbsp;</td>
			</tr>
			<tr>
			  <td>Celular o telefono:</td>
			  <td><?=$cel_usuari?></td>
			  <td>&nbsp;</td>
			</tr>
			<tr>
			  <td>Anexo:</td>
			  <td><?=$ane_usuari?></td>
			  <td>&nbsp;</td>
			</tr>
			<tr>
			  <td width="41%">Correo:</td>
			  <td width="32%"><?=$cor_usuari?></td>
			  <td width="27%">&nbsp;</td>
			</tr>
			<tr>
			  <td>Tipo de usuario:</td>
			  <td><?=$uso_usuari?></td>
			  <td>&nbsp;</td>
			</tr>
			<tr>
			  <td>Estado de usuario:</td>
			  <td>
			  <?php if($est_usuari=='1'){echo '<span style="color: #4DFF7A">Activo</span>';}else{echo '<span style="color: #F9161A">Inactivo<span>';}?>
			  </td>
			  <td>&nbsp;</td>
			</tr>
		  </tbody>
		</table>
	</div>	

	<!--CAMBIO DE FOTO DE PERFIL-->
	<div class="contens" style="margin-top: 70px;">
		<h2>Foto de perfil</h2>
		<table width="100%" border="0">
			<tbody>
				<tr>
				  <td width="30%" align="left"><img src="img/<?=$fot_usuari?>" style="margin-left: 30px;" width="50" height="50" alt=""/></td>
				  <td width="31%">
					<input type="button" value="Cambiar" style="cursor: pointer" onClick="cambiar_ImagenCrop();">
				  </td>
				  <td width="39%">&nbsp;</td>
				</tr>
			</tbody>
		</table>
	</div>
                      
</div>

<script>

/*function altura(val){
	var di = val-120;
	$(".cnpusua").css({'height':di+'px'});
}
$(document).ready(function() {
	altura($(window).height());
});
$(window).resize(function() {
	altura($(window).height());
});	*/
$(document).ready(function(){
	alert('Holaaaa');
});
</script>

