You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
444 lines
18 KiB
PHTML
444 lines
18 KiB
PHTML
@php
|
|
use NN\Session;
|
|
use NN\Module\DB;
|
|
use NN\Module\Perusahaan as perush;
|
|
@endphp
|
|
<!DOCTYPE html>
|
|
<html lang="en" data-textdirection="ltr">
|
|
<!-- BEGIN: Head-->
|
|
<head>
|
|
<meta name="robots" content="noindex">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
|
<meta name="author" content="VDS">
|
|
@if(APPNAME === 'usp')
|
|
<title>Login Page Koperasi | {{perush::get('nama_perusahaan')}}</title>
|
|
@else
|
|
<title>Login Page Accounting | {{perush::get('nama_perusahaan')}}</title>
|
|
@endif
|
|
<link rel="apple-touch-icon" href="{{ASSET}}/{{LOGO}}">
|
|
<link rel="shortcut icon" type="image/x-icon" href="{{ASSET}}/{{LOGO}}">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/open-sans.css">
|
|
|
|
<!-- BEGIN: Vendor CSS-->
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/vendors/css/vendors.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/vendors/css/tables/datatable/datatables.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/vendors/css/plugins/toastr.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/vendors/css/plugins/select2.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/vendors/css/plugins/bootstrap-datepicker.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/vendors/css/plugins/jquery.datetimepicker.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/vendors/css/plugins/dropzone.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/vendors/css/plugins/sweetalert2.min.css">
|
|
<!-- END: Vendor CSS-->
|
|
|
|
<!-- BEGIN: Theme CSS-->
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/bootstrap-extended.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/colors.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/components.min.css">
|
|
<!-- END: Theme CSS-->
|
|
|
|
<!-- BEGIN: Page CSS-->
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/core/menu/menu-types/vertical-menu-modern.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/core/colors/palette-gradient.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/core/colors/palette-callout.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/vendors/css/charts/morris.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/fonts/simple-line-icons/style.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/toastr.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/wizard.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/uploaders.dropzone.min.css">
|
|
<!-- END: Page CSS-->
|
|
|
|
<!-- BEGIN: Custom CSS-->
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/login-register.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ASSET}}/assets/css/style.css">
|
|
<style>
|
|
body {
|
|
background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%);
|
|
min-height: 100vh;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
body::before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 200%;
|
|
height: 200%;
|
|
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 60%);
|
|
animation: rotate 30s linear infinite;
|
|
top: -50%;
|
|
left: -50%;
|
|
}
|
|
@keyframes rotate {
|
|
from { transform: rotate(0deg); }
|
|
to { transform: rotate(360deg); }
|
|
}
|
|
@keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes fadeInLeft {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateX(-20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
@keyframes pulse {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
transform: scale(1.05);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
.login-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100vh;
|
|
padding: 2rem;
|
|
}
|
|
.login-image {
|
|
background: url('{{ASSET}}/assets/images/cooperative-bg.jpg') center/cover;
|
|
border-radius: 20px 0 0 20px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 600px;
|
|
animation: fadeInLeft 1s ease-out;
|
|
}
|
|
.login-image::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: linear-gradient(45deg, rgba(46, 125, 50, 0.9), rgba(27, 94, 32, 0.9));
|
|
z-index: 1;
|
|
}
|
|
.login-image-content {
|
|
position: relative;
|
|
z-index: 2;
|
|
color: white;
|
|
padding: 2rem;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.login-image-content h2 {
|
|
font-size: 2.5rem;
|
|
font-weight: 700;
|
|
margin-bottom: 1rem;
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
|
|
animation: fadeInUp 1s ease-out;
|
|
color: #ffffff;
|
|
}
|
|
.login-image-content p {
|
|
font-size: 1.1rem;
|
|
line-height: 1.6;
|
|
margin-bottom: 2rem;
|
|
opacity: 0.9;
|
|
animation: fadeInUp 1s ease-out 0.2s backwards;
|
|
color: #ffffff;
|
|
}
|
|
.login-image-content .features {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
animation: fadeInUp 1s ease-out 0.4s backwards;
|
|
}
|
|
.login-image-content .features li {
|
|
margin-bottom: 1rem;
|
|
display: flex;
|
|
align-items: center;
|
|
color: #ffffff;
|
|
}
|
|
.login-image-content .features li i {
|
|
margin-right: 1rem;
|
|
font-size: 1.2rem;
|
|
animation: pulse 2s infinite;
|
|
}
|
|
.card {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
backdrop-filter: blur(10px);
|
|
border: none;
|
|
border-radius: 0 20px 20px 0;
|
|
box-shadow: 0 15px 35px rgba(0,0,0,0.2);
|
|
transition: transform 0.3s ease;
|
|
height: 600px;
|
|
animation: fadeInUp 1s ease-out 0.6s backwards;
|
|
}
|
|
.card:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
.btn-info {
|
|
background: linear-gradient(45deg, #2e7d32, #43a047) !important;
|
|
border: none !important;
|
|
box-shadow: 0 4px 15px rgba(46, 125, 50, 0.3);
|
|
transition: all 0.3s ease;
|
|
}
|
|
.btn-info:hover {
|
|
background: linear-gradient(45deg, #1b5e20, #2e7d32) !important;
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 6px 20px rgba(46, 125, 50, 0.4);
|
|
}
|
|
.btn-danger {
|
|
background: linear-gradient(45deg, #d32f2f, #e53935) !important;
|
|
border: none !important;
|
|
box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3);
|
|
transition: all 0.3s ease;
|
|
}
|
|
.btn-danger:hover {
|
|
background: linear-gradient(45deg, #b71c1c, #d32f2f) !important;
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 6px 20px rgba(211, 47, 47, 0.4);
|
|
}
|
|
.text-primary {
|
|
color: #2e7d32 !important;
|
|
text-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
|
}
|
|
.form-control {
|
|
border-radius: 10px;
|
|
border: 2px solid #e0e0e0;
|
|
padding: 12px 20px;
|
|
transition: all 0.3s ease;
|
|
background: rgba(255, 255, 255, 0.9);
|
|
}
|
|
.form-control:focus {
|
|
border-color: #2e7d32;
|
|
box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.25);
|
|
background: #ffffff;
|
|
}
|
|
.form-control-position {
|
|
top: 12px;
|
|
}
|
|
.card-title h1 {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
margin-bottom: 0.5rem;
|
|
background: linear-gradient(45deg, #2e7d32, #43a047);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.card-subtitle span {
|
|
font-size: 1.1rem;
|
|
color: #666;
|
|
font-weight: 500;
|
|
}
|
|
.logo-container {
|
|
position: relative;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.logo-container img {
|
|
transition: transform 0.3s ease;
|
|
animation: pulse 2s infinite;
|
|
}
|
|
.logo-container:hover img {
|
|
transform: scale(1.05);
|
|
}
|
|
.form-group {
|
|
position: relative;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.form-group i {
|
|
color: #2e7d32;
|
|
font-size: 1.2rem;
|
|
}
|
|
.footer {
|
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
backdrop-filter: blur(10px);
|
|
border: none !important;
|
|
}
|
|
.footer p {
|
|
color: rgba(255, 255, 255, 0.9) !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.login-image {
|
|
display: none;
|
|
}
|
|
.card {
|
|
border-radius: 20px;
|
|
}
|
|
}
|
|
</style>
|
|
<!-- END: Custom CSS-->
|
|
|
|
</head>
|
|
<!-- END: Head-->
|
|
|
|
<!-- BEGIN: Body-->
|
|
<body class="vertical-layout vertical-menu-modern 1-column blank-page" data-open="click" data-menu="vertical-menu-modern" data-col="1-column">
|
|
|
|
<!-- BEGIN: Content-->
|
|
<div class="app-content content">
|
|
<div class="content-overlay"></div>
|
|
<div class="content-wrapper">
|
|
<div class="content-header row"></div>
|
|
<div class="content-body">
|
|
<section class="row flexbox-container">
|
|
<div class="col-12 d-flex align-items-center justify-content-center">
|
|
<div class="col-lg-10 col-md-12 col-12 box-shadow-2 p-0">
|
|
<div class="row no-gutters">
|
|
<div class="col-lg-6">
|
|
<div class="login-image">
|
|
<div class="login-image-content">
|
|
<h2>Selamat Datang di {{HOSTAPP == ""? "KOPERASI": "ACCOUNTING"}}</h2>
|
|
<p>Mitra terpercaya Anda dalam pengelolaan koperasi dan layanan keuangan.</p>
|
|
<ul class="features">
|
|
<li><i class="la la-check-circle"></i> Platform yang Aman dan Terpercaya</li>
|
|
<li><i class="la la-check-circle"></i> Pengelolaan Keuangan yang Mudah</li>
|
|
<li><i class="la la-check-circle"></i> Pemantauan Transaksi Real-time</li>
|
|
<li><i class="la la-check-circle"></i> Tim Dukungan Profesional</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="card border-grey border-lighten-3 m-0">
|
|
<div class="card-header border-0">
|
|
<div class="card-title text-center">
|
|
<div class="logo-container">
|
|
<img src="{{ASSET}}/{{LOGO}}" alt="branding logo" width="150">
|
|
</div>
|
|
<h1 class="mt-1"><b>{{HOSTAPP == ""? "KOPERASI": "ACCOUNTING"}}</b></h1>
|
|
@if(APPNAME === 'acc')
|
|
<h5 class="text-primary"><b>ACCOUNTING</b></h5>
|
|
@endif
|
|
@if(APPNAME === 'setup')
|
|
<h5 class="text-primary"><b>Setting APP</b></h5>
|
|
@endif
|
|
@if(APPNAME === 'usp')
|
|
<h5 class="text-primary"><b>KOPERASI</b></h5>
|
|
@endif
|
|
</div>
|
|
<h6 class="card-subtitle line-on-side text-muted text-center font-small-3 pt-2">
|
|
<span>Selamat datang kembali! Silakan login ke akun Anda</span>
|
|
</h6>
|
|
</div>
|
|
<div class="card-content">
|
|
<div class="card-body">
|
|
@if(APPNAME === 'setup')
|
|
<form id="flogin" method="post" class="form-horizontal" action="{{PATH}}/loginrequestadmin" autocomplete="off">
|
|
@elseif(APPNAME === 'acc')
|
|
<form id="flogin" method="post" class="form-horizontal" action="{{PATH}}/loginrequestacc" autocomplete="off">
|
|
@else
|
|
<form id="flogin" method="post" class="form-horizontal" action="{{PATH}}/loginrequest" autocomplete="off">
|
|
@endif
|
|
<fieldset class="form-group position-relative has-icon-left mb-2">
|
|
<input name="username" type="text" class="form-control input-lg" id="user-name" placeholder="Nama Pengguna" required>
|
|
<div class="form-control-position">
|
|
<i class="la la-user"></i>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="form-group position-relative has-icon-left mb-3">
|
|
<input name="password" type="password" class="form-control input-lg" id="user-password" placeholder="Kata Sandi" required>
|
|
<div class="form-control-position">
|
|
<i class="la la-key"></i>
|
|
</div>
|
|
</fieldset>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<button type="submit" class="btn btn-info btn-block btn-lg"><i class="ft-unlock"></i> Masuk</button>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<button type="button" onclick="location.href = '/';" class="btn btn-danger btn-block btn-lg"><i class="ft-x"></i> Keluar</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END: Content-->
|
|
<div class="sidenav-overlay"></div>
|
|
<div class="drag-target"></div>
|
|
|
|
<!-- BEGIN: Footer-->
|
|
<footer class="footer fixed-bottom footer-light navbar-border navbar-shadow">
|
|
<p class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span class="float-md-left d-block d-md-inline-block">Copyright © 2023 {{perush::get('nama_perusahaan')}}</span><span class="float-md-right d-none d-lg-block"><i class="ft-layers text-warning"></i> App Ver. {{perush::get('version_app')}}<span id="scroll-top"></span></span></p>
|
|
</footer>
|
|
<!-- END: Footer-->
|
|
|
|
<!-- BEGIN: Vendor JS-->
|
|
<script src="{{ASSET}}/assets/vendors/js/vendors.min.js"></script>
|
|
<!-- BEGIN Vendor JS-->
|
|
|
|
<!-- BEGIN: Page Vendor JS-->
|
|
<script src="{{ASSET}}/assets/vendors/js/tables/datatable/datatables.min.js"></script>
|
|
<script src="{{ASSET}}/assets/vendors/js/plugins/toastr.min.js"></script>
|
|
<script src="{{ASSET}}/assets/vendors/js/plugins/select2.full.min.js"></script>
|
|
<script src="{{ASSET}}/assets/vendors/js/plugins/bootstrap-datepicker.min.js"></script>
|
|
<script src="{{ASSET}}/assets/vendors/js/plugins/jquery.datetimepicker.full.min.js"></script>
|
|
<script src="{{ASSET}}/assets/vendors/js/plugins/jquery.steps.min.js"></script>
|
|
<script src="{{ASSET}}/assets/vendors/js/plugins/dropzone.min.js"></script>
|
|
<script src="{{ASSET}}/assets/vendors/js/plugins/sweetalert2.all.min.js"></script>
|
|
<!-- END: Page Vendor JS-->
|
|
|
|
<!-- BEGIN: Page Vendor JS-->
|
|
<script src="{{ASSET}}/assets/vendors/js/charts/chart.min.js"></script>
|
|
<script src="{{ASSET}}/assets/vendors/js/charts/raphael-min.js"></script>
|
|
<script src="{{ASSET}}/assets/vendors/js/charts/morris.min.js"></script>
|
|
<!-- END: Page Vendor JS-->
|
|
|
|
<!-- BEGIN: Theme JS-->
|
|
<script src="{{ASSET}}/assets/js/core/app-menu.min.js"></script>
|
|
<script src="{{ASSET}}/assets/js/core/app.min.js"></script>
|
|
<script src="{{ASSET}}/assets/js/scripts/customizer.min.js"></script>
|
|
<script src="{{ASSET}}/assets/js/scripts/footer.min.js"></script>
|
|
<!-- END: Theme JS-->
|
|
|
|
<!-- BEGIN: Page JS-->
|
|
<script src="{{ASSET}}/assets/js/jquery.floatThead.min.js"></script>
|
|
<script src="{{ASSET}}/assets/js/printThis.js"></script>
|
|
<!-- END: Page JS-->
|
|
<script>
|
|
var datademo = '{!! json_encode(DB::query_result_object("SELECT * FROM username WHERE setup = '".KODEAPP."' AND demo = 1")) !!}';
|
|
datademo = JSON.parse(datademo);
|
|
if(datademo.length > 0){
|
|
$("#user-name").val(
|
|
datademo[0].username
|
|
);
|
|
$("#user-password").val(
|
|
datademo[0].password
|
|
);
|
|
};
|
|
Array.from(document.querySelectorAll('[data-kode]')).forEach(function(r){
|
|
if(r.dataset.kode == '{{APPNAME}}'){
|
|
r.className = 'btn btn-primary btn-block';
|
|
};
|
|
});
|
|
</script>
|
|
@if(Session::get('message') != '')
|
|
<script>
|
|
toastr.warning("Username atau password salah silahkan ulangi kembali","Maaf",{positionClass:"toast-top-full-width",progressBar:!0});
|
|
</script>
|
|
@php
|
|
Session::delete('message');
|
|
@endphp
|
|
@endif
|
|
|
|
</body>
|
|
<!-- END: Body-->
|
|
</html> |