MIF_E31211958/app/Views/Auth/login.php

117 lines
5.2 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo base_url() ?>assets/images/logo_smp.png">
<title>Login</title>
<!-- page css -->
<link href="<?php echo base_url() ?>dist/css/pages/login-register-lock.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="<?php echo base_url() ?>dist/css/style.min.css" rel="stylesheet">
<!--Toaster Popup message CSS -->
<link href="<?php echo base_url() ?>assets/node_modules/toast-master/css/jquery.toast.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="horizontal-nav skin-megna card-no-border">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="preloader">
<div class="loader">
<div class="loader__figure"></div>
<p class="loader__label">SPK Penilaian</p>
</div>
</div>
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<section id="wrapper">
<div class="login-register" style="background-image:url(<?php echo base_url() ?>assets/images/bg.jpg);">
<div class="login-box card mx-auto mt-5">
<div class="card-body">
<form class="form-horizontal form-material" id="loginform"
action="<?php echo base_url('proses_login'); ?>" method="post" enctype="multipart/form-data">
<h3 class="box-title m-b-20">Sign In</h3>
<div class="form-group">
<input class="form-control" type="text" required="" placeholder="Username" name="username">
</div>
<div class="form-group">
<input class="form-control" type="password" required="" placeholder="Password"
name="password">
</div>
<div class="form-group text-center">
<button class="btn btn-block btn-lg btn-info btn-rounded" type="submit" name="submit"
value="Login">Log In</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="<?php echo base_url() ?>assets/node_modules/jquery/jquery-3.2.1.min.js"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="<?php echo base_url() ?>assets/node_modules/popper/popper.min.js"></script>
<script src="<?php echo base_url() ?>assets/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Popup message jquery -->
<script src="<?php echo base_url() ?>assets/node_modules/toast-master/js/jquery.toast.js"></script>
<!--Custom JavaScript -->
<script type="text/javascript">
$(function () {
$(".preloader").fadeOut();
});
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
// ==============================================================
// Login and Recover Password
// ==============================================================
$('#to-recover').on("click", function () {
$("#loginform").slideUp();
$("#recoverform").fadeIn();
});
</script>
<script type="text/javascript">
$(function () {
"use strict";
<?php if (session()->getFlashdata('error')): ?>
$.toast({
heading: 'Error',
text: '<?php echo session()->getFlashdata('error'); ?>',
position: 'top-right',
loaderBg: '#ff6849',
icon: 'error',
hideAfter: 3500,
stack: 6
});
<?php endif; ?>
$(".preloader").fadeOut();
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>