98 lines
6.0 KiB
PHP
98 lines
6.0 KiB
PHP
@extends('layouts.blank')
|
|
|
|
@section('content')
|
|
<div class="authentication-bg min-vh-100">
|
|
<div class="bg-overlay bg-light"></div>
|
|
<div class="container">
|
|
<div class="d-flex flex-column min-vh-100 px-3 pt-4">
|
|
<div class="row justify-content-center my-auto">
|
|
<div class="col-md-8 col-lg-6 col-xl-5">
|
|
|
|
|
|
<div class="card">
|
|
<div class="card-body p-4">
|
|
<div class="text-center mt-2">
|
|
<div class="mb-4 pb-2">
|
|
<a href="{{ url('/') }}" class="d-block auth-logo">
|
|
<img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="80" class="auth-logo-dark me-start">
|
|
<img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="80" class="auth-logo-light me-start">
|
|
</a>
|
|
</div>
|
|
<h5>Selamat Datang!</h5>
|
|
<p class="text-muted">di Portal Sistem Informasi Gas Rumah Kaca Provinsi DKI Jakarta.</p>
|
|
</div>
|
|
<div class="p-2 mt-4">
|
|
<form novalidate action="{{ url('login') }}" method="POST">
|
|
{{ csrf_field() }}
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label" for="username">Username/Email<span class ="text-danger"> *</span></label>
|
|
<div class="position-relative input-custom-icon">
|
|
<input type="text" class="form-control @error('username') is-invalid @enderror" name="username" value="" id="username" placeholder="Masukan Username/Email Anda">
|
|
<span class="bx bx-user"></span>
|
|
</div>
|
|
@error('username')
|
|
<span class="text-danger"><strong>{{$message}}</strong></span>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<div class="float-end">
|
|
<a href="auth-recoverpw.php" class="text-muted text-decoration-underline">Lupa Kata Sandi?</a>
|
|
</div>
|
|
<label class="form-label" for="password-input">Kata Sandi<span class ="text-danger"> *</span></label>
|
|
<div class="position-relative auth-pass-inputgroup input-custom-icon">
|
|
<span class="bx bx-lock-alt"></span>
|
|
<input type="password" class="form-control @error('password') is-invalid @enderror" id="password" value="" name="password" placeholder="Masukan Kata Sandi">
|
|
<button type="button" class="btn btn-link position-absolute h-100 end-0 top-0" id="togglePassword">
|
|
<i class="mdi mdi-eye-outline font-size-18 text-muted"></i>
|
|
</button>
|
|
</div>
|
|
@error('password')
|
|
<span class="text-danger"><strong>{{$message}}</strong></span>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="form-check py-1">
|
|
<input type="checkbox" class="form-check-input" id="auth-remember-check">
|
|
<label class="form-check-label" for="auth-remember-check">Ingatkan Saya</label>
|
|
</div>
|
|
|
|
<div class="mt-3">
|
|
<button class="btn btn-primary w-100 waves-effect waves-light" type="submit">Masuk</button>
|
|
</div>
|
|
|
|
<div class="mt-4 text-center">
|
|
<p class="mb-0 d-none">Don't have an account ? <a href="auth-register.php" class="fw-medium text-primary"> Signup now </a> </p>
|
|
<p>© <script>document.write(new Date().getFullYear())</script> SIGD. DLH Provinsi DKI Jakarta</p>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end col -->
|
|
</div><!-- end row -->
|
|
</div>
|
|
</div><!-- end container -->
|
|
</div>
|
|
@endsection
|
|
@section('js')
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#togglePassword').on('click', function() {
|
|
let passwordField = $('#password');
|
|
let icon = $(this).find('i');
|
|
|
|
// Cek apakah input saat ini bertipe password
|
|
if (passwordField.attr('type') === 'password') {
|
|
passwordField.attr('type', 'text'); // Ubah ke teks
|
|
icon.removeClass('mdi-eye-outline').addClass('mdi-eye-off-outline'); // Ganti ikon
|
|
} else {
|
|
passwordField.attr('type', 'password'); // Ubah ke password
|
|
icon.removeClass('mdi-eye-off-outline').addClass('mdi-eye-outline'); // Kembalikan ikon
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
@endsection
|