This commit is contained in:
nurafrinaalimi16
2026-01-15 14:54:56 +08:00
parent e142c4d28b
commit 0d7d75ad23
7 changed files with 119 additions and 96 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

+94 -73
View File
@@ -49,7 +49,8 @@
<link href="{{ asset('argon') }}/img/brand/ARRAHN1.png" rel="icon" type="image/png"> <link href="{{ asset('argon') }}/img/brand/ARRAHN1.png" rel="icon" type="image/png">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700" /> <link rel="stylesheet" type="text/css"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700" />
<script src="{{ asset('argon') }}/vendor/jquery/dist/jquery.min.js"></script> <script src="{{ asset('argon') }}/vendor/jquery/dist/jquery.min.js"></script>
@@ -87,7 +88,8 @@
<body class="sign-in-basic"> <body class="sign-in-basic">
<div class="page-header align-items-start min-vh-100" style="background-image: url('/argon/login/backg4_x2.jpg');" loading="lazy"> <div class="page-header align-items-start min-vh-100" style="background-image: url('/argon/login/backg4_x2.jpg');"
loading="lazy">
<span class="mask bg-gradient-dark opacity-6"></span> <span class="mask bg-gradient-dark opacity-6"></span>
<div class="container my-auto"> <div class="container my-auto">
<div class="row"> <div class="row">
@@ -101,7 +103,10 @@
</div> --> </div> -->
<div class="card-body"> <div class="card-body">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div style="text-align: center;"><img src="{{ asset('/argon/img/brand/arrahnpay3.png') }}" style="text-align: center;"></div> <div style="text-align: center;"><img
src="{{ asset('/argon/img/brand/erahn-click.jpeg') }}"
style="display: block; max-width: 100%; height: auto; margin: 0 auto;">
</div>
<div class="col-lg-12"> <div class="col-lg-12">
<h6 class="mt-2 mb-4" style="text-align: center;">Lupa Emel</h6> <h6 class="mt-2 mb-4" style="text-align: center;">Lupa Emel</h6>
@@ -115,8 +120,11 @@
<small><strong id="errorotp"></strong></small> <small><strong id="errorotp"></strong></small>
</span> --}} </span> --}}
<div class="input-group input-group-outline mt-3 {{ $errors->has('icno') ? ' has-danger' : '' }}"> <div
<input type="text" placeholder="Nombor Kad Pengenalan / Passport" class="form-control{{ $errors->has('icno') ? ' is-invalid' : '' }}" id="login-icno" name="icno" required aria-required="true"> class="input-group input-group-outline mt-3 {{ $errors->has('icno') ? ' has-danger' : '' }}">
<input type="text" placeholder="Nombor Kad Pengenalan / Passport"
class="form-control{{ $errors->has('icno') ? ' is-invalid' : '' }}"
id="login-icno" name="icno" required aria-required="true">
</div> </div>
<span id="spanic" class="text-danger invisible" role="alert"> <span id="spanic" class="text-danger invisible" role="alert">
@@ -125,7 +133,8 @@
<div class="mt-n3 input-group input-group-outline justify-content-between"> <div class="mt-n3 input-group input-group-outline justify-content-between">
<div class="input-group-prepend col-7"> <div class="input-group-prepend col-7">
<input type="text" id="tac" name="tac" class="form-control" placeholder="Nombor TAC" disabled/> <input type="text" id="tac" name="tac" class="form-control"
placeholder="Nombor TAC" disabled />
<span id="spantac" class="text-danger invisible" role="alert"> <span id="spantac" class="text-danger invisible" role="alert">
<small><strong>TAC yang anda masukkan salah!</strong></small> <small><strong>TAC yang anda masukkan salah!</strong></small>
</span> </span>
@@ -137,7 +146,9 @@
<span id="spanhantarnombor" class="text-dark d-none" role="alert"> <span id="spanhantarnombor" class="text-dark d-none" role="alert">
<small><strong>Nombor TAC anda telah dihantar melalui SMS ke +601XXXX <b id="backphone">0569</b>. Jika anda tidak menerima TAC anda dalam masa 5 minit tekan "Mohon TAC". </strong></small> <small><strong>Nombor TAC anda telah dihantar melalui SMS ke +601XXXX <b
id="backphone">0569</b>. Jika anda tidak menerima TAC anda dalam
masa 5 minit tekan "Mohon TAC". </strong></small>
</span> </span>
@@ -147,7 +158,9 @@
<div id="divsahkan" class="row d-none"> <div id="divsahkan" class="row d-none">
<div class="text-center my-4"> <div class="text-center my-4">
<!-- <button type="button" class="btn bg-gradient-primary" data-toggle="modal" data-target="#exampleModal">modal</button> --> <!-- <button type="button" class="btn bg-gradient-primary" data-toggle="modal" data-target="#exampleModal">modal</button> -->
<button id="seterusbtn" class="btn btn-secondary login pull-right" type="button" data-toggle="modal" data-target="#exampleModal" onclick="checkpelanggan();" style="background: #4A4E59;">Sahkan</button> <button id="seterusbtn" class="btn btn-secondary login pull-right"
type="button" data-toggle="modal" data-target="#exampleModal"
onclick="checkpelanggan();" style="background: #4A4E59;">Sahkan</button>
</div> </div>
</div> </div>
@@ -221,22 +234,26 @@
<![endif]--> <![endif]-->
</div> </div>
<div class="modal fade" id="seterusnyaModal" tabindex="-1" aria-labelledby="seterusnyaModalLabel" aria-hidden="true"> <div class="modal fade" id="seterusnyaModal" tabindex="-1" aria-labelledby="seterusnyaModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content justify-content-center"> <div class="modal-content justify-content-center">
<div class="modal-header" style="text-align: center;"> <div class="modal-header" style="text-align: center;">
<h5 class="modal-title" id="seterusnyaModalLabel">Maklumat Pelanggan</h5> <h5 class="modal-title" id="seterusnyaModalLabel">Maklumat Pelanggan</h5>
<button type="button" class="close" onclick="backfunc()" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" onclick="backfunc()" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="text-danger text-sm">*Sila semak maklumat pelanggan di bawah. Pelanggan hendaklah hadir di mana-mana cawangan Ar-Rahn berdekatan untuk membuat pengemaskinian maklumat pelanggan.</p> <p class="text-danger text-sm">*Sila semak maklumat pelanggan di bawah. Pelanggan hendaklah hadir
di mana-mana cawangan Ar-Rahn berdekatan untuk membuat pengemaskinian maklumat pelanggan.</p>
<div> <div>
<!-- @if (Session::has('custdetail')) <!-- @if (Session::has('custdetail'))
<?php //$customerdetails = Session::get('custdetail'); ?> <?php //$customerdetails = Session::get('custdetail');
@endif --> ?>
@endif -->
<form method="GET" action="{{ route('login') }}"> <form method="GET" action="{{ route('login') }}">
{{-- @csrf --}} {{-- @csrf --}}
<div class="card-body p-0 my-3"> <div class="card-body p-0 my-3">
@@ -244,12 +261,15 @@
<div class="col-md-12"> <div class="col-md-12">
<div class="input-group input-group-static mb-4"> <div class="input-group input-group-static mb-4">
<label for="name">{{ __('Nama') }}</label> <label for="name">{{ __('Nama') }}</label>
<input autocomplete="off" type="text" name="name" class="input-group-outline form-control @error('name') is-invalid @enderror" value="{{ Session::has('custdetail') ? $customerdetails[0]['nama'] : old('name') }}" readonly> <input autocomplete="off" type="text" name="name"
class="input-group-outline form-control @error('name') is-invalid @enderror"
value="{{ Session::has('custdetail') ? $customerdetails[0]['nama'] : old('name') }}"
readonly>
@error('name') @error('name')
<span class="invalid-feedback" role="alert"> <span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong> <strong>{{ $message }}</strong>
</span> </span>
@enderror @enderror
</div> </div>
</div> </div>
@@ -257,11 +277,14 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="input-group input-group-static mb-4"> <div class="input-group input-group-static mb-4">
<label for="icno">{{ __('No IC') }}</label> <label for="icno">{{ __('No IC') }}</label>
<input autocomplete="off" type="text" name="icno" class="input-group-outline form-control @error('icno') is-invalid @enderror" value="{{ Session::has('custdetail') ? $customerdetails[0]['kpbaru'] : old('icno') }}" readonly> <input autocomplete="off" type="text" name="icno"
class="input-group-outline form-control @error('icno') is-invalid @enderror"
value="{{ Session::has('custdetail') ? $customerdetails[0]['kpbaru'] : old('icno') }}"
readonly>
@error('icno') @error('icno')
<span class="invalid-feedback" role="alert"> <span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong> <strong>{{ $message }}</strong>
</span> </span>
@enderror @enderror
</div> </div>
@@ -271,7 +294,8 @@
<div class="input-group input-group-static mb-4"> <div class="input-group input-group-static mb-4">
<label for="notel">{{ __('Emel') }}</label> <label for="notel">{{ __('Emel') }}</label>
<!-- <input autocomplete="off" type="text" name="email" class="input-group-outline form-control" value="{{ Session::has('custdetail') ? $customerdetails[0]['email'] : old('email') }}" disabled> --> <!-- <input autocomplete="off" type="text" name="email" class="input-group-outline form-control" value="{{ Session::has('custdetail') ? $customerdetails[0]['email'] : old('email') }}" disabled> -->
<input autocomplete="off" type="text" name="email" class="input-group-outline form-control" readonly> <input autocomplete="off" type="text" name="email"
class="input-group-outline form-control" readonly>
</div> </div>
</div> </div>
@@ -309,48 +333,47 @@
let icno = $('#login-icno').val(); let icno = $('#login-icno').val();
if(icno === '') if (icno === '') {
{
$("#tac").prop('disabled', true); $("#tac").prop('disabled', true);
$.notify({ $.notify({
icon: 'fas fa-exclamation-triangle fa-2x', icon: 'fas fa-exclamation-triangle fa-2x',
newest_on_top: true, newest_on_top: true,
message: "<strong style='font-size:15px;text-align:center;margin-left:100px; color: #ffff'>Sila Masukkan Nombor Kad Pengenalan!</strong>" message: "<strong style='font-size:15px;text-align:center;margin-left:100px; color: #ffff'>Sila Masukkan Nombor Kad Pengenalan!</strong>"
}, { }, {
type: 'danger', type: 'danger',
allow_dismiss: false, allow_dismiss: false,
placement: { placement: {
align: 'center', align: 'center',
from: 'bottom' from: 'bottom'
}, },
animate: { animate: {
enter: 'animate__animated animate__bounce', enter: 'animate__animated animate__bounce',
exit: 'animate__animated animate__bounceOutDown' exit: 'animate__animated animate__bounceOutDown'
} }
}); });
}else{ } else {
var csrf_token = $('meta[name="csrf-token"]').attr('content'); var csrf_token = $('meta[name="csrf-token"]').attr('content');
$.ajax({ $.ajax({
url: '{{ route("requesticfe") }}', url: '{{ route('requesticfe') }}',
method: 'get', method: 'get',
data:{ data: {
"_token": "{{ csrf_token() }}", "_token": "{{ csrf_token() }}",
"icno" : icno "icno": icno
}, },
success: function(data) { success: function(data) {
console.log(data); console.log(data);
if(data.notexpired){ if (data.notexpired) {
$.notify({ $.notify({
icon: 'fas fa-exclamation-triangle fa-2x', icon: 'fas fa-exclamation-triangle fa-2x',
newest_on_top: true, newest_on_top: true,
message: "<strong style='font-size:15px;text-align:center;margin-left:100px; color: #ffff'>anda telah meminta tac kurang daripada 5 minit!</strong>" message: "<strong style='font-size:15px;text-align:center;margin-left:100px; color: #ffff'>anda telah meminta tac kurang daripada 5 minit!</strong>"
}, { }, {
type: 'warning', type: 'warning',
allow_dismiss: false, allow_dismiss: false,
@@ -390,17 +413,16 @@
// } // }
// console.log(data); // console.log(data);
// return; // return;
if(data['status'] == 1) if (data['status'] == 1) {
{
$("#tac").prop('disabled', false); $("#tac").prop('disabled', false);
$("#spanhantarnombor").removeClass('d-none'); $("#spanhantarnombor").removeClass('d-none');
$("#divsahkan").removeClass('d-none'); $("#divsahkan").removeClass('d-none');
$('#backphone').text(data['notelefon']); $('#backphone').text(data['notelefon']);
$.notify({ $.notify({
icon: 'fas fa-2x fa-exclamation-triangle', icon: 'fas fa-2x fa-exclamation-triangle',
newest_on_top: true, newest_on_top: true,
message: "<strong style='font-size:15px;text-align:center;margin-left:100px; color: #ffff'>Permohonan TAC telah dihantar melalui SMS!</strong>" message: "<strong style='font-size:15px;text-align:center;margin-left:100px; color: #ffff'>Permohonan TAC telah dihantar melalui SMS!</strong>"
}, { }, {
type: 'success', type: 'success',
allow_dismiss: false, allow_dismiss: false,
@@ -415,11 +437,11 @@
} }
}); });
}else{ } else {
$.notify({ $.notify({
icon: 'fas fa-2x fa-exclamation-triangle', icon: 'fas fa-2x fa-exclamation-triangle',
newest_on_top: true, newest_on_top: true,
message: "<strong style='font-size:15px;text-align:center;margin-left:100px; color: #ffff'>No Kad Pengenalan / Passport tiada dalam simpanan!</strong>" message: "<strong style='font-size:15px;text-align:center;margin-left:100px; color: #ffff'>No Kad Pengenalan / Passport tiada dalam simpanan!</strong>"
}, { }, {
type: 'danger', type: 'danger',
allow_dismiss: false, allow_dismiss: false,
@@ -478,7 +500,7 @@
$.ajax({ $.ajax({
// url: api_url + '/api/otp/check/' + otp_verify, // url: api_url + '/api/otp/check/' + otp_verify,
url: "{{ route('requesttacfe') }}", //fe=forgot email url: "{{ route('requesttacfe') }}", //fe=forgot email
data:{ data: {
icno: otp_icno, icno: otp_icno,
tac: otp_verify tac: otp_verify
}, },
@@ -488,26 +510,26 @@
// alert('hi'); // alert('hi');
if (data.status == 1) { if (data.status == 1) {
$('input[name="name"]').val(data.useremel.name); $('input[name="name"]').val(data.useremel.name);
$('input[name="icno"]').val(data.useremel.icno); $('input[name="icno"]').val(data.useremel.icno);
$('input[name="email"]').val(data.useremel.email); $('input[name="email"]').val(data.useremel.email);
$('#spanic').addClass('invisible'); $('#spanic').addClass('invisible');
$('#spanic').removeClass('visible'); $('#spanic').removeClass('visible');
$('#spanic').addClass('invisible'); $('#spanic').addClass('invisible');
$('#spanic').removeClass('visible'); $('#spanic').removeClass('visible');
$("#seterusbtn").prop("disabled", true); $("#seterusbtn").prop("disabled", true);
$('#logobg').addClass('invisible'); $('#logobg').addClass('invisible');
$('#logobg').removeClass('visible'); $('#logobg').removeClass('visible');
$('#makpel').addClass('visible'); $('#makpel').addClass('visible');
$('#makpel').removeClass('invisible'); $('#makpel').removeClass('invisible');
$('#seterusnyaModal').modal({ $('#seterusnyaModal').modal({
backdrop: 'static', backdrop: 'static',
keyboard: false keyboard: false
}); });
} else { } else {
$.notify({ $.notify({
icon: 'fas fa-2x fa-exclamation-triangle', icon: 'fas fa-2x fa-exclamation-triangle',
@@ -531,7 +553,7 @@
} }
}); });
}else{ } else {
$.notify({ $.notify({
icon: 'fas fa-2x fa-exclamation-triangle', icon: 'fas fa-2x fa-exclamation-triangle',
newest_on_top: true, newest_on_top: true,
@@ -574,7 +596,6 @@
} }
}); });
}); });
</script> </script>
</body> </body>
@@ -100,7 +100,9 @@
</div> </div>
</div> --> </div> -->
<div class="card-body"> <div class="card-body">
<div style="text-align: center;"><img src="{{ asset('/argon/img/brand/arrahnpay3.png') }}" style="text-align: center;"></div> <div style="text-align: center;"><img src="{{ asset('/argon/img/brand/erahn-click.jpeg') }}"
style="display: block; max-width: 100%; height: auto; margin: 0 auto;">
</div>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-12"> <div class="col-lg-12">
@@ -39,7 +39,7 @@
<body class="sign-in-basic"> <body class="sign-in-basic">
<div class="page-header align-items-start min-vh-100" style="background-image: url('/argon/login/backg4_x2.jpg');" loading="lazy"> <div class="page-header align-items-start min-vh-100" style="background-color: #f4f6f9;" loading="lazy">
<span class="mask bg-gradient-dark opacity-6"></span> <span class="mask bg-gradient-dark opacity-6"></span>
<div class="container my-auto"> <div class="container my-auto">
<div class="row"> <div class="row">
@@ -74,7 +74,7 @@
Hak Milik © Hak Milik ©
<script> <script>
// document.write(new Date().getFullYear()) // document.write(new Date().getFullYear())
</script> Permodalan Kelantan Berhad </script> Koperasi Permodalan Kelantan Berhad
</div> </div>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
@@ -18,7 +18,7 @@
<h6 class="text">Alamat</h6> <h6 class="text">Alamat</h6>
<ul class="flex-column ms-n3 nav"> <ul class="flex-column ms-n3 nav">
<li class="nav-link nav-color" style="font-size: 12px;"> <li class="nav-link nav-color" style="font-size: 12px;">
Permodalan Kelantan Berhad Tingkat 8, Bangunan Kelantan Trade Centre, Jalan Bayam, 15200 Kota Bharu, Kelantan. Koperasi Permodalan Kelantan Berhad Lot PT 448, Tingkat 1, Jalan Kuala Krai, Batu 3, Wakaf Che Yeh, 15150 Kota Bharu, Kelantan.
</li> </li>
</ul> </ul>
@@ -30,18 +30,18 @@
<h6 class="text">Khidmat Pelanggan</h6> <h6 class="text">Khidmat Pelanggan</h6>
<ul class="flex-column ms-n3 nav"> <ul class="flex-column ms-n3 nav">
<li class="nav-link nav-color" style="font-size: 12px;"> <li class="nav-link nav-color" style="font-size: 12px;">
Hotline : 1300-22-4343 No Tel : 09-7414339
</li> </li>
<li class="nav-link nav-color" style="font-size: 12px;"> <li class="nav-link nav-color" style="font-size: 12px;">
<i class="fa fa-envelope" aria-hidden="true"></i> <i class="fa fa-envelope" aria-hidden="true"></i>
arrahncareline@gmail.com operasi@koppkb.com
</li> </li>
<li class="nav-link nav-color" style="font-size: 12px;"> {{-- <li class="nav-link nav-color" style="font-size: 12px;">
<i class="fa fa-envelope" aria-hidden="true"></i> <i class="fa fa-envelope" aria-hidden="true"></i>
arcc@pkb.net.my arcc@pkb.net.my
</li> </li> --}}
</ul> </ul>
</div> </div>
</div> </div>
@@ -52,7 +52,7 @@
Hak Milik © Hak Milik ©
<script> <script>
// document.write(new Date().getFullYear()) // document.write(new Date().getFullYear())
</script> Permodalan Kelantan Berhad </script> Koperasi Permodalan Kelantan Berhad
</p> </p>
</div> </div>
</div> </div>
@@ -52,7 +52,7 @@
<nav class="navbar navbar-expand-lg blur border-radius-xl top-0 z-index-fixed shadow position-absolute my-3 py-2 start-0 end-0 mx-4"> <nav class="navbar navbar-expand-lg blur border-radius-xl top-0 z-index-fixed shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
<div class="container-fluid px-0"> <div class="container-fluid px-0">
<a class="navbar-brand font-weight-bolder ms-sm-3" href="/" rel="tooltip" title="ArrahnPay" data-placement="bottom"> <a class="navbar-brand font-weight-bolder ms-sm-3" href="/" rel="tooltip" title="ArrahnPay" data-placement="bottom">
<img src="{{ asset('/argon/img/brand/arrahnpay4.png') }}" style="text-align: center;"> <img src="{{ asset('/argon/img/brand/erahn-click-2.png') }}" style="text-align:center;" class="img-fluid w-25" alt="Responsive Image">
</a> </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"> <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-icon mt-2">
+1 -1
View File
@@ -22,7 +22,7 @@
@slot('footer') @slot('footer')
@component('mail::footer') @component('mail::footer')
{{-- © {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.') --}} {{-- © {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.') --}}
© {{ date('Y') }}. @lang('Permodalan Kelantan Berhad.') © {{ date('Y') }}. @lang('Koperasi Permodalan Kelantan Berhad.')
@endcomponent @endcomponent
@endslot @endslot
@endcomponent @endcomponent