173 lines
10 KiB
PHP
173 lines
10 KiB
PHP
<!--
|
|
=========================================================
|
|
* Corporate UI - v1.0.0
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/corporate-ui
|
|
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
|
|
* Licensed under MIT (https://www.creative-tim.com/license)
|
|
* Coded by Creative Tim
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="{{asset('corporate-ui/img/apple-icon.png')}}">
|
|
<link rel="icon" type="image/png" href="{{asset('corporate-ui/img/favicon.png')}}">
|
|
<title>
|
|
smartPenjaja | MBIP
|
|
</title>
|
|
<!-- Fonts and icons -->
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Noto+Sans:300,400,500,600,700,800|PT+Mono:300,400,500,600,700" rel="stylesheet" />
|
|
<!-- Nucleo Icons -->
|
|
<link href="{{asset('corporate-ui/css/nucleo-icons.css')}}" rel="stylesheet" />
|
|
<link href="{{asset('corporate-ui/css/nucleo-svg.css')}}" rel="stylesheet" />
|
|
<!-- Font Awesome Icons -->
|
|
<script src="https://kit.fontawesome.com/349ee9c857.js" crossorigin="anonymous"></script>
|
|
<link href="{{asset('corporate-ui/css/nucleo-svg.css')}}" rel="stylesheet" />
|
|
<!-- CSS Files -->
|
|
<link id="pagestyle" href="{{asset('corporate-ui/css/corporate-ui-dashboard.css?v=1.0.0')}}" rel="stylesheet" />
|
|
@yield('css')
|
|
</head>
|
|
|
|
<body class="">
|
|
<div class="container position-sticky z-index-sticky top-0">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<!-- Navbar -->
|
|
<nav class="navbar navbar-expand-lg blur border-radius-sm top-0 z-index-3 shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
|
|
<div class="container-fluid px-1">
|
|
<a class="navbar-brand font-weight-bolder ms-lg-0 " href="../pages/dashboard.html">
|
|
smartPenjaja | MBIP
|
|
</a>
|
|
<button class="navbar-toggler shadow-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon mt-2">
|
|
<span class="navbar-toggler-bar bar1"></span>
|
|
<span class="navbar-toggler-bar bar2"></span>
|
|
<span class="navbar-toggler-bar bar3"></span>
|
|
</span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navigation">
|
|
<ul class="navbar-nav mx-auto ms-xl-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center me-2 " aria-current="page" href="../pages/dashboard.html">
|
|
<svg width="14" height="14" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="currentColor" class="opacity-6 me-1">
|
|
<g id="dashboard" stroke="none" stroke-width="1" fill-rule="evenodd">
|
|
<g id="template" transform="translate(1.000000, 1.000000)">
|
|
<path d="M0,1.71428571 C0,0.76752 0.76752,0 1.71428571,0 L22.2857143,0 C23.2325143,0 24,0.76752 24,1.71428571 L24,5.14285714 C24,6.08962286 23.2325143,6.85714286 22.2857143,6.85714286 L1.71428571,6.85714286 C0.76752,6.85714286 0,6.08962286 0,5.14285714 L0,1.71428571 Z"></path>
|
|
<path d="M0,12 C0,11.0532171 0.76752,10.2857143 1.71428571,10.2857143 L12,10.2857143 C12.9468,10.2857143 13.7142857,11.0532171 13.7142857,12 L13.7142857,22.2857143 C13.7142857,23.2325143 12.9468,24 12,24 L1.71428571,24 C0.76752,24 0,23.2325143 0,22.2857143 L0,12 Z"></path>
|
|
<path d="M18.8571429,10.2857143 C17.9103429,10.2857143 17.1428571,11.0532171 17.1428571,12 L17.1428571,22.2857143 C17.1428571,23.2325143 17.9103429,24 18.8571429,24 L22.2857143,24 C23.2325143,24 24,23.2325143 24,22.2857143 L24,12 C24,11.0532171 23.2325143,10.2857143 22.2857143,10.2857143 L18.8571429,10.2857143 Z"></path>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
Dashboard
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center me-2 " href="../pages/sign-up.html">
|
|
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="opacity-6 me-1">
|
|
<path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 00-5.25 5.25v3a3 3 0 00-3 3v6.75a3 3 0 003 3h10.5a3 3 0 003-3v-6.75a3 3 0 00-3-3v-3c0-2.9-2.35-5.25-5.25-5.25zm3.75 8.25v-3a3.75 3.75 0 10-7.5 0v3h7.5z" clip-rule="evenodd" />
|
|
</svg>
|
|
Daftar Akaun
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center me-2 text-dark font-weight-bold" href="../pages/sign-in.html">
|
|
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class=" text-dark me-1">
|
|
<path fill-rule="evenodd" d="M15.75 1.5a6.75 6.75 0 00-6.651 7.906c.067.39-.032.717-.221.906l-6.5 6.499a3 3 0 00-.878 2.121v2.818c0 .414.336.75.75.75H6a.75.75 0 00.75-.75v-1.5h1.5A.75.75 0 009 19.5V18h1.5a.75.75 0 00.53-.22l2.658-2.658c.19-.189.517-.288.906-.22A6.75 6.75 0 1015.75 1.5zm0 3a.75.75 0 000 1.5A2.25 2.25 0 0118 8.25a.75.75 0 001.5 0 3.75 3.75 0 00-3.75-3.75z" clip-rule="evenodd" />
|
|
</svg>
|
|
Log Masuk
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- End Navbar -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main class="main-content mt-0">
|
|
<section>
|
|
<div class="page-header min-vh-100">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-4 col-md-6 d-flex flex-column mx-auto">
|
|
<div class="card card-plain mt-8">
|
|
<div class="card-header pb-0 text-left bg-transparent">
|
|
<h3 class="font-weight-black text-dark display-6">Selamat kembali</h3>
|
|
<p class="mb-0">Sila log masuk.</p>
|
|
</div>
|
|
<div class="card-body">
|
|
<form role="form" action="{{ route('login') }}" method="post">
|
|
@csrf
|
|
<label>{{ __('No KP') }}</label>
|
|
<div class="mb-3">
|
|
<input type="text" id="nokp" name="nokp" class="form-control @error('nokp') is-invalid @enderror" value="{{ old('nokp') }}" required autofocus placeholder="Masukkan No KP" aria-label="{{ __('No KP') }}" aria-describedby="name-addon">
|
|
</div>
|
|
@error('nokp')
|
|
<div class="invalid-feedback">
|
|
{{ $message }}
|
|
</div>
|
|
@enderror
|
|
<label>Password</label>
|
|
<div class="mb-3">
|
|
<input type="password" id="password" name="password" class="form-control" placeholder="Masukkan password" aria-label="Password" aria-describedby="password-addon">
|
|
</div>
|
|
@error('password')
|
|
<div class="invalid-feedback">
|
|
{{ $message }}
|
|
</div>
|
|
@enderror
|
|
<div class="d-flex align-items-center">
|
|
<div class="form-check form-check-info text-left mb-0">
|
|
|
|
</div>
|
|
<a href="{{ route('password.request') }}" class="text-xs font-weight-bold ms-auto">Lupa katalaluan</a>
|
|
</div>
|
|
<div class="text-center">
|
|
<button type="submit" class="btn btn-dark w-100 mt-4 mb-3">{{ __('Log in') }}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="card-footer text-center pt-0 px-lg-2 px-1">
|
|
<p class="mb-4 text-xs mx-auto">
|
|
Tiada akaun?
|
|
<a href="{{ route('register') }}" class="text-dark font-weight-bold">Daftar Akaun</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="position-absolute w-40 top-0 end-0 h-100 d-md-block d-none">
|
|
<div class="oblique-image position-absolute fixed-top ms-auto h-100 z-index-0 bg-cover ms-n8" style="background-image:url('{{asset('corporate-ui/img/image-sign-in.jpg')}}')">
|
|
<div class="blur mt-12 p-4 text-center border border-white border-radius-md position-absolute fixed-bottom m-4">
|
|
<h2 class="mt-3 text-dark font-weight-bold">smartPenjaja - MBIP ke arah pendigitalan operasi</h2>
|
|
<h6 class="text-dark text-sm mt-5">Copyright © 2024 - Sistem oleh microEn.MBIP</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<!-- Core JS Files -->
|
|
<script src="{{asset('corporate-ui/js/core/popper.min.js')}}"></script>
|
|
<script src="{{asset('corporate-ui/js/core/bootstrap.min.js')}}"></script>
|
|
<script src="{{asset('corporate-ui/js/plugins/perfect-scrollbar.min.js')}}"></script>
|
|
<script src="{{asset('corporate-ui/js/plugins/smooth-scrollbar.min.js')}}"></script>
|
|
<!-- Github buttons -->
|
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
|
<!-- Control Center for Corporate UI Dashboard: parallax effects, scripts for the example pages etc -->
|
|
<script src="{{asset('corporate-ui/js/corporate-ui-dashboard.min.js?v=1.0.0')}}"></script>
|
|
</body>
|
|
|
|
</html> |