Files
erahn-click/resources/views/includes/home-backup.blade.php
T
Afiq Hamzah 694e1af651 Codebase update
- update jomweb/billplz package
- refactor controllers, views with means of to simplify data fetch and manipuation
2024-07-15 17:08:52 +08:00

1039 lines
37 KiB
PHP

@extends ('layouts.indexfirst')
@section('content')
<style>
.loader {
position: fixed;
top: 45%;
right: 50%;
width: 70px;
height: 70px;
border-top-color: white;
border-right-color: white;
border-left-color: transparent;
border-bottom-color: transparent;
border-radius: 50%;
box-sizing: border-box;
z-index: 10000 !important;
}
.loadertable {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
<title>Home | Portal Pelanggan</title>
@include('modal.marhun')
@error('chkboxsag')
<script>
$.notify({
icon: 'fas fa-exclamation-triangle fa-2x',
newest_on_top: true,
message: "<strong style='font-size:15px;'>Sila pilih salah satu checkbox di atas terlebih dahulu!</strong>"
}, {
type: 'danger',
allow_dismiss: false,
placement: {
align: 'center',
from: 'bottom'
},
animate: {
enter: 'animate__animated animate__bounce',
exit: 'animate__animated animate__bounceOutDown'
}
});
</script>
@enderror
<div class="row mt-n9 top-0">
<div class="col-xl-3 col-lg-6">
<div class="card card-stats mb-4 mb-xl-0">
<div class="card-body">
<div class="row">
<div class="col">
<h6 class="card-title text-uppercase text-muted mb-0"> Jum. Pembiayaan Semasa</h6>
<span class="h5 font-weight-bold mb-0">RM{{ number_format($total,2) }}</span>
</div>
<div class="col-auto text-center">
<div class="icon icon-shape bg-warning text-white rounded-circle shadow text-center">
<i class="fas fa-chart-pie "></i>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="card card-stats mb-4 mb-xl-0">
<div class="card-body">
<div class="row">
<div class="col">
<h6 class="card-title text-uppercase text-muted mb-0">Bil Pembiayaan<br>Semasa</h6>
<span class="h4 font-weight-bold mb-0">{{ $bilangan }}</span>
</div>
<div class="col-auto text-center">
<div onclick="filterpembiayaanaktif()" class="cursor-pointer icon icon-shape bg-success text-white rounded-circle shadow text-center buttontekan">
<i class="fas fas fa-users text-center"></i>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="card card-stats mb-4 mb-xl-0">
<div class="card-body">
<div class="row">
<div class="col">
<h6 class="card-title text-uppercase text-muted mb-0">Bil Pembiayaan 6 Bulan Ke atas</h6>
<span class="h4 font-weight-bold mb-0">{{ $sixmonths }}</span>
</div>
<div class="col-auto text-center">
<div onclick="filterpembiayaan6bulan()" class="cursor-pointer icon icon-shape bg-danger text-white rounded-circle shadow text-center buttontekan">
<i class="fas fa-chart-bar"></i>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<?php if($bilanganlelong > 0) { ?>
<div class="col-xl-3 col-lg-6">
<div class="card card-stats mb-4 mb-xl-0" style="background-color: crimson;">
<div class="card-body">
<div class="row">
<div class="col">
<h6 class="card-title text-uppercase text-muted"><font color="white">Bil Pembiayaan<br>Akan Dilelong</font></h6>
<span class="h4 font-weight-bold mb-0"><font color="white">{{ $bilanganlelong }}</font></span>
</div>
<div class="col-auto text-center">
<div onclick="lelongan()" class="cursor-pointer icon icon-shape bg-info text-white rounded-circle shadow text-center buttontekan">
<i class="fas fa-gavel" style="margin-left: 2px;"></i>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<?php } else { ?>
<div class="col-xl-3 col-lg-6">
<div class="card card-stats mb-4 mb-xl-0">
<div class="card-body">
<div class="row">
<div class="col">
<h6 class="card-title text-uppercase text-muted mb-0">Bil Pembiayaan<br>Akan Dilelong</h6>
<span class="h4 font-weight-bold mb-0">{{ $bilanganlelong }}</span>
</div>
<div class="col-auto text-center">
<div onclick="lelongan()" class="cursor-pointer icon icon-shape bg-info text-white rounded-circle shadow text-center buttontekan">
<i class="fas fa-gavel" style="margin-left: 2px;"></i>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<div id="loadertable" class="loadertable mt-4"></div>
<div id="lelong" style="margin-bottom: 15px; display:none;" class="">
<i class="text-danger" style="font-size:12px;">1. Sekiranya Lelongan Anda Dalam Tempoh Kontrak Lanjutan (Mencapai 12 Bulan), Urusan Penebusan Hanya Dibenarkan Di Kaunter Cawangan Selewatnya-lewatnya 3 Hari Sebelum Tarikh Lelong.</i><br>
<i class="text-danger" style="font-size:12px;">2. Transaksi Pembayaran Hanya Dibenarkan Selewat-lewatnya 3 Hari Sebelum Lelongan.</i><br>
<i class="text-danger" style="font-size:12px;">(Contoh: Tarikh Lelong: 21-02-2023, Pembayaran/Penebusan Hanya dibenarkan Sehingga Tarikh 18-02-2023 Sahaja)</i>
</div>
<div id="gadai" style="margin-bottom: 15px; display:none;">
<i class="text-danger" style="font-size:12px;">1. Sila Buat Penebusan Di Kaunter Jika Tempoh Telah Mencapai 12 Bulan!</i><br>
<!-- <i class="text-danger" style="font-size:12px;">2. Maksima bagi transaksi pembayaran ialah 3 SAG sahaja pada satu masa.</i><br> -->
<i class="text-danger" style="font-size:12px;">2. Sila 'Tick' Kotak No Rujukan Yang Hendak Dibayar.</i>
</div>
<form method="post" id="formtable" class="d-none" action="{{ route('payment.action') }}" onsubmit="return validateform()">
@csrf
<div class="card shadow">
<div class="card-body">
<!--<div id="open" style="margin-bottom: 15px;">
<i class="text-danger" style="font-size:12px;">Maksima 3 No Rujukan Sahaja Dibenarkan Dalam Satu Transaksi Pembayaran.</i><br>
<i class="text-danger" style="font-size:12px;">Sila 'Tick' Pada Kotak Yang Hendak Dibayar.</i>
</div> -->
<!-- <div style="margin-bottom: 15px;">
<i class="text-danger" style="font-size:12px;">Maksima 3 No Rujukan Sahaja Dibenarkan Dalam Satu Transaksi Pembayaran.</i><br>
<i class="text-danger" style="font-size:12px;">Sila 'Tick' Pada Kotak Yang Hendak Dibayar.</i>
</div> -->
@if (\Session::has('error'))
<script>
Swal.fire(
// "Melebihi tempoh 12 Bulan.",
"Akan/Telah Tamat Kontrak 12 Bulan.",
"{{ \Session::get('error') }}",
'warning'
)
</script>
@endif
@if (\Session::has('errorsagonline'))
<script>
Swal.fire(
// "Melebihi tempoh 12 Bulan.",
"Pembayaran Terdahulu Dalam Proses.",
"{{ \Session::get('errorsagonline') }}",
'warning'
)
</script>
@endif
<div class="table-responsive table-bordered table-hover">
<table class="table align-items-center table-flush border" id="main-table" style="text-align: center; width: 100%">
<thead class="thead-light bg-dark text-white text-center">
<tr>
<th>#</th>
<th>No Rujukan</th>
<th class="hide-xs">Tempoh</th>
<th>T Akhir</th>
<th>Keuntungan</th>
<th class="hide-xs">Cawangan</th>
</tr>
</thead>
<tbody class="list">
@foreach($pembiayaanAktif as $pembiayaan)
<tr>
<td>{{ $loop->iteration }}</td>
<td>{{ $pembiayaan->norujukan }}</td>
<td class="hide-xs">{{ $pembiayaan->tempoh }}</td>
<td>{{ $pembiayaan->tarikh_akhir }}</td>
<td>{{ $pembiayaan->keuntungan_formatted }}</td>
<td class="hide-xs">{{ $pembiayaan->cawangan_name }}</td>
</tr>
@endforeach
</tbody>
</table>
<i class="hide-xs text-success" style="font-size:12px;">"Swipe" ke kiri</i>
</div>
<!-- wide screen -->
<div class="table-responsive table-bordered table-hover">
<table class="table align-items-center table-flush border" id="selepas_tawarruq" style="text-align: center; width: 100%">
<thead class="thead-light bg-dark text-white text-center">
<tr>
<th>#</th>
<th>No Rujukan</th>
<th class="hide-xs">Tempoh</th>
<th>T Akhir</th>
<th>Keuntungan</th>
<th class="hide-xs">Cawangan</th>
{{-- <th>Status</th> --}}
</tr>
</thead>
<tbody class="list">
<tr>
<td>1</td>
<td>1</td>
<td class="hide-xs">1</td>
<td>1</td>
<td>1</td>
<td class="hide-xs">1</td>
{{-- <td>1</td> --}}
</tr>
</tbody>
</table>
<i class="hide-xs text-success" style="font-size:12px;">"Swipe" ke kiri</i>
</div>
<!-- end of wide screen-->
<!--//if small screen -->
<!-- <div class="show-xs table-responsive table-bordered table-hover">
<table class="table" id="selepas_tawarruq" style="text-align: center">
<thead class="thead-light bg-dark text-white text-center">
<tr>
<div>#</div>
<div>No Rujukan</div>
<div>Tempoh</div>
<div>T Akhir</div>
<div>Keuntungan</div>
</tr>
</thead>
<tbody class="list">
<tr>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
</tr>
</tbody>
</table>
</div> -->
<!-- end for small screen -->
<br>
</div>
</div>
<div class="d-flex justify-content-end mt-4">
<button type="submit" class="btn btn-primary" onclick="loadingbtn();"><span class="mr-3">Seterusnya</span> <span class="badge alert-warning text-dark font-weight-bold" style="font-size:12px;" id="totalsag">0</span></button>
</div>
</form>
<script>
var body = document.getElementsByTagName("HTML")[0];
var width = body.offsetWidth;
if (window.addEventListener) { // all browsers except IE before version 9
window.addEventListener ("resize", onResizeEvent, true);
} else {
if (window.attachEvent) { // IE before version 9
window.attachEvent("onresize", onResizeEvent);
}
}
function onResizeEvent() {
// bodyElement = document.getElementsByTagName("HTML")[0];
// newWidth = bodyElement.offsetWidth;
// if(newWidth != width){
// width = newWidth;
// console.log(width);
// console.log("t3");
var t1 = document.getElementsByClassName('hide-xs');
var style = getComputedStyle(t1[0]);
var visibility = style.getPropertyValue('visibility');
// document.getElementsByClassName('hide-xs')[5];
if(visibility != 'visible')
{
selepastawarruqtable.column(2).visible(false);
selepastawarruqtable.column(5).visible(false);
} else {
selepastawarruqtable.column(2).visible(true);
selepastawarruqtable.column(5).visible(true);
}
//console.log(visibility);
// }
}
var api_url = "{{ $api_url }}";
const formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
});
var hargaemastable = $('#harga_emas').DataTable({
"bLengthChange": false,
"bFilter": false,
language: {
'paginate': {
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
},
"scrollX": true,
"pageLength": 5
});
var historybayarandatatable = $('#tablehistorybayaran').DataTable({
"ordering": false
});
var selepastawarruqtable = $('#selepas_tawarruq').DataTable({
"bFilter": true,
language: {
'paginate': {
'previous': '<span class="fas fa-backward fa-1.5x"></span>',
'next': '<span class="fas fa-forward"></span>'
}
},
"pageLength": 10,
"scrollX": true
});
$( document ).ready(function() {
filterpembiayaanaktif();
});
function linktargetfunc(e){
var arraymarhun = $(e).data('marhun');
var norujukan = $(e).data('norujukan');
var kodcaw = $(e).data('kodcaw');
var hargajualan = $(e).data('hargajualan');
var pinjaman = $(e).data('pinjaman');
var bakipjm = $(e).data('bakipjm');
var lelong = $(e).data('lelong');
var pjmnum = $(e).data('pjmnum');
bayaranfunc(e,api_url);
$('#pemb').text('RM ' + pjmnum);
$('#bpemb').text('RM ' + bakipjm);
if(lelong === 1)
{
$('#statuslelong').text('Akan Dilelong');
}else{
$('#statuslelong').text('-');
}
$('#norujukan_modal').val(norujukan);
$('#pinjaman_modal').val(pinjaman);
$('#tablemarhun').empty();
var bil_count = 0;
$.each(arraymarhun, function(index, marhun) {
var marhun_name;
$.ajax({
method: 'GET',
url: api_url + '/api/jemas/nama_marhun',
dataType: 'json',
data: {
marhun: marhun['marhun']
},
success: function(marhun_ajax) {
bil_count++;
$("#tablemarhun").append("<tr><td>" + bil_count + "</td><td>" + marhun_ajax['descpt'] + "</td><td>" + marhun['berat'] + "</td><td>" + marhun['karat'] + "</td><td>RM" + formatter.format(marhun['n_marhun']) + "</td><td>" + marhun['nota'] + "</td></tr>");
}
});
});
}
function tickfunc(e){
var count = parseInt($('#totalsag').text());
var fasa = $(e).data('fasa');
if (typeof fasa !== 'undefined' || fasa !== null) {
if(fasa == 2){
if ($(e).is(':checked')){
$.notify({
newest_on_top: true,
message: "<strong style='font-size:15px;text-align:center;margin-left:100px; color: #ffff'>Norujukan ini dalam fasa ke 2!</strong>"
}, {
type: 'danger',
allow_dismiss: false,
placement: {
align: 'center',
from: 'bottom'
},
animate: {
enter: 'animate__animated animate__bounce',
exit: 'animate__animated animate__bounceOutDown'
}
});
$(e).prop('checked', false);
}
return;
}
}
if ($(e).is(':checked')) {
var total = count + 1;
if (total <= 3) {
$('#totalsag').text(total);
} else {
$(e).prop('checked', false);
}
} else {
var total = count - 1;
$('#totalsag').text(total);
}
return false;
}
function DateDiff(date1, date2) {
var datediff = date1.getTime() - date2.getTime(); //store the getTime diff - or +
return (datediff / (24*60*60*1000)); //Convert values to -/+ days and return value
}
async function filterpembiayaanaktif(){
$('#loadertable').removeClass('d-none');
$('#formtable').addClass('d-none');
document.getElementById('gadai').style.display = "block";
document.getElementById('lelong').style.display = "none";
$('#totalsag').text(0);
var empat = selepastawarruqtable.columns(3).header();
var tiga = selepastawarruqtable.columns(2).header();
// var lima = selepastawarruqtable.columns(4).header();
//$(empat).html('JBG');
$(tiga).html('Tempoh');
$(empat).html('T Akhir');
// $(lima).html('T Lanjut');
selepastawarruqtable.column( 4 ).visible( true );
selepastawarruqtable.column( 5 ).visible( true );
// selepastawarruqtable.column( 6 ).visible( true );
let datapembaktif = [];
$.ajax({
url: '{{ route("info.pembaktif") }}',
method: 'get',
async: false,
dataType: "json",
success: function(data) {
for(i in data){
datapembaktif.push(data[i]);
}
$('#loadertable').addClass('d-none');
$('#formtable').removeClass('d-none');
}
});
selepastawarruqtable.clear().draw();
var counter = 1;
$.each(datapembaktif,function(index,ps){
let namacawangan = '';
$.ajax({
url: api_url + '/api/cawangan/detail/' + ps.kodcaw,
method: 'get',
async:false,
dataType: "json",
success: function(data) {
namacawangan = data[0].namacaw;
namacawangan = namacawangan.toLowerCase().substring(8).replace(/\b[a-z]/g, function(value) {
return value.toUpperCase();
});
}
});
let marhun = [];
$.ajax({
url: api_url + '/api/marhun/' + ps.norujukan,
method: 'get',
async:false,
dataType: "json",
success: function(response) {
// console.log(response);
for(i in response){
marhun.push(response[i]);
}
}
});
var lelongblock = '';
$.ajax({
url: api_url + '/api/check/serah/lelong',
method: 'get',
async:false,
dataType: "json",
data: {
kodcaw: ps.kodcaw,
norujukan: ps.norujukan
},
success: function(response) {
// if(Object.keys(response).length != 0)
// {
// var today = new Date();
// var tarikhlelong = new Date(response.t_lelong);
// tarikhblock = DateDiff(tarikhlelong,today);
// if(tarikhblock.toFixed() <= 3)
// if(tarikhblock.toFixed() <= 2)
// {
// lelongblock = 'disabled';
// }
// }
if(response == 1){
lelongblock = 'disabled';
}
}
});
var had_paid = false;
$.ajax({
url: api_url + '/portal/searchsagonline/',
method: 'get',
async:false,
dataType: "json",
data: {
norujukan: ps.norujukan
},
success: function(response) {
had_paid = response;
}
});
var should_block = '';
if(had_paid == true || lelongblock == 'disabled' || ps.tagbaru == 1)
// if(had_paid == true || lelongblock == 'disabled')
{
should_block = 'disabled';
}
let marh = JSON.stringify(marhun[0]);
var t_matang = new Date(ps.t_matang);
var t_matang = '-';
if(ps.lelong_tawarruq == 0)
t_matang = new Date(ps.t_matang1).toLocaleDateString("en-GB");
// var statementlelong = '';
// if(ps.taglel == 0)
// {
// statementlelong = '-';
// }else{
// statementlelong = 'Akan Dilelong';
// }
selepastawarruqtable.row.add([
`<input type="checkbox" onclick="tickfunc(this)" name="chkboxsag[]" value="${ps.norujukan}" id="sag-${counter}" data-norujukan="${ps.norujukan}" ${should_block} />`,
`<a href="#" onclick="linktargetfunc(this)" class="linktarget" data-toggle="modal" data-nm="${ps.nilaimarhun}" data-berat="${ps.berat}" data-upah12="${ps.bakiupah}" data-pjmnum="${ps.pinjaman}" data-bakipjm="${ps.bakipjm}" data-lelong="${ps.taglel}" data-marhun='${marh}' data-pinjaman="${ps.pinjaman}" data-norujukan="${ps.norujukan}" data-hargajualan="${ps.hargajualan}" data-kodcaw="${ps.kodcaw}" data-tempoh="${ps.tempoh}" data-namacaw="${namacawangan}" data-target="#marhunModal" style="color:#3490dc"><span class="name mb-0 text-sm">${ps.norujukan}</span></a>`,
ps.tempoh,
t_matang,
formatter.format(ps.keuntungan),
namacawangan,
// statementlelong
]).draw();
counter = counter + 1;
});
onResizeEvent();
}
function filterpembiayaan6bulan(){
$('#loadertable').removeClass('d-none');
$('#formtable').addClass('d-none');
document.getElementById('gadai').style.display = "block";
document.getElementById('lelong').style.display = "none";
$('#totalsag').text(0);
var empat = selepastawarruqtable.columns(3).header();
var tiga = selepastawarruqtable.columns(2).header();
//$(empat).html('JBG');
$(tiga).html('Tempoh');
$(empat).html('T Akhir');
selepastawarruqtable.column( 4 ).visible( true );
selepastawarruqtable.column( 5 ).visible( true );
// selepastawarruqtable.column( 6 ).visible( true );
let datapemb6 = [];
$.ajax({
url: '{{ route("info.pemb6bulan") }}',
method: 'get',
async: false,
dataType: "json",
success: function(data) {
for(i in data){
datapemb6.push(data[i]);
}
$('#loadertable').addClass('d-none');
$('#formtable').removeClass('d-none');
}
});
selepastawarruqtable.clear().draw();
var counter = 1;
$.each(datapemb6,function(index,ps){
let namacawangan = '';
$.ajax({
url: api_url + '/api/cawangan/detail/' + ps.kodcaw,
method: 'get',
async:false,
dataType: "json",
success: function(data) {
namacawangan = data[0].namacaw;
console.log(namacawangan);
namacawangan = namacawangan.toLowerCase().substring(8).replace(/\b[a-z]/g, function(value) {
return value.toUpperCase();
});
}
});
let marhun = [];
$.ajax({
url: api_url + '/api/marhun/' + ps.norujukan,
method: 'get',
async:false,
dataType: "json",
success: function(response) {
// console.log(response);
for(i in response){
marhun.push(response[i]);
}
}
});
var lelongblock = '';
$.ajax({
url: api_url + '/api/search/lelong',
method: 'get',
async:false,
dataType: "json",
data: {
kodcaw: ps.kodcaw,
norujukan: ps.norujukan
},
success: function(response) {
if(Object.keys(response).length != 0)
{
var today = new Date();
var tarikhlelong = new Date(response.t_lelong);
tarikhblock = DateDiff(tarikhlelong,today);
// if(tarikhblock.toFixed() <= 3)
if(tarikhblock.toFixed() <= 2)
{
lelongblock = 'disabled';
}
}
}
});
var had_paid = false;
$.ajax({
url: api_url + '/portal/searchsagonline/',
method: 'get',
async:false,
dataType: "json",
data: {
norujukan: ps.norujukan
},
success: function(response) {
had_paid = response;
}
});
var today = new Date();
var tarikh_12bulan = DateDiff(new Date(ps.t_matang1),today);
var lelong_12bulanblock = false;
if(tarikh_12bulan.toFixed() <= 30)
{
lelong_12bulanblock = true;
}
var should_block = '';
if(had_paid == true || lelongblock == 'disabled' || lelong_12bulanblock == true)
{
should_block = 'disabled';
}
let marh = JSON.stringify(marhun[0]);
var t_matang = '-';
if(ps.lelong_tawarruq == 0) {
t_matang = new Date(ps.t_matang1).toLocaleDateString("en-GB");
} else {
}
// var statementlelong = '';
// if(ps.taglel == 0)
// {
// statementlelong = '-';
// }else{
// statementlelong = 'Akan Dilelong';
// }
selepastawarruqtable.row.add([
`<input type="checkbox" onclick="tickfunc(this)" name="chkboxsag[]" value="${ps.norujukan}" id="sag-${counter}" data-norujukan="${ps.norujukan}" ${should_block} />`,
`<a href="#" onclick="linktargetfunc(this)" class="linktarget" data-toggle="modal" data-nm="${ps.nilaimarhun}" data-berat="${ps.berat}" data-upah12="${ps.bakiupah}" data-pjmnum="${ps.pinjaman}" data-bakipjm="${ps.bakipjm}" data-lelong="${ps.taglel}" data-marhun='${marh}' data-pinjaman="${ps.pinjaman}" data-norujukan="${ps.norujukan}" data-hargajualan="${ps.hargajualan}" data-kodcaw="${ps.kodcaw}" data-tempoh="${ps.tempoh}" data-namacaw="${namacawangan}" data-target="#marhunModal" style="color:#3490dc"><span class="name mb-0 text-sm">${ps.norujukan}</span></a>`,
ps.tempoh,
t_matang,
formatter.format(ps.keuntungan),
namacawangan,
// statementlelong
]).draw();
counter = counter + 1;
});
onResizeEvent();
}
function lelongan(e){
$('#loadertable').removeClass('d-none');
$('#formtable').addClass('d-none');
document.getElementById('lelong').style.display = "block";
document.getElementById('gadai').style.display = "none";
$('#totalsag').text(0);
var empat = selepastawarruqtable.columns(3).header();
var tiga = selepastawarruqtable.columns(2).header();
$(empat).html('Cawangan');
$(tiga).html('T Lelong');
// selepastawarruqtable.column( 3 ).visible( true );
//selepastawarruqtable.column( 2 ).visible( false );
selepastawarruqtable.column( 4 ).visible( false );
selepastawarruqtable.column( 5 ).visible( false );
//console.log('hi');
let datalelong = [];
$.ajax({
url: '{{ route("info.pemblelongan") }}',
method: 'get',
async: false,
dataType: "json",
success: function(data) {
console.log(data);
for(i in data){
datalelong.push(data[i]);
}
$('#loadertable').addClass('d-none');
$('#formtable').removeClass('d-none');
}
});
selepastawarruqtable.clear().draw();
var counter = 1;
$.each(datalelong,function(index,lelong){
let namacawangan = '';
$.ajax({
url: api_url + '/api/cawangan/detail/' + lelong.kodcaw,
method: 'get',
async:false,
dataType: "json",
success: function(data) {
namacawangan = data[0].namacaw;
namacawangan = namacawangan.toLowerCase().substring(8).replace(/\b[a-z]/g, function(value) {
return value.toUpperCase();
});
}
});
let marhun = [];
$.ajax({
url: api_url + '/api/marhun/' + lelong.norujukan,
method: 'get',
async:false,
dataType: "json",
success: function(response) {
// console.log(response);
for(i in response){
marhun.push(response[i]);
}
}
});
var lelongblock = '';
var today = new Date();
var tarikhlelong = new Date(lelong.t_lelong);
tarikhblock = DateDiff(tarikhlelong,today);
// if(tarikhblock.toFixed() <= 3)
if(tarikhblock.toFixed() <= 2)
{
lelongblock = 'disabled';
}
var had_paid = false;
$.ajax({
url: api_url + '/portal/searchsagonline/',
method: 'get',
async:false,
dataType: "json",
data: {
norujukan: lelong.norujukan
},
success: function(response) {
had_paid = response;
}
});
var tarikh_12bulan = DateDiff(new Date(lelong.t_matang1),today);
var lelong_12bulanblock = false;
if(tarikh_12bulan.toFixed() <= 30)
{
lelong_12bulanblock = true;
}
var should_block = '';
if(had_paid == true || lelongblock == 'disabled' || lelong_12bulanblock == true)
{
should_block = 'disabled';
}
let marh = JSON.stringify(marhun[0]);
selepastawarruqtable.row.add([
`<input type="checkbox" onclick="tickfunc(this)" name="chkboxsag[]" value="${lelong.norujukan}" data-fasa="${lelong.fasa}" id="sag-${counter}" data-norujukan="${lelong.norujukan}" ${should_block} />`,
`<a href="#" onclick="linktargetfunc(this)" class="linktarget" data-toggle="modal" data-nm="${lelong.nilaimarhun}" data-berat="${lelong.berat}" data-upah12="${lelong.bakiupah}" data-pjmnum="${lelong.pinjaman}" data-bakipjm="${lelong.bakipjm}" data-lelong="${lelong.taglel}" data-marhun='${marh}' data-pinjaman="${lelong.pinjaman}" data-norujukan="${lelong.norujukan}" data-hargajualan="${lelong.hargajualan}" data-kodcaw="${lelong.kodcaw}" data-namacaw="${namacawangan}" data-target="#marhunModal" style="color:#3490dc"><span class="name mb-0 text-sm">${lelong.norujukan}</span></a>`,
tarikhlelong = new Date(lelong.t_lelong).toLocaleDateString("en-GB"),
namacawangan,
'',
'',
''
]).draw();
counter = counter + 1;
});
}
function bayaranfunc(e,api){
let norujukan = $(e).data('norujukan');
let pinjaman = $(e).data('pinjaman');
let upah12 = $(e).data('upah12');
let bakipjm = $(e).data('bakipjm');
let berat = $(e).data('berat');
let nm = $(e).data('nm');
let tempoh = $(e).data('tempoh');
let namacaw = $(e).data('namacaw');
$('#pembiayaan').text('RM' + formatter.format(pinjaman));
$('#bpembiayaan').text('RM' + formatter.format(bakipjm));
$('#nm').text('RM' + formatter.format(nm));
$('#berat').text(berat + 'g');
$('#koskeun').text('RM' + formatter.format(upah12));
$('#norujukan').text(norujukan);
$('#tempoh').text(tempoh);
$('#namacaw').text(namacaw);
$.ajax({
method: 'get',
url: api + '/api/transaction/' + norujukan,
success: function(data){
historybayarantable(data);
}
});
}
function historybayarantable(data){
var counter = 1;
historybayarandatatable.clear().draw();
$.each(data,function(index,bayaran){
var urlroute = '{{ route("resit.ansuran", ":id") }}';
urlroute = urlroute.replace(':id', bayaran['id']);
var date = new Date(bayaran['created_at']).toLocaleDateString("en-GB");
// tarikhlelong = new Date(lelong.t_lelong).toLocaleDateString("en-GB")
historybayarandatatable.row.add([
counter,
date,
// '<a target="_blank" href='+ urlroute + '>'+date.toLocaleDateString()+'</a>',
"RM" + formatter.format(bayaran['duit_masuk']) + " " +
"<a target='_blank' href=" + urlroute + " class='btn btn-info btn-sm'><span class='fas fa-print'></span></a>",
]).draw();
counter = counter + 1;
});
}
function validateform() {
return true;
}
if (document.addEventListener) {
window.addEventListener('pageshow', function(event) {
if (event.persisted || window.performance && window.performance.navigation.type == 2) {
$('#logout-form').submit();
// location.reload();
}
},
false);
}
$(".buttontekan").click(function() {
$('html,body').animate({
scrollTop: $("#formtable").offset().top},
'slow');
});
// $('.divaktif').click(function() {
// $('#gadai').toggle('slow', function() {
// // Animation complete.q
// });
// });
// $('.divlelong').click(function() {
// $('#lelong').toggle('slow', function() {
// // Animation complete.
// });
// });
</script>
<!-- <script>
$(function() {
setTimeout(() => {
$(".loader").fadeOut(1000);
}, 500)
})
</script> -->
@endsection