243 lines
14 KiB
PHP
243 lines
14 KiB
PHP
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<!--
|
||
|
|
Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
|
||
|
|
Author: KeenThemes
|
||
|
|
Website: http://www.keenthemes.com/
|
||
|
|
Contact: support@keenthemes.com
|
||
|
|
Follow: www.twitter.com/keenthemes
|
||
|
|
Dribbble: www.dribbble.com/keenthemes
|
||
|
|
Like: www.facebook.com/keenthemes
|
||
|
|
Purchase: https://1.envato.market/EA4JP
|
||
|
|
Renew Support: https://1.envato.market/EA4JP
|
||
|
|
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||
|
|
-->
|
||
|
|
<html lang="en">
|
||
|
|
<!--begin::Head-->
|
||
|
|
<head><base>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>Client Helpdesk Supporting System</title>
|
||
|
|
<meta http-equiv="Content-Security-Policy" content="style-src: 'self'; script-src: 'self'; default-src: 'self';" />
|
||
|
|
<meta name="description" content="Login Page Client Helpdesk Supporting System" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
||
|
|
<meta http-equiv="Pragma" content="no-cache" />
|
||
|
|
<meta http-equiv="Expires" content="Fri, 01 Jan 1990 00:00:00 GMT" />
|
||
|
|
<meta name="csrf-token" content="{{ csrf_token() }}"/>
|
||
|
|
<!--begin::Fonts-->
|
||
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
|
||
|
|
<!--end::Fonts-->
|
||
|
|
<!--begin::Page Custom Styles(used by this page)-->
|
||
|
|
<link href="{{ asset('assets/css/pages/login/login-1.css?v=7.0.5') }}" rel="stylesheet" type="text/css" />
|
||
|
|
<!--end::Page Custom Styles-->
|
||
|
|
<!--begin::Global Theme Styles(used by all pages)-->
|
||
|
|
<link href="{{ asset('assets/plugins/global/plugins.bundle.css?v=7.0.5') }}" rel="stylesheet" type="text/css" />
|
||
|
|
<link href="{{ asset('assets/plugins/custom/prismjs/prismjs.bundle.css?v=7.0.5') }}" rel="stylesheet" type="text/css" />
|
||
|
|
<link href="{{ asset('assets/css/style.bundle.css?v=7.0.5') }}" rel="stylesheet" type="text/css" />
|
||
|
|
<!--end::Global Theme Styles-->
|
||
|
|
<!--begin::Layout Themes(used by all pages)-->
|
||
|
|
<!--end::Layout Themes-->
|
||
|
|
<link rel="shortcut icon" href="{{ asset('assets/media/others/1.png') }}" />
|
||
|
|
<style>
|
||
|
|
/* @media (min-width: 992px) and (max-width: 1399.98px) { */
|
||
|
|
.login.login-1 .login-aside {
|
||
|
|
width: 100%;
|
||
|
|
max-width: 700px !important;
|
||
|
|
}
|
||
|
|
/* } */
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<!--end::Head-->
|
||
|
|
<!--begin::Body-->
|
||
|
|
<body id="kt_body" class="header-fixed header-mobile-fixed subheader-enabled page-loading">
|
||
|
|
<!--begin::Main-->
|
||
|
|
<div class="d-flex flex-column flex-root">
|
||
|
|
<!--begin::Login-->
|
||
|
|
<div class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white" id="kt_login" style="background-image: url('{{ asset('assets/media/bg/feeliCn.png') }}'); background-size: 100% 100%;">
|
||
|
|
<!--begin::Content-->
|
||
|
|
<div class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto">
|
||
|
|
<!--begin::Content body-->
|
||
|
|
<div class="d-flex flex-column-fluid flex-center">
|
||
|
|
<!--begin::Signin-->
|
||
|
|
<div class="login-form login-signin">
|
||
|
|
<!--begin::Form-->
|
||
|
|
<form class="form" novalidate="novalidate" id="kt_login_signin_form">
|
||
|
|
@csrf
|
||
|
|
<!--begin::Title-->
|
||
|
|
<div class="pb-13 pt-lg-0 pt-5 text-center">
|
||
|
|
<h3 class="font-weight-bolder font-size-h4 font-size-h2-lg text-white">Log In</h3>
|
||
|
|
{{-- <span class="text-muted font-weight-bold font-size-h4">Website --}}
|
||
|
|
{{-- <img src="{{ asset('assets/media/others/1.png') }}" alt="" class="max-h-100px"> --}}
|
||
|
|
{{-- <a href="javascript:;" id="kt_login_signup" class="text-white font-weight-bolder">Create an Account</a></span> --}}
|
||
|
|
</div>
|
||
|
|
<!--begin::Title-->
|
||
|
|
<!--begin::Form group-->
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="font-size-h6 font-weight-bolder text-white">Username</label>
|
||
|
|
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg" type="text" name="username" id="username" autocomplete="off" />
|
||
|
|
</div>
|
||
|
|
<!--end::Form group-->
|
||
|
|
<!--begin::Form group-->
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="d-flex justify-content-between mt-n5">
|
||
|
|
<label class="font-size-h6 font-weight-bolder text-white pt-5">Password</label>
|
||
|
|
{{-- <a href="javascript:;" class="text-primary font-size-h6 font-weight-bolder text-hover-primary pt-5" id="kt_login_forgot">Forgot Password ?</a> --}}
|
||
|
|
</div>
|
||
|
|
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg" type="password" name="password" id="password" autocomplete="off" />
|
||
|
|
</div>
|
||
|
|
<!--end::Form group-->
|
||
|
|
<!--begin::Action-->
|
||
|
|
<div class="pb-lg-0 pb-5">
|
||
|
|
<button type="button" id="kt_login_signin_submit" class="btn btn-primary font-weight-bolder font-size-h6 btn-lg my-3 mr-3">Sign In</button>
|
||
|
|
{{-- <button type="button" class="btn btn-light-primary font-weight-bolder px-8 py-4 my-3 font-size-lg">
|
||
|
|
<span class="svg-icon svg-icon-md">
|
||
|
|
<!--begin::Svg Icon | path:assets/media/svg/social-icons/google.svg-->
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
||
|
|
<path d="M19.9895 10.1871C19.9895 9.36767 19.9214 8.76973 19.7742 8.14966H10.1992V11.848H15.8195C15.7062 12.7671 15.0943 14.1512 13.7346 15.0813L13.7155 15.2051L16.7429 17.4969L16.9527 17.5174C18.879 15.7789 19.9895 13.221 19.9895 10.1871Z" fill="#4285F4" />
|
||
|
|
<path d="M10.1993 19.9313C12.9527 19.9313 15.2643 19.0454 16.9527 17.5174L13.7346 15.0813C12.8734 15.6682 11.7176 16.0779 10.1993 16.0779C7.50243 16.0779 5.21352 14.3395 4.39759 11.9366L4.27799 11.9466L1.13003 14.3273L1.08887 14.4391C2.76588 17.6945 6.21061 19.9313 10.1993 19.9313Z" fill="#34A853" />
|
||
|
|
<path d="M4.39748 11.9366C4.18219 11.3166 4.05759 10.6521 4.05759 9.96565C4.05759 9.27909 4.18219 8.61473 4.38615 7.99466L4.38045 7.8626L1.19304 5.44366L1.08875 5.49214C0.397576 6.84305 0.000976562 8.36008 0.000976562 9.96565C0.000976562 11.5712 0.397576 13.0882 1.08875 14.4391L4.39748 11.9366Z" fill="#FBBC05" />
|
||
|
|
<path d="M10.1993 3.85336C12.1142 3.85336 13.406 4.66168 14.1425 5.33717L17.0207 2.59107C15.253 0.985496 12.9527 0 10.1993 0C6.2106 0 2.76588 2.23672 1.08887 5.49214L4.38626 7.99466C5.21352 5.59183 7.50242 3.85336 10.1993 3.85336Z" fill="#EB4335" />
|
||
|
|
</svg>
|
||
|
|
<!--end::Svg Icon-->
|
||
|
|
</span>Sign in with Google</button> --}}
|
||
|
|
</div>
|
||
|
|
<!--end::Action-->
|
||
|
|
</form>
|
||
|
|
<!--end::Form-->
|
||
|
|
</div>
|
||
|
|
<!--end::Signin-->
|
||
|
|
<!--begin::Signup-->
|
||
|
|
{{-- <div class="login-form login-signup">
|
||
|
|
<!--begin::Form-->
|
||
|
|
<form class="form" novalidate="novalidate" id="kt_login_signup_form">
|
||
|
|
<!--begin::Title-->
|
||
|
|
<div class="pb-13 pt-lg-0 pt-5">
|
||
|
|
<h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg">Sign Up</h3>
|
||
|
|
<p class="text-muted font-weight-bold font-size-h4">Enter your details to create your account</p>
|
||
|
|
</div>
|
||
|
|
<!--end::Title-->
|
||
|
|
<!--begin::Form group-->
|
||
|
|
<div class="form-group">
|
||
|
|
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="text" placeholder="Fullname" name="fullname" autocomplete="off" />
|
||
|
|
</div>
|
||
|
|
<!--end::Form group-->
|
||
|
|
<!--begin::Form group-->
|
||
|
|
<div class="form-group">
|
||
|
|
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="email" placeholder="Email" name="email" autocomplete="off" />
|
||
|
|
</div>
|
||
|
|
<!--end::Form group-->
|
||
|
|
<!--begin::Form group-->
|
||
|
|
<div class="form-group">
|
||
|
|
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="password" placeholder="Password" name="password" autocomplete="off" />
|
||
|
|
</div>
|
||
|
|
<!--end::Form group-->
|
||
|
|
<!--begin::Form group-->
|
||
|
|
<div class="form-group">
|
||
|
|
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="password" placeholder="Confirm password" name="cpassword" autocomplete="off" />
|
||
|
|
</div>
|
||
|
|
<!--end::Form group-->
|
||
|
|
<!--begin::Form group-->
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="checkbox mb-0">
|
||
|
|
<input type="checkbox" name="agree" />I Agree the
|
||
|
|
<a href="#">terms and conditions</a>.
|
||
|
|
<span></span></label>
|
||
|
|
</div>
|
||
|
|
<!--end::Form group-->
|
||
|
|
<!--begin::Form group-->
|
||
|
|
<div class="form-group d-flex flex-wrap pb-lg-0 pb-3">
|
||
|
|
<button type="button" id="kt_login_signup_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4">Submit</button>
|
||
|
|
<button type="button" id="kt_login_signup_cancel" class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3">Cancel</button>
|
||
|
|
</div>
|
||
|
|
<!--end::Form group-->
|
||
|
|
</form>
|
||
|
|
<!--end::Form-->
|
||
|
|
</div> --}}
|
||
|
|
<!--end::Signup-->
|
||
|
|
<!--begin::Forgot-->
|
||
|
|
{{-- <div class="login-form login-forgot">
|
||
|
|
<!--begin::Form-->
|
||
|
|
<form class="form" novalidate="novalidate" id="kt_login_forgot_form">
|
||
|
|
<!--begin::Title-->
|
||
|
|
<div class="pb-13 pt-lg-0 pt-5">
|
||
|
|
<h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg">Forgotten Password ?</h3>
|
||
|
|
<p class="text-muted font-weight-bold font-size-h4">Enter your email to reset your password</p>
|
||
|
|
</div>
|
||
|
|
<!--end::Title-->
|
||
|
|
<!--begin::Form group-->
|
||
|
|
<div class="form-group">
|
||
|
|
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="email" placeholder="Email" name="email" autocomplete="off" />
|
||
|
|
</div>
|
||
|
|
<!--end::Form group-->
|
||
|
|
<!--begin::Form group-->
|
||
|
|
<div class="form-group d-flex flex-wrap pb-lg-0">
|
||
|
|
<button type="button" id="kt_login_forgot_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4">Submit</button>
|
||
|
|
<button type="button" id="kt_login_forgot_cancel" class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3">Cancel</button>
|
||
|
|
</div>
|
||
|
|
<!--end::Form group-->
|
||
|
|
</form>
|
||
|
|
<!--end::Form-->
|
||
|
|
</div> --}}
|
||
|
|
<!--end::Forgot-->
|
||
|
|
</div>
|
||
|
|
<!--end::Content body-->
|
||
|
|
<!--begin::Content footer-->
|
||
|
|
{{-- <div class="d-flex justify-content-lg-start justify-content-center align-items-end py-7 py-lg-0">
|
||
|
|
<a href="#" class="text-primary font-weight-bolder font-size-h5">Terms</a>
|
||
|
|
<a href="#" class="text-primary ml-10 font-weight-bolder font-size-h5">Plans</a>
|
||
|
|
<a href="#" class="text-primary ml-10 font-weight-bolder font-size-h5">Contact Us</a>
|
||
|
|
</div> --}}
|
||
|
|
<!--end::Content footer-->
|
||
|
|
</div>
|
||
|
|
<!--end::Content-->
|
||
|
|
<!--begin::Aside-->
|
||
|
|
<div class="login-aside d-flex flex-column flex-row-auto justify-content-center">
|
||
|
|
<!--begin::Aside Bottom-->
|
||
|
|
{{-- <div class="aside-img d-flex flex-row-fluid bgi-no-repeat bgi-position-y-bottom bgi-position-x-center" style="background-image: url({{ asset('assets/media/bg/feeliCn.png') }})"></div> --}}
|
||
|
|
<!--end::Aside Bottom-->
|
||
|
|
<!--begin::Aside Top-->
|
||
|
|
{{-- <div class="d-flex flex-column-auto flex-column pt-lg-10 pt-15">
|
||
|
|
<!--begin::Aside header-->
|
||
|
|
<a href="#" class="text-center mb-10">
|
||
|
|
<img src="{{ asset('assets/media/others/4.png') }}" class="max-h-100px" alt="" />
|
||
|
|
</a>
|
||
|
|
<!--end::Aside header-->
|
||
|
|
<!--begin::Aside title-->
|
||
|
|
<h3 class="font-weight-bolder text-center font-size-h4 font-size-h1-lg" style="color: #3056a2;">Client Helpdesk Supporting System
|
||
|
|
<br />PT. Bayu Sinergi Solusi</h3>
|
||
|
|
<!--end::Aside title-->
|
||
|
|
</div>
|
||
|
|
<!--end::Aside Top--> --}}
|
||
|
|
</div>
|
||
|
|
<!--begin::Aside-->
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!--end::Login-->
|
||
|
|
</div>
|
||
|
|
<!--end::Main-->
|
||
|
|
<script>var HOST_URL = "https://keenthemes.com/metronic/tools/preview";</script>
|
||
|
|
<!--begin::Global Config(global config for global JS scripts)-->
|
||
|
|
<script>var KTAppSettings = { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200, "xxl": 1200 }, "colors": { "theme": { "base": { "white": "#ffffff", "primary": "#6993FF", "secondary": "#E5EAEE", "success": "#1BC5BD", "info": "#8950FC", "warning": "#FFA800", "danger": "#F64E60", "light": "#F3F6F9", "dark": "#212121" }, "light": { "white": "#ffffff", "primary": "#E1E9FF", "secondary": "#ECF0F3", "success": "#C9F7F5", "info": "#EEE5FF", "warning": "#FFF4DE", "danger": "#FFE2E5", "light": "#F3F6F9", "dark": "#D6D6E0" }, "inverse": { "white": "#ffffff", "primary": "#ffffff", "secondary": "#212121", "success": "#ffffff", "info": "#ffffff", "warning": "#ffffff", "danger": "#ffffff", "light": "#464E5F", "dark": "#ffffff" } }, "gray": { "gray-100": "#F3F6F9", "gray-200": "#ECF0F3", "gray-300": "#E5EAEE", "gray-400": "#D6D6E0", "gray-500": "#B5B5C3", "gray-600": "#80808F", "gray-700": "#464E5F", "gray-800": "#1B283F", "gray-900": "#212121" } }, "font-family": "Poppins" };</script>
|
||
|
|
<!--end::Global Config-->
|
||
|
|
<!--begin::Global Theme Bundle(used by all pages)-->
|
||
|
|
<script src="{{ asset('assets/plugins/global/plugins.bundle.js?v=7.0.5') }}"></script>
|
||
|
|
<script src="{{ asset('assets/plugins/custom/prismjs/prismjs.bundle.js?v=7.0.5') }}"></script>
|
||
|
|
<script src="{{ asset('assets/js/scripts.bundle.js?v=7.0.5') }}"></script>
|
||
|
|
<script src="{{ asset('assets/js/cryptojs-aes.min.js') }}"></script>
|
||
|
|
<script src="{{ asset('assets/js/cryptojs-aes-format.js') }}"></script>
|
||
|
|
<script>
|
||
|
|
var base_url = "{{ url('/') }}"+"/";
|
||
|
|
$.ajaxSetup({
|
||
|
|
headers: {
|
||
|
|
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<!--end::Global Theme Bundle-->
|
||
|
|
<!--begin::Page Scripts(used by this page)-->
|
||
|
|
{{-- <script src="{{ asset('assets/js/pages/custom/login/login-general.js?v=7.0.5') }}"></script> --}}
|
||
|
|
@include('auth.action')
|
||
|
|
<!--end::Page Scripts-->
|
||
|
|
</body>
|
||
|
|
<!--end::Body-->
|
||
|
|
</html>
|