136 lines
5.5 KiB
PHP
136 lines
5.5 KiB
PHP
<?php
|
|
include 'config.php';
|
|
session_start();
|
|
|
|
if (isset($_SESSION['user_id'])) {
|
|
header("Location: dashboard.php");
|
|
exit();
|
|
}
|
|
|
|
if (isset($_POST['submit'])) {
|
|
$email = mysqli_real_escape_string($conn, $_POST['email']);
|
|
$password = ($_POST['password']);
|
|
|
|
$sql = "SELECT * FROM users WHERE email='$email' AND password='$password'";
|
|
$result = mysqli_query($conn, $sql);
|
|
|
|
if ($result->num_rows > 0) {
|
|
$row = mysqli_fetch_assoc($result);
|
|
$_SESSION['user_id'] = $row['user_id'];
|
|
$_SESSION['email'] = $row['email'];
|
|
$_SESSION['username'] = $row['username'];
|
|
$_SESSION['role'] = $row['role'];
|
|
header("Location: dashboard.php");
|
|
exit();
|
|
} else {
|
|
echo "<script>alert('Email atau password Anda salah. Silakan coba lagi!')</script>";
|
|
}
|
|
}
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>Grenviro Monitoring </title>
|
|
<!-- base:css -->
|
|
<link rel="stylesheet" href="vendors/mdi/css/materialdesignicons.min.css">
|
|
<link rel="stylesheet" href="vendors/base/vendor.bundle.base.css">
|
|
<!-- endinject -->
|
|
<!-- plugin css for this page -->
|
|
<!-- End plugin css for this page -->
|
|
<!-- inject:css -->
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<!-- endinject -->
|
|
<link rel="shortcut icon" href="images/favicon.png" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container-scroller">
|
|
<div class="container-fluid page-body-wrapper full-page-wrapper">
|
|
<div class="content-wrapper d-flex align-items-stretch auth auth-img-bg">
|
|
<div class="row flex-grow">
|
|
<div class="col-lg-6 d-flex align-items-center justify-content-center">
|
|
<div class="auth-form-transparent text-left p-3">
|
|
<div class="brand-logo">
|
|
<img src="images/logocng.jpg" alt="logo">
|
|
</div>
|
|
<h4>Welcome Back CNG Monitoring</h4>
|
|
<form class="pt-3"action="" method="POST">
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail">Username</label>
|
|
<div class="input-group">
|
|
<div class="input-group-prepend bg-transparent">
|
|
<span class="input-group-text bg-transparent border-right-0">
|
|
<i class="mdi mdi-account-outline text-primary"></i>
|
|
</span>
|
|
</div>
|
|
<input type="text" class="form-control form-control-lg border-left-0" id="email" name="email"placeholder="Username" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="exampleInputPassword">Password</label>
|
|
<div class="input-group">
|
|
<div class="input-group-prepend bg-transparent">
|
|
<span class="input-group-text bg-transparent border-right-0">
|
|
<i class="mdi mdi-lock-outline text-primary"></i>
|
|
</span>
|
|
</div>
|
|
<input type="password" class="form-control form-control-lg border-left-0" id="password" name="password" required placeholder="Password">
|
|
</div>
|
|
</div>
|
|
<div class="my-2 d-flex justify-content-between align-items-center">
|
|
<div class="form-check">
|
|
<label class="form-check-label text-muted">
|
|
<input type="checkbox" class="form-check-input">
|
|
Keep me signed in
|
|
</label>
|
|
</div>
|
|
<!--<a href="wa.me/083122122422" class="auth-link text-black">Forgot password?</a>-->
|
|
</div>
|
|
<div class="my-3">
|
|
<input class="btn btn-block btn-primary btn-lg font-weight-medium auth-form-btn"name="submit" type="submit" value="Login">
|
|
</div>
|
|
<!--<div class="mb-2 d-flex">-->
|
|
<!-- <button type="button" class="btn btn-facebook auth-form-btn flex-grow me-1">-->
|
|
<!-- <i class="mdi mdi-facebook me-2"></i>Facebook-->
|
|
<!-- </button>-->
|
|
<!-- <button type="button" class="btn btn-google auth-form-btn flex-grow ms-1">-->
|
|
<!-- <i class="mdi mdi-google me-2"></i>Google-->
|
|
<!-- </button>-->
|
|
<!--</div>-->
|
|
<!--<div class="text-center mt-4 font-weight-light">-->
|
|
<!-- Tida <a href="register-2.html" class="text-primary">Create</a>-->
|
|
<!--</div>-->
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 login-half-bg d-flex flex-row">
|
|
<p class="text-white font-weight-medium text-center flex-grow align-self-end">Copyright © 2024 CNG Monitoring.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- content-wrapper ends -->
|
|
</div>
|
|
<!-- page-body-wrapper ends -->
|
|
</div>
|
|
<!-- container-scroller -->
|
|
<!-- base:js -->
|
|
<script src="../../vendors/base/vendor.bundle.base.js"></script>
|
|
<!-- endinject -->
|
|
<!-- Plugin js for this page-->
|
|
<!-- End plugin js for this page-->
|
|
<!-- inject:js -->
|
|
<script src="../../js/template.js"></script>
|
|
<!-- endinject -->
|
|
<!-- plugin js for this page -->
|
|
<!-- End plugin js for this page -->
|
|
<!-- Custom js for this page-->
|
|
<!-- End custom js for this page-->
|
|
</body>
|
|
|
|
</html>
|