<?php
 
  
 
  include 'include/autoload.php';
 
 
  if (isset($_SESSION["username"])) {
 
      header("location: dashboard.php");
 
  }
 
 
  if (isset($_POST["Submit"])) {
 
      $Username = $_POST["Username"];
 
      $Password = $_POST["Password"];
 
 
      //Creating new object to fetch the base
 
      $fetch = new UserView($Username, $Password);
 
      if ($fetch->username == "user not found") {
 
          $error = $fetch->username;
 
      }else{
 
        $_SESSION["username"] = $fetch->username;
 
        header("location: dashboard.php");
 
      }
 
  }
 
?>
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <!-- This file has been downloaded from Bootsnipp.com. Enjoy! -->
 
    <title>Login Page - Bootsnipp.com</title>
 
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
 
    <style type="text/css">
 
         .wrapper {    
 
    margin-top: 80px;
 
    margin-bottom: 20px;
 
}
 
 
.form-signin {
 
  max-width: 420px;
 
  padding: 30px 38px 66px;
 
  margin: 0 auto;
 
  background-color: #eee;
 
  border: 3px dotted rgba(0,0,0,0.1);  
 
  }
 
 
.form-signin-heading {
 
  text-align:center;
 
  margin-bottom: 30px;
 
}
 
 
.form-control {
 
  position: relative;
 
  font-size: 16px;
 
  height: auto;
 
  padding: 10px;
 
}
 
 
input[type="text"] {
 
  margin-bottom: 0px;
 
  border-bottom-left-radius: 0;
 
  border-bottom-right-radius: 0;
 
}
 
 
input[type="password"] {
 
  margin-bottom: 20px;
 
  border-top-left-radius: 0;
 
  border-top-right-radius: 0;
 
}
 
 
.colorgraph {
 
  height: 7px;
 
  border-top: 0;
 
  background: #c4e17f;
 
  border-radius: 5px;
 
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
 
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
 
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
 
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
 
}
 
    
 
    </style>
 
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
 
</head>
 
<body>
 
    <div class = "container">
 
    <div class="wrapper">
 
        <form action="" method="post" class="form-signin">       
 
            <h3 class="form-signin-heading">Simple Auth OOP PHP</h3>
 
              <hr class="colorgraph"><br>
 
              <?php
 
          if (isset($error)) {
 
            ?>
 
              <div class="alert alert-danger text-center">
 
                <strong>Error!</strong> <?php echo $error; ?>
 
            </div>
 
            <?php
 
          }
 
        ?>
 
              <input type="text" class="form-control" name="Username" placeholder="Username" required="" autofocus="" />
 
              <input type="password" class="form-control" name="Password" placeholder="Password" required=""/>               
 
             
 
              <button class="btn btn-lg btn-primary btn-block"  name="Submit" value="Login" type="Submit">Login</button>              
 
        </form>            
 
    </div>
 
</div>
 
   
 
<script type="text/javascript">
 
 
</script>
 
</body>
 
</html>
 
 
 |