<? include("Librerias/ConfNivel1.inc");
$Nivel=$_Nivel1;
$ObjSesion=new Sesiones();   //Clase Sesin
$ObjSesion->MVerifica($Nivel);
$Conexion=new DBAccess();
$Conexion->Acceso($Servidor,$UsuarioBD,$ClaveBD,$BaseDatos);
$Formulario=new Formulario();
//FEncabezado($Nivel);

/*Obtenemos los valores por get*/
 $numero = count($_GET);
     $tags = array_keys($_GET);	
	 $valores = array_values($_GET); 
	  // crea las variables y les asigna el valor 
      for($i=0;$i<$numero;$i++){
      $$tags[$i]=$valores[$i];
       }
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
		<meta name="viewport" content="width=device-width, initial-scale=1, charset=ISO-8859-1">
		<link rel="stylesheet" type="text/css" href="<? echo $Nivel ?>bootstrap/css/bootstrap.css">    

         <?

	   if ($_JQuery == 1)

echo '<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>';

else

echo '<script src="'.$Nivel.'bootstrap/js/jquery.min.js"></script>';

	   ?>

        <script src="<? echo $Nivel ?>bootstrap/js/bootstrap.min.js"></script>   

         <style type="text/css" media="all">

		.card {

    margin-top: 20px;

    padding: 30px;

    background-color: rgba(214, 224, 226, 0.2);

    -webkit-border-top-left-radius:5px;

    -moz-border-top-left-radius:5px;

    border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -moz-border-top-right-radius:5px;

    border-top-right-radius:5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.card.hovercard {

    position: relative;

    padding-top: 0;

    overflow: hidden;

    text-align: center;

    background-color: #fff;

    background-color: rgba(255, 255, 255, 1);

}

.card.hovercard .card-background {

    height: 130px;

}

.card-background img {

    -webkit-filter: blur(25px);

    -moz-filter: blur(25px);

    -o-filter: blur(25px);

    -ms-filter: blur(25px);

    filter: blur(25px);

    margin-left: -100px;

    margin-top: -200px;

    min-width: 130%;

}

.card.hovercard .useravatar {

    position: absolute;

    top: 15px;

    left: 0;

    right: 0;

}

.card.hovercard .useravatar img {

    width: 100px;

    height: 100px;

    max-width: 100px;

    max-height: 100px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 5px solid rgba(255, 255, 255, 0.5);

}

.card.hovercard .card-info {

    position: absolute;

    bottom: 14px;

    left: 0;

    right: 0;

}

.card.hovercard .card-info .card-title {

    padding:0 5px;

    font-size: 20px;

    line-height: 1;

    color: #262626;

    background-color: rgba(255, 255, 255, 0.1);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.card.hovercard .card-info {

    overflow: hidden;

    font-size: 12px;

    line-height: 20px;

    color: #737373;

    text-overflow: ellipsis;

}

.card.hovercard .bottom {

    padding: 0 20px;

    margin-bottom: 17px;

}

.btn-pref .btn {

    -webkit-border-radius:0 !important;

}

.bordes {

	-webkit-box-shadow: 2px -2px 25px -8px rgba(0,0,0,0.75);

-moz-box-shadow: 2px -2px 25px -8px rgba(0,0,0,0.75);

box-shadow: 2px -2px 25px -8px rgba(0,0,0,0.75);

}

.abajo{

	-webkit-box-shadow: -4px 14px 32px -6px rgba(0,0,0,0.75);

-moz-box-shadow: -4px 14px 32px -6px rgba(0,0,0,0.75);

box-shadow: -4px 14px 32px -6px rgba(0,0,0,0.75);

}

.medio{

	-webkit-box-shadow: 3px 11px 22px -6px rgba(0,0,0,0.75);

-moz-box-shadow: 3px 11px 22px -6px rgba(0,0,0,0.75);

box-shadow: 3px 11px 22px -6px rgba(0,0,0,0.75);

}

		</style> 

 <script language="javascript">       

    $(document).ready(function() {

$(".btn-pref .btn").click(function () {

    $(".btn-pref .btn").removeClass("btn-primary").addClass("btn-default");

    // $(".tab").addClass("active"); // instead of this do the below 

    $(this).removeClass("btn-default").addClass("btn-primary");   

});

});    

</script>  

<? include $Nivel."menu1.php"; 

//OBTENCION DEL USER

$ConsultaUsuario="SELECT * FROM usuarios WHERE IdUsuario=".$_SESSION["IdUsuario"];

$RowUsuario=$Conexion->MSelectRegistro($ConsultaUsuario);



?>                     

		<title>Gestion de Almacen (by Chaloc)</title>        

	</head>

	<body style="padding-top: 60px;">

    <div class="col-lg-6 col-sm-6">

    <div class="card hovercard bordes">

        <div class="card-background">

            <img class="card-bkimg" alt="" src="<? if ($RowUsuario["foto"]) echo 'img/fotos/'.$RowUsuario["foto"]; else echo 'img/fotos/sin_nombre.jpg'?>">

        </div>

        <div class="useravatar">

            <img alt="" src="<? if ($RowUsuario["foto"]) echo 'img/fotos/'.$RowUsuario["foto"]; else echo 'img/fotos/sin_nombre.jpg'?>">

        </div>

        <div class="card-info"> <span class="card-title"><? echo $RowUsuario["Usuario"]?></span>



        </div>

    </div>

    <div class="btn-pref btn-group btn-group-justified btn-group-lg" role="group" aria-label="...">

        <div class="btn-group" role="group">

            <button type="button" id="stars" class="btn btn-primary" href="#tab1" data-toggle="tab"><span class="fa fa-address-card" aria-hidden="true"></span>

                <div class="hidden-xs">Usuario</div>

            </button>

        </div>

        <div class="btn-group" role="group">

            <button type="button" id="favorites" class="btn btn-default" href="#tab2" data-toggle="tab"><span class="fa fa-cog" aria-hidden="true"></span>

                <div class="hidden-xs">Ajustes</div>

            </button>

        </div>

        <div class="btn-group" role="group">

            <button type="button" id="following" class="btn btn-default" href="#tab3" data-toggle="tab"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>

                <div class="hidden-xs">Sesi&oacute;n</div>

            </button>

        </div>

    </div>



        <div class="well abajo">

      <div class="tab-content">

        <div class="tab-pane fade in active" id="tab1">

           <address>          

            <strong>Usuario: </strong><? echo $RowUsuario["Usuario"];?></br>

            <strong>Puesto: </strong><? echo $RowUsuario["Puesto"];?></br>

          </address> 

        </div>

        <div class="tab-pane fade in" id="tab2">

          <address>

          <strong>Operaciones: </strong><br>

            <a href="Administracion/CambiarPassword.php">Cambiar Contrase&ntilde;a</a><br>

            <a href="Administracion/CambiarAvatar.php">Cambiar avatar</a><br>

            <a href="Administracion/BitacoraUsuarios.php">Bit&aacute;cora</a>

          </address>

        </div>

        <div class="tab-pane fade in" id="tab3">

        <strong>Sesiones: </strong><br>

            <a href="FinSesion.php">Cerrar Sesi&oacute;n</a><br>

          </address>

        </div>

      </div>

    </div>

    

    </div>

            

    

    </body>