Files
mylesen/resources/views/auth/login_adminlte.blade.php

109 lines
7.4 KiB
PHP

<!DOCTYPE html>
<html lang="en"> <!--begin::Head-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>myLesen | MBIP</title><!--begin::Primary Meta Tags-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="myLesen | MBIP">
<meta name="author" content="mylesen@MBIP">
<meta name="description" content="Sistem permohonan lesen penjaja MBIP">
<meta name="keywords" content="under dev mbip"><!--end::Primary Meta Tags--><!--begin::Fonts-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css" integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" crossorigin="anonymous"><!--end::Fonts--><!--begin::Third Party Plugin(OverlayScrollbars)-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css" integrity="sha256-dSokZseQNT08wYEWiz5iLI8QPlKxG+TswNRD8k35cpg=" crossorigin="anonymous"><!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Third Party Plugin(Bootstrap Icons)-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css" integrity="sha256-Qsx5lrStHZyR9REqhUF8iQt73X06c8LGIUPzpOhwRrI=" crossorigin="anonymous"><!--end::Third Party Plugin(Bootstrap Icons)--><!--begin::Required Plugin(AdminLTE)-->
<link rel="stylesheet" href="{{asset('css/adminlte.css')}}"><!--end::Required Plugin(AdminLTE)-->
@yield('css')
</head> <!--end::Head--> <!--begin::Body-->
<body class="login-page bg-body-secondary">
<div class="login-box">
<div class="card card-outline card-primary">
<div class="card-header"> <a href="../index2.html" class="link-dark text-center link-offset-2 link-opacity-100 link-opacity-50-hover">
<h1 class="mb-0"> <b>myLesen</b>@MBIP
</h1>
</a> </div>
<div class="card-body login-card-body">
<p class="login-box-msg">Sign in to start your session</p>
<form action="{{ route('login') }}" method="post">
@csrf
<div class="input-group mb-1">
<div class="form-floating"> <input id="nokp" name="nokp" type="text" class="form-control @error('nokp') is-invalid @enderror" value="{{ old('nokp') }}" required autofocus placeholder=""> <label for="nokp">{{ __('No KP') }}</label> </div>
<div class="input-group-text"> <span class="bi bi-envelope"></span> </div>
</div>
@error('nokp')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
<div class="input-group mb-1">
<div class="form-floating"> <input id="password" name="password" type="password" class="form-control @error('password') is-invalid @enderror" placeholder="" required> <label for="password">{{ __('Password') }}</label> </div>
<div class="input-group-text"> <span class="bi bi-lock-fill"></span> </div>
</div> <!--begin::Row-->
@error('password')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
<div class="row">
<div class="col-8 d-inline-flex align-items-center">
&nbsp;
</div> <!-- /.col -->
<div class="col-4">
<div class="d-grid gap-2"> <button type="submit" class="btn btn-primary">{{ __('Log in') }}</button> </div>
</div> <!-- /.col -->
</div> <!--end::Row-->
</form>
<div class="social-auth-links text-center mb-3 d-grid gap-2">
<p>- OR -</p> <a href="#" class="btn btn-primary"> <i class="bi bi-facebook me-2"></i> Sign in using Facebook
</a> <a href="#" class="btn btn-danger"> <i class="bi bi-google me-2"></i> Sign in using Google+
</a>
</div> <!-- /.social-auth-links -->
<p class="mb-1"> <a href="forgot-password.html">I forgot my password</a> </p>
<p class="mb-0"> <a href="register.html" class="text-center">
Register a new membership
</a> </p>
</div> <!-- /.login-card-body -->
</div>
</div> <!-- /.login-box -->
<!-- Remember Me -->
<div class="block mt-4">
<label for="remember_me" class="inline-flex items-center">
<input id="remember_me" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
<span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
</label>
</div>
<div class="flex items-center justify-end mt-4">
@if (Route::has('password.request'))
<a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800" href="{{ route('password.request') }}">
{{ __('Forgot your password?') }}
</a>
@endif
<x-primary-button class="ms-3">
{{ __('Log in') }}
</x-primary-button>
</div>
</form>
<footer class="app-footer"> <!--begin::To the end-->
<div class="float-end d-none d-sm-inline">Urusan Online, Jimat Masa!</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
Copyright &copy; 2024&nbsp;
<a href="https://adminlte.io" class="text-decoration-none">microEn MBIP</a>.
</strong>
All rights reserved.
<!--end::Copyright-->
</footer> <!--end::Footer-->
</div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
<!-- jQuery -->
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-H2VM7BKda+v2Z4+DRy69uknwxjyDRhszjXFhsL4gD3w=" crossorigin="anonymous"></script> <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha256-whL0tQWoY1Ku1iskqPFvmZ+CHsvmRWx/PIoEvIeWh4I=" crossorigin="anonymous"></script> <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha256-YMa+wAM6QkVyz999odX7lPRxkoYAan8suedu4k2Zur8=" crossorigin="anonymous"></script> <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
<script src="{{asset('js/adminlte.js')}}"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
</body><!--end::Body-->
</html>