<div class="container">
   <h1 class="text-center">Ingresar al sistema</h1>
   <hr>
      <div class="panel panel-primary">
  <div class="panel-heading">
    <section class="text-center">
        <h1 class="panel-title">Proporciona tu nombre de usuario y contraseña para acceder a todas las funciones del sistema.</h1>
        </section>
    </div>
    <div class="panel-body">
   <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
       <img class="img-responsive center-block" src="images/icons/users-1.png" width="175" height="175" alt=""/>
   </div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 hidden-xs">
       <img class="img-responsive center-block" src="images/icons/login.png" width="175" height="175" alt=""/>
   </div>
   <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
   <?php if (isset($_GET['error'])){ echo("Error al iniciar sesión, por favor intentalo de nuevo"); } ?>
       <hr>
    <form action="logging.php" id="login" name="login" method="POST" role="form">
      <label for="username" class="sr-only">Nombre de usuario:</label>
      <div class="input-group form-group">
        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
        <input id="username" type="text" class="form-control" name="username" placeholder="Nombre de usuario" size="12">
      </div>
      <label for="password" class="sr-only">Contraseña:</label>
      <div class="input-group form-group">
        <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
        <input id="password" type="password" class="form-control" name="password" placeholder="Contraseña" size="12">
      </div>
      <div class="form-group text-center">
        <input name="submit" type="submit" class="btn btn-lg btn-success" id="ingresar" value="Ingresar">
      </div>
    </form>
    </div>
  </div>
  </div>
</div>

<?php
if (isset($_POST['username']) && isset($_POST['password'])){
    require_once("Connections/conexion.php");

    $loginNombre = $_POST['username'];
    $loginPassword = $_POST['password'];

    $consulta = "SELECT * FROM perfil WHERE username='$loginNombre' AND password='$loginPassword';";

    if($resultado = $mysqli->query($consulta)){
        while ($row = $resultado->fetch_array()){
            $userok = $row["usuario"];
            $passok = $row["password"];
        }
        $resultado->close();
    }
    $mysqli->close();

    if(isset($loginNombre) && isset($loginPassword)){
        if($loginNombre == $userok && $loginPassword == $passok){
            session_start();
            $_SESSION['logged'] = TRUE;
            header("Location: perfil.php");
        }

        else {
            header("Location: login.php?error=login");
        }
    }
}

else {
    header("Location: index.php");
}
?>

<?php

//Iniciar la conexion
$mysqli = new MySQLi('localhost', 'root', 'Lauren10110love', 'stacatalina');
if ($mysqli->connect_errno){
    echo("Error debido a ".$mysqli->connect_errno.' - '.$mysqli->connect_error.'n');
}
return($mysqli);
?>