CasperSecurity
<!DOCTYPE html>
<?php
session_start();
include 'connection/connection.php';
?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="home/images/brand/brand-icon.png" type="image/png" sizes="50x50">
<link rel="apple-touch-icon" href="home/images/brand/brand-icon.png" type="image/png" sizes="50x50">
<title> Asset Management</title>
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Font Awesome -->
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Amebi CDN -->
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
<link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
<link rel="stylesheet" href="plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css">
<link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
<link rel="stylesheet" href="plugins/select2/css/select2.min.css">
<link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
<link rel="stylesheet" href="plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css">
<link rel="stylesheet" href="plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css">
<link rel="stylesheet" href="plugins/toastr/toastr.min.css">
<link rel="stylesheet" href="dist/css/adminlte.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Heebo:wght@300&display=swap"
rel="stylesheet">
<style>
.bg {
background-image: url("home/images/lock-screen/uietclg.png");
opacity: 0.9;
}
.breadcrumb-item a, a {
font-weight: 800!important;
color: white;
}
</style>
</head>
<body class="hold-transition bg" onload="noBack();" onpageshow="if (event.persisted) noBack();" onunload="">
<!-- Main content -->
<section class="content-fluid">
<div class="row justify-content-center">
<div class="col-sm-8 col-md-5 col-lg-5 text-center">
<img src="home/images/lock-screen/uietlogo.png" style="height:120px;">
<div class="brand-signature" style="font-size:25px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px;padding-top:80px;">
Worldwide Asset Tracking & Tagging Application
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-lg-4"></div>
<div class="col-sm-12 col-md-4 col-lg-4">
<div class="login-slide">
<div class="card card-info">
<form class="form-horizontal" action="connection/login/login-validate.php" method="post">
<div class="card-body">
<div class="form-group row">
<label for="inputEmail3" class="col-sm-3 col-form-label text-success">User Name</label>
<div class="col-sm-9 input-group">
<input type="text" class="form-control" id="inputEmail3" name="username"
placeholder="User Id">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-user"></i></span>
</div>
</div>
</div>
<div class="form-group row" style="margin-bottom:0px !important;">
<label for="inputPassword3"
class="col-sm-3 col-form-label text-success">Password</label>
<div class="col-sm-9 input-group">
<input type="password" class="form-control" id="inputPassword3" name="password"
placeholder="Password">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-lock"></i></span>
</div>
</div>
<div class="col-sm-3"></div>
</div>
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-9">
<span>
<?php
if (isset($_SESSION['ERROR_MSG'])) {
?>
<font color="red"><?php echo $_SESSION['ERROR_MSG']; ?></font>
<?php
}
?>
</span>
</div>
</div>
</div>
<div class="card-footer">
<button type="submit" class="btn btn-theme text-light">Sign in</button>
<div class="forgot-password float-right" style="color: green!important;"><a class="forgot-password swalDefaultInfo"
href="#"><i
class="fas fa-exclamation-triangle"></i> Forgot Password</a></div>
</div>
</form>
</div>
<!-- Card Footer -->
<div class="card-footer text-center">
<small style="font-size: 16px;color: white!important;">
<?php echo date("Y"); ?> ©
<a href="https://yobytech.com/" target="_blank">Powered By YoByTech</a> |
<a href="#" data-toggle="modal" data-target="#modal-privarypolicy">Privacy Policy</a>
</small>
</div>
</div>
</div>
</div>
</section>
<!-- Privacy Policy Modal -->
<div class="modal fade" id="modal-privarypolicy">
<div class="modal-dialog modal-lg">
<div class="modal-content"> <!--bg-primary-->
<div class="modal-header bg-theme text-light">
<h4 class="modal-title">YoByTech PRIVACY POLICY</h4>
<button type="button" class="close text-light" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
</div>
<div class="modal-body" style="min-height:60vh;">
<p><span class="text-success"><i class="fas fa-shield-alt"></i></span> This site is secure.…</p>
</div>
<div class="modal-footer justify-content-between">
<!--<button type="button" class="btn btn-outline-light">Close</button>-->
<button type="button" class="btn btn-outline-success" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.Privacy Policy Modal -->
<!-- AMEBI jQuery CDN-->
<script src="plugins/jquery/jquery-3-2-1.min.js"></script>
<script src="plugins/jquery/jquery.min.js"></script>
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="plugins/select2/js/select2.full.min.js"></script>
<script src="plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js"></script>
<script src="plugins/moment/moment.min.js"></script>
<script src="plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<script src="plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<script src="plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="plugins/sweetalert2/sweetalert2.min.js"></script>
<script src="plugins/toastr/toastr.min.js"></script>
<script src="plugins/chart.js/Chart.min.js"></script>
<script src="dist/js/adminlte.min.js"></script>
<script src="dist/js/amebi-control-bar.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<script type="text/livescript">
document.title = document.title.toUpperCase();
document.title = document.title.style.color = "#ff0000";
</script>
<script type="text/javascript">
window.history.forward();
function noBack() {
window.history.forward();
}
</script>
<script type="text/javascript">
$(function () {
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000
});
$('.swalDefaultSuccess').click(function () {
Toast.fire({
icon: 'success',
title: ' WELCOME TO MY SITE.'
})
});
$('.swalDefaultInfo').click(function () {
Toast.fire({
icon: 'info',
title: 'welcome to my website.'
})
});
$('.swalDefaultError').click(function () {
Toast.fire({
icon: 'error',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.swalDefaultWarning').click(function () {
Toast.fire({
icon: 'warning',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.swalDefaultQuestion').click(function () {
Toast.fire({
icon: 'question',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastrDefaultSuccess').click(function () {
toastr.success('Lorem ipsum dolor sit amet, consetetur sadipscing elitr.')
});
$('.toastrDefaultInfo').click(function () {
toastr.info('Lorem ipsum dolor sit amet, consetetur sadipscing elitr.')
});
$('.toastrDefaultError').click(function () {
toastr.error('Lorem ipsum dolor sit amet, consetetur sadipscing elitr.')
});
$('.toastrDefaultWarning').click(function () {
toastr.warning('Lorem ipsum dolor sit amet, consetetur sadipscing elitr.')
});
$('.toastsDefaultDefault').click(function () {
$(document).Toasts('create', {
title: 'Toast Title',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultTopLeft').click(function () {
$(document).Toasts('create', {
title: 'Toast Title',
position: 'topLeft',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultBottomRight').click(function () {
$(document).Toasts('create', {
title: 'Toast Title',
position: 'bottomRight',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultBottomLeft').click(function () {
$(document).Toasts('create', {
title: 'Toast Title',
position: 'bottomLeft',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultAutohide').click(function () {
$(document).Toasts('create', {
title: 'Toast Title',
autohide: true,
delay: 750,
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultNotFixed').click(function () {
$(document).Toasts('create', {
title: 'Toast Title',
fixed: false,
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultFull').click(function () {
$(document).Toasts('create', {
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
title: 'Toast Title',
subtitle: 'Subtitle',
icon: 'fas fa-envelope fa-lg',
})
});
$('.toastsDefaultFullImage').click(function () {
$(document).Toasts('create', {
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
title: 'Toast Title',
subtitle: 'Subtitle',
image: '../../dist/img/user3-128x128.jpg',
imageAlt: 'User Picture',
})
});
$('.toastsDefaultSuccess').click(function () {
$(document).Toasts('create', {
class: 'bg-success',
title: 'Toast Title',
subtitle: 'Subtitle',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultInfo').click(function () {
$(document).Toasts('create', {
class: 'bg-info',
title: 'Toast Title',
subtitle: 'Subtitle',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultWarning').click(function () {
$(document).Toasts('create', {
class: 'bg-warning',
title: 'Toast Title',
subtitle: 'Subtitle',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultDanger').click(function () {
$(document).Toasts('create', {
class: 'bg-danger',
title: 'Toast Title',
subtitle: 'Subtitle',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultMaroon').click(function () {
$(document).Toasts('create', {
class: 'bg-maroon',
title: 'Toast Title',
subtitle: 'Subtitle',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
});
</script>
</body>
<?php
if (isset($_SESSION['ERROR_MSG'])) {
unset($_SESSION['ERROR_MSG']);
}
?>
</html>