127 lines
5.2 KiB
PHP
127 lines
5.2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Martabak Hawaii</title>
|
|
|
|
<!-- Google Font: Source Sans Pro -->
|
|
<link rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="{{ asset('assets/plugins/fontawesome-free/css/all.min.css') }}">
|
|
<!-- icheck bootstrap -->
|
|
<link rel="stylesheet" href="{{ asset('assets/plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">
|
|
<!-- Theme style -->
|
|
<link rel="stylesheet" href="{{ asset('assets/dist/css/adminlte.min.css') }}">
|
|
</head>
|
|
|
|
<body class="hold-transition login-page">
|
|
<div class="login-box">
|
|
<!-- /.login-logo -->
|
|
<div class="card card-outline card-danger">
|
|
<div class="card-header text-center">
|
|
<a href="{{ route('login') }}" class="h1"><b>Log</b> IN</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="text-center">
|
|
<img src="{{ asset('assets/images/martabak-hawaii.png') }}" width="200px" class="img-fluid pad"
|
|
alt="Martabak Hawaii" style="">
|
|
</div>
|
|
<h3 class="login-box-msg">Martabak Hawaii</h3>
|
|
@if (Session::has('message'))
|
|
<div class="alert alert-{{ Session::get('message')['type'] }}">
|
|
{{ Session::get('message')['msg'] }}</div>
|
|
@endif
|
|
<form class="needs-validation" method="post" action="{{ route('login.process') }}">
|
|
@csrf
|
|
<div class="input-group mb-3">
|
|
<input type="email" class="form-control" placeholder="Email" name="email">
|
|
<div class="input-group-append">
|
|
<div class="input-group-text">
|
|
<span class="fas fa-envelope"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input-group mb-3">
|
|
<input type="password" class="form-control" placeholder="Password" name="password">
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-default" id="showPassword">
|
|
<span class="fas fa-lock"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-8">
|
|
<div class="icheck-primary">
|
|
<input type="checkbox" id="remember">
|
|
<label for="remember">
|
|
Remember Me
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<!-- /.col -->
|
|
<div class="col-4">
|
|
<button type="submit" class="btn btn-danger btn-block">Sign In</button>
|
|
</div>
|
|
<!-- /.col -->
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- /.card-body -->
|
|
</div>
|
|
<!-- /.card -->
|
|
</div>
|
|
<!-- /.login-box -->
|
|
|
|
<link rel="stylesheet" href="{{ asset('assets/plugins/toastr/toastr.min.css') }}">
|
|
|
|
<!-- jQuery -->
|
|
<script src="{{ asset('assets/plugins/jquery/jquery.min.js') }}"></script>
|
|
<!-- Bootstrap 4 -->
|
|
<script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
|
|
<!-- AdminLTE App -->
|
|
<script src="{{ asset('assets/dist/js/adminlte.min.js') }}"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$('#showPassword').click(function() {
|
|
console.log('clicked');
|
|
if ($(this).hasClass('btn-default')) {
|
|
$(this).removeClass('btn-default');
|
|
$(this).addClass('btn-primary');
|
|
$(this).html('<span class="fas fa-unlock"></span>');
|
|
$('input[type="password"]').attr('type', 'text');
|
|
} else {
|
|
$(this).removeClass('btn-primary');
|
|
$(this).addClass('btn-default');
|
|
$(this).html('<span class="fas fa-lock"></span>');
|
|
$('input[type="text"]').attr('type', 'password');
|
|
}
|
|
});
|
|
});
|
|
|
|
function showAlert(params) {
|
|
|
|
var result = JSON.parse(params);
|
|
if (result.status == 'error') {
|
|
toastr.error(result.message, 'Error', {
|
|
timeOut: 2000
|
|
});
|
|
} else if (result.status == 'warning') {
|
|
toastr.warning(result.message, 'Warning', {
|
|
timeOut: 2000
|
|
});
|
|
} else if (result.status == 'success') {
|
|
toastr.success(result.message, 'Success', {
|
|
timeOut: 2000
|
|
});
|
|
}
|
|
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|