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/lock-screen-background-1.jpg");} </style>
<script type="text/livescript">
document.title = document.title.toUpperCase();
document.title = document.title.style.color = "#ff0000";
</script>
<!--<style>
.bg{background-image: url("home/images/lock-screen/atraket.jpg");}
.text-light {
color: #28a745!important;
}
.brand-signature {
color: #28a745!important;
font-weight: 900;
}
</style>-->
<script type="text/javascript" >
window.history.forward();
function noBack() { window.history.forward(); }
</script>
</head>
<body class="hold-transition bg" onload="noBack();"
onpageshow="if (event.persisted) noBack();" onunload="">
<!-- Main content -->
<section class="content-fluid">
<div class="row">
<div class="col-sm-2 col-md-5 col-lg-4"></div>
<div class="col-sm-8 col-md-5 col-lg-5">
<div class="brand text-light">atrakēt</div>
<!--<img src="atraketlg.png" style="height:235px;">-->
<div class="brand-icon col-sm-none">
<svg version="1.1" id="L2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<circle fill="none" stroke="#fff" stroke-width="4" stroke-miterlimit="10" cx="50" cy="50" r="48"/>
<line fill="none" stroke-linecap="round" stroke="#fff" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="85" y2="50.5">
<animateTransform
attributeName="transform"
dur="2s"
type="rotate"
from="0 50 50"
to="360 50 50"
repeatCount="indefinite" />
</line>
<line fill="none" stroke-linecap="round" stroke="#fff" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="49.5" y2="74">
<animateTransform
attributeName="transform"
dur="15s"
type="rotate"
from="0 50 50"
to="360 50 50"
repeatCount="indefinite" />
</line>
</svg>
</div>
<div class="brand-signature" style="bottom:0px!important;padding-top:16px!important;font-size:20px!important;padding-left:0px!important;">Worldwide Asset Tracking & Tagging Application by <!--<a href="https://yobytech.com" target="_blank">YOBYTECH</a>--></div>
</div>
<div class="col-sm-none col-md-3 col-lg-3">
</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">
<!--<div class="card-header">
<h3 class="card-title">Horizontal Form</h3>
</div>-->
<!-- /.card-header -->
<!-- form start -->
<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 class="col-sm-9 forgot-password"><a class="forgot-password swalDefaultInfo" href="#"><i class="fas fa-exclamation-triangle"></i> Forgot Password</a></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 class="form-group row">
<div class="offset-sm-2 col-sm-10">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck2">
<label class="form-check-label" for="exampleCheck2">Remember me</label>
</div>
</div>
</div>-->
</div>
<!-- /.card-body -->
<div class="card-footer">
<button type="submit" class="btn btn-theme text-light">Sign in</button>
<div class="forgot-password float-right"><a class="forgot-password swalDefaultInfo" href="#"><i class="fas fa-exclamation-triangle"></i> Forgot Password</a></div>
</div>
<!-- /.card-footer -->
</form>
</div>
<div class="col-md-12 col-lg-12 text-center text-light">
<?php echo date("Y");?> © <a class="copyright" href="https://yobytech.com/" target="_blank">Powered By YoByTech</a> | <a class="privacypolicy" href="#" data-toggle="modal" data-target="#modal-privarypolicy">Privacy Policy</a>
</div>
</div>
</div>
<!--<div class="col-md-12 col-lg-12 text-center"><?php echo date("Y");?> © AMEBI</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>
<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>