Merge branch 'second' into 'main'
Second See merge request online-sistem1/arrahn-portal!5
This commit is contained in:
@@ -90,14 +90,17 @@ class AnalisaController extends Controller
|
||||
}
|
||||
}
|
||||
|
||||
//Harga Emas
|
||||
|
||||
|
||||
$financemonth = Http::get(config('api.url') .'/portal/financeMonth/',['icno' => $kpbaru])->json();
|
||||
|
||||
// dd(json_encode($financemonth));
|
||||
|
||||
|
||||
// $StatistikBulanan = Http::get(config('api.url') .'/portal/financeMonth/',['icno' => $kpbaru])->json();
|
||||
|
||||
$financemonth = json_encode(array_values($financemonth));
|
||||
|
||||
// dd($financemonth);
|
||||
|
||||
// return view('analisa.index', compact("totalgadai",'bilangan_belum_tebus','belum_tebus','hargaemasterdahulu','bilangan_melebihi_6_bulan','bilakandilelong'));
|
||||
return view('includes.analisaportal', compact("totalgadai",'bilangan_belum_tebus','belum_tebus','hargaemasterdahulu','bilangan_melebihi_6_bulan','bilakandilelong'));
|
||||
return view('includes.analisaportal', compact("totalgadai",'bilangan_belum_tebus','belum_tebus','hargaemasterdahulu','bilangan_melebihi_6_bulan','bilakandilelong','financemonth'));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -31,7 +31,8 @@ class SemakController extends Controller
|
||||
{
|
||||
|
||||
$validated = $request->validate([
|
||||
'sltcawangan' => 'required'
|
||||
'sltcawangan' => 'required',
|
||||
'namacawangan' => 'required'
|
||||
]);
|
||||
|
||||
$auth_user = Auth::user();
|
||||
@@ -40,7 +41,7 @@ class SemakController extends Controller
|
||||
$sudah_tebus = Http::get(config('api.url') . '/api/customers/'. $auth_user['icno'] . '/gadai/' . 'sudah_tebus/' . $request->sltcawangan)->json();
|
||||
|
||||
// return view('semak.senaraisag', compact('belum_tebus','sudah_tebus'));
|
||||
return view('includes.rekod.rekodsag', compact('belum_tebus','sudah_tebus'));
|
||||
return view('includes.rekod.rekodsag', compact('belum_tebus','sudah_tebus', 'validated'));
|
||||
}
|
||||
|
||||
public function PenyataSummary($kodcaw,$norujukan)
|
||||
|
||||
Vendored
-212
@@ -905,215 +905,3 @@ var Charts = (function() {
|
||||
};
|
||||
|
||||
})();
|
||||
|
||||
//
|
||||
// Orders chart
|
||||
//
|
||||
|
||||
var OrdersChart = (function() {
|
||||
|
||||
//
|
||||
// Variables
|
||||
//
|
||||
|
||||
var $chart = $('#chart-orders');
|
||||
var $ordersSelect = $('[name="ordersSelect"]');
|
||||
|
||||
|
||||
//
|
||||
// Methods
|
||||
//
|
||||
|
||||
// Init chart
|
||||
function initChart($chart) {
|
||||
|
||||
var datafinance = [];
|
||||
var PembiayaanBulanan = new Array();
|
||||
var BayaranBulanan = new Array();
|
||||
var NamaBulan = new Array();
|
||||
|
||||
$.ajax({
|
||||
url: api_url + '/portal/financeMonth/',
|
||||
data:{'icno' : icno},
|
||||
method:'GET',
|
||||
async:false,
|
||||
success:function(data){
|
||||
datafinance = data;
|
||||
}
|
||||
});
|
||||
|
||||
$.each(datafinance,function(index,finance){
|
||||
PembiayaanBulanan.push(finance['pembiayaan']);
|
||||
BayaranBulanan.push(finance['bayaran']);
|
||||
NamaBulan.push(finance['namabulan']);
|
||||
});
|
||||
|
||||
PembiayaanBulanan.reverse();
|
||||
BayaranBulanan.reverse();
|
||||
NamaBulan.reverse();
|
||||
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
});
|
||||
|
||||
// Create chart
|
||||
var ordersChart = new Chart($chart, {
|
||||
type: 'bar',
|
||||
options: {
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
callback: function(value) {
|
||||
if (!(value % 10)) {
|
||||
//return '$' + value + 'k'
|
||||
return formatter.format(value)
|
||||
}
|
||||
}
|
||||
}
|
||||
}]
|
||||
},
|
||||
tooltips: {
|
||||
callbacks: {
|
||||
label: function(item, data) {
|
||||
var label = data.datasets[item.datasetIndex].label || '';
|
||||
var yLabel = item.yLabel;
|
||||
var content = '';
|
||||
|
||||
if (data.datasets.length > 1) {
|
||||
content += '<span class="popover-body-label mr-auto">' + label + '</span>';
|
||||
}
|
||||
|
||||
content += '<span class="popover-body-value">' + yLabel + '</span>';
|
||||
|
||||
return content;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
data: {
|
||||
labels: NamaBulan,
|
||||
datasets: [{
|
||||
label: 'Pembiayaan',
|
||||
data: PembiayaanBulanan
|
||||
}]
|
||||
}
|
||||
});
|
||||
|
||||
// Save to jQuery object
|
||||
$chart.data('chart', ordersChart);
|
||||
}
|
||||
|
||||
|
||||
// Init chart
|
||||
if ($chart.length) {
|
||||
initChart($chart);
|
||||
}
|
||||
|
||||
})();
|
||||
|
||||
//
|
||||
// Charts
|
||||
//
|
||||
|
||||
'use strict';
|
||||
|
||||
//
|
||||
// Sales chart
|
||||
//
|
||||
|
||||
var SalesChart = (function() {
|
||||
|
||||
// Variables
|
||||
|
||||
var $chart = $('#chart-sales');
|
||||
|
||||
|
||||
// Methods
|
||||
|
||||
function init($chart) {
|
||||
|
||||
var datafinance = [];
|
||||
var PembiayaanBulanan = new Array();
|
||||
var BayaranBulanan = new Array();
|
||||
var NamaBulan = new Array();
|
||||
|
||||
$.ajax({
|
||||
url: api_url + '/portal/financeMonth/',
|
||||
data:{'icno' : icno},
|
||||
method:'GET',
|
||||
async:false,
|
||||
success:function(data){
|
||||
datafinance = data;
|
||||
}
|
||||
});
|
||||
|
||||
$.each(datafinance,function(index,finance){
|
||||
PembiayaanBulanan.push(finance['pembiayaan']);
|
||||
BayaranBulanan.push(finance['bayaran']);
|
||||
NamaBulan.push(finance['namabulan']);
|
||||
});
|
||||
|
||||
PembiayaanBulanan.reverse();
|
||||
BayaranBulanan.reverse();
|
||||
NamaBulan.reverse();
|
||||
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
});
|
||||
|
||||
var salesChart = new Chart($chart, {
|
||||
type: 'line',
|
||||
options: {
|
||||
scales: {
|
||||
yAxes: [{
|
||||
gridLines: {
|
||||
color: Charts.colors.gray[900],
|
||||
zeroLineColor: Charts.colors.gray[900]
|
||||
},
|
||||
ticks: {
|
||||
callback: function(value) {
|
||||
if (!(value % 10)) {
|
||||
return 'RM' + formatter.format(value);
|
||||
}
|
||||
}
|
||||
}
|
||||
}]
|
||||
},
|
||||
tooltips: {
|
||||
callbacks: {
|
||||
label: function(item, data) {
|
||||
var label = data.datasets[item.datasetIndex].label || '';
|
||||
var yLabel = item.yLabel;
|
||||
var content = '';
|
||||
|
||||
if (data.datasets.length > 1) {
|
||||
content += '<span class="popover-body-label mr-auto">' + label + '</span>';
|
||||
}
|
||||
|
||||
content += '<span class="popover-body-value">RM' + formatter.format(yLabel) + '</span>';
|
||||
return content;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
data: {
|
||||
labels: NamaBulan,
|
||||
datasets: [{
|
||||
label: 'Prestasi',
|
||||
data: BayaranBulanan
|
||||
}]
|
||||
}
|
||||
});
|
||||
|
||||
// Save to jQuery object
|
||||
|
||||
$chart.data('chart', salesChart);
|
||||
|
||||
};
|
||||
|
||||
|
||||
// Events
|
||||
|
||||
if ($chart.length) {
|
||||
init($chart);
|
||||
}
|
||||
|
||||
})();
|
||||
|
||||
@@ -1,137 +1,86 @@
|
||||
@extends('layouts.app', ['class' => 'bg-white'])
|
||||
@extends('includes.login.index')
|
||||
|
||||
@section('content')
|
||||
{{-- @include('layouts.headers.guest') --}}
|
||||
|
||||
<div class="user-login-5 ">
|
||||
<div class="row h-100 w-100 d-flex justify-content-center mx-auto">
|
||||
<div class="col-md-6 col-xl-6">
|
||||
<div class="container text-center mt-7">
|
||||
<img class="login-logo login-6" src="{{ asset('argon') }}/login/logo_arrahn_baru.png">
|
||||
<div class="container mt-5">
|
||||
<title>Lupa Kata Laluan | Customer Portal</title>
|
||||
|
||||
@if (session('status'))
|
||||
{{-- <div class="alert alert-success" role="alert">
|
||||
<h6 style="text-align: center; margin-bottom: 10%;">Lupa Kata Laluan</h6>
|
||||
|
||||
@if (session('status'))
|
||||
{{-- <div class="alert alert-success" role="alert">
|
||||
{{ session('status') }}
|
||||
</div> --}}
|
||||
<script>
|
||||
var status = "{{ session('status') }}";
|
||||
$.notify({
|
||||
icon: 'far fa-check-circle fa-2x',
|
||||
newest_on_top: true,
|
||||
message: "<strong class='text-center' style='font-size:15px;'>" + status + "</strong>"
|
||||
}, {
|
||||
type: 'success',
|
||||
allow_dismiss: false,
|
||||
placement: {
|
||||
align: 'center',
|
||||
from: 'bottom'
|
||||
},
|
||||
animate: {
|
||||
enter: 'animate__animated animate__bounce',
|
||||
</div> --}}
|
||||
<script>
|
||||
var status = "{{ session('status') }}";
|
||||
$.notify({
|
||||
icon: 'far fa-check-circle fa-2x',
|
||||
newest_on_top: true,
|
||||
message: "<strong class='text-center' style='font-size:15px; color: #ffff;'>" + status + "</strong>"
|
||||
}, {
|
||||
type: 'success',
|
||||
allow_dismiss: false,
|
||||
placement: {
|
||||
align: 'center',
|
||||
from: 'bottom'
|
||||
},
|
||||
animate: {
|
||||
enter: 'animate__animated animate__bounce',
|
||||
|
||||
exit: 'animate__animated animate__bounceOutDown'
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endif
|
||||
exit: 'animate__animated animate__bounceOutDown'
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endif
|
||||
|
||||
@if (session('info'))
|
||||
{{-- <div class="alert alert-info" role="alert">
|
||||
@if (session('info'))
|
||||
{{-- <div class="alert alert-info" role="alert">
|
||||
{{ session('info') }}
|
||||
</div> --}}
|
||||
<script>
|
||||
var status = "{{ session('info') }}";
|
||||
$.notify({
|
||||
icon: 'fas fa-info fa-2x',
|
||||
newest_on_top: true,
|
||||
message: "<strong style='font-size:15px;'>" + status + "</strong>"
|
||||
}, {
|
||||
type: 'info',
|
||||
allow_dismiss: false,
|
||||
placement: {
|
||||
align: 'center',
|
||||
from: 'bottom'
|
||||
},
|
||||
animate: {
|
||||
enter: 'animate__animated animate__bounce',
|
||||
</div> --}}
|
||||
<script>
|
||||
var status = "{{ session('info') }}";
|
||||
$.notify({
|
||||
icon: 'fas fa-info fa-2x',
|
||||
newest_on_top: true,
|
||||
message: "<strong style='font-size:15px;'>" + status + "</strong>"
|
||||
}, {
|
||||
type: 'info',
|
||||
allow_dismiss: false,
|
||||
placement: {
|
||||
align: 'center',
|
||||
from: 'bottom'
|
||||
},
|
||||
animate: {
|
||||
enter: 'animate__animated animate__bounce',
|
||||
|
||||
exit: 'animate__animated animate__bounceOutDown'
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endif
|
||||
exit: 'animate__animated animate__bounceOutDown'
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endif
|
||||
|
||||
<form role="form" method="POST" action="{{ route('password.email') }}">
|
||||
@csrf
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-xs-5 col-xl-5 ">
|
||||
<div class="form-group {{ $errors->has('email') ? ' has-danger' : '' }}">
|
||||
<input placeholder="Emel" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" id="login-username" required autofocus aria-required="true">
|
||||
</div>
|
||||
@if ($errors->has('email'))
|
||||
<span class="invalid-feedback" style="display: block;margin-top:-10px !important;" role="alert">
|
||||
<strong>{{ $errors->first('email') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<form role="form" method="POST" action="{{ route('password.email') }}">
|
||||
@csrf
|
||||
<p>Sila masukkan emel</p>
|
||||
<div class="input-group input-group-outline my-3">
|
||||
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-success my-4">{{ __('Tetap Semula Katalaluan') }}</button>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-xs-12 forgetpassword">
|
||||
<center>
|
||||
<div class="forgot-password">
|
||||
<a href="{{ route('auth.registerfirst') }}" class="text-light">
|
||||
<font color="#3598dc">Pertama Kali</font>
|
||||
</a> |@if (Route::has('password.request')) <a href="#" class="text-light">
|
||||
<font color="#3598dc">Lupa Katalaluan</font>
|
||||
</a>@endif
|
||||
{{-- <a href="{{ route('auth.registerfirst') }}" class="text-light"><font color="#3598dc">Pertama Kali</font></a> |@if (Route::has('password.request')) <a href="{{ route('password.request') }}" class="text-light">
|
||||
<font color="#3598dc">Lupa Katalaluan</font>
|
||||
</a>@endif --}}
|
||||
</div>
|
||||
<div style="font-size: 10px;"><br><br>Paparan terbaik menggunakan Mozilla Firefox, Google Chrome & Internet Explorer 9.0 ke atas dengan resolusi 1920 x 1080</div>
|
||||
</center>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<input placeholder="Emel" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" id="login-username">
|
||||
</div>
|
||||
|
||||
@if ($errors->has('email'))
|
||||
<span class="invalid-feedback" style="display: block;margin-top:-10px !important;" role="alert">
|
||||
<strong>{{ $errors->first('email') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
|
||||
<br>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-6 py-0 px-0">
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2" style="background: #4A4E59;">Tetap Semula Kata Laluan</button>
|
||||
</div>
|
||||
<p class="mt-6 text-sm text-center">
|
||||
|
||||
@include('auth.slides.slidespage')
|
||||
<a href="{{ route('auth.registerfirst') }}">Pertama Kali</a>
|
||||
<a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
|
||||
<a href="{{ route('login') }}">Log-Masuk</a>
|
||||
</p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var slideIndex = 0;
|
||||
showSlides();
|
||||
|
||||
function showSlides() {
|
||||
var i;
|
||||
var slides = document.getElementsByClassName("mySlides");
|
||||
for (i = 0; i < slides.length; i++) {
|
||||
slides[i].style.display = "none";
|
||||
}
|
||||
slideIndex++;
|
||||
if (slideIndex > slides.length) {
|
||||
slideIndex = 1
|
||||
}
|
||||
slides[slideIndex - 1].style.display = "block";
|
||||
setTimeout(showSlides, 10000); // Change image every 2 seconds
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,137 @@
|
||||
@extends('layouts.app', ['class' => 'bg-white'])
|
||||
|
||||
@section('content')
|
||||
{{-- @include('layouts.headers.guest') --}}
|
||||
|
||||
<div class="user-login-5 ">
|
||||
<div class="row h-100 w-100 d-flex justify-content-center mx-auto">
|
||||
<div class="col-md-6 col-xl-6">
|
||||
<div class="container text-center mt-7">
|
||||
<img class="login-logo login-6" src="{{ asset('argon') }}/login/logo_arrahn_baru.png">
|
||||
<div class="container mt-5">
|
||||
|
||||
@if (session('status'))
|
||||
{{-- <div class="alert alert-success" role="alert">
|
||||
{{ session('status') }}
|
||||
</div> --}}
|
||||
<script>
|
||||
var status = "{{ session('status') }}";
|
||||
$.notify({
|
||||
icon: 'far fa-check-circle fa-2x',
|
||||
newest_on_top: true,
|
||||
message: "<strong class='text-center' style='font-size:15px;'>" + status + "</strong>"
|
||||
}, {
|
||||
type: 'success',
|
||||
allow_dismiss: false,
|
||||
placement: {
|
||||
align: 'center',
|
||||
from: 'bottom'
|
||||
},
|
||||
animate: {
|
||||
enter: 'animate__animated animate__bounce',
|
||||
|
||||
exit: 'animate__animated animate__bounceOutDown'
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endif
|
||||
|
||||
@if (session('info'))
|
||||
{{-- <div class="alert alert-info" role="alert">
|
||||
{{ session('info') }}
|
||||
</div> --}}
|
||||
<script>
|
||||
var status = "{{ session('info') }}";
|
||||
$.notify({
|
||||
icon: 'fas fa-info fa-2x',
|
||||
newest_on_top: true,
|
||||
message: "<strong style='font-size:15px;'>" + status + "</strong>"
|
||||
}, {
|
||||
type: 'info',
|
||||
allow_dismiss: false,
|
||||
placement: {
|
||||
align: 'center',
|
||||
from: 'bottom'
|
||||
},
|
||||
animate: {
|
||||
enter: 'animate__animated animate__bounce',
|
||||
|
||||
exit: 'animate__animated animate__bounceOutDown'
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endif
|
||||
|
||||
<form role="form" method="POST" action="{{ route('password.email') }}">
|
||||
@csrf
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-xs-5 col-xl-5 ">
|
||||
<div class="form-group {{ $errors->has('email') ? ' has-danger' : '' }}">
|
||||
<input placeholder="Emel" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" id="login-username" required autofocus aria-required="true">
|
||||
</div>
|
||||
@if ($errors->has('email'))
|
||||
<span class="invalid-feedback" style="display: block;margin-top:-10px !important;" role="alert">
|
||||
<strong>{{ $errors->first('email') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-success my-4">{{ __('Tetap Semula Katalaluan') }}</button>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-xs-12 forgetpassword">
|
||||
<center>
|
||||
<div class="forgot-password">
|
||||
<a href="{{ route('auth.registerfirst') }}" class="text-light">
|
||||
<font color="#3598dc">Pertama Kali</font>
|
||||
</a> |@if (Route::has('password.request')) <a href="#" class="text-light">
|
||||
<font color="#3598dc">Lupa Katalaluan</font>
|
||||
</a>@endif
|
||||
{{-- <a href="{{ route('auth.registerfirst') }}" class="text-light"><font color="#3598dc">Pertama Kali</font></a> |@if (Route::has('password.request')) <a href="{{ route('password.request') }}" class="text-light">
|
||||
<font color="#3598dc">Lupa Katalaluan</font>
|
||||
</a>@endif --}}
|
||||
</div>
|
||||
<div style="font-size: 10px;"><br><br>Paparan terbaik menggunakan Mozilla Firefox, Google Chrome & Internet Explorer 9.0 ke atas dengan resolusi 1920 x 1080</div>
|
||||
</center>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-6 py-0 px-0">
|
||||
|
||||
@include('auth.slides.slidespage')
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var slideIndex = 0;
|
||||
showSlides();
|
||||
|
||||
function showSlides() {
|
||||
var i;
|
||||
var slides = document.getElementsByClassName("mySlides");
|
||||
for (i = 0; i < slides.length; i++) {
|
||||
slides[i].style.display = "none";
|
||||
}
|
||||
slideIndex++;
|
||||
if (slideIndex > slides.length) {
|
||||
slideIndex = 1
|
||||
}
|
||||
slides[slideIndex - 1].style.display = "block";
|
||||
setTimeout(showSlides, 10000); // Change image every 2 seconds
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
@@ -169,7 +169,7 @@
|
||||
<img src="{{ asset('assets/img/material-kit/waves-white.svg') }}" alt="pattern-lines" class="position-absolute opacity-1 w-100">
|
||||
<div class="container py-lg-4 py-4">
|
||||
<div class="row">
|
||||
<div class="col-xl-8 mb-5 mb-xl-0">
|
||||
<div class="col-xl-7 mb-5 mb-xl-0">
|
||||
<div class="card shadow">
|
||||
<div class="card-header border-0">
|
||||
<div class="row align-items-center">
|
||||
@@ -180,7 +180,7 @@
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<!-- Projects table -->
|
||||
<table class="table align-items-center table-bordered table-hover" style="text-align: center;" id="sag_aktif">
|
||||
<table class="table align-items-center table-bordered table-hover" style="text-align: center; width: 100%" id="sag_aktif">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th scope="col">No. SAG</th>
|
||||
@@ -191,7 +191,7 @@
|
||||
@foreach($belum_tebus as $index1=>$bt)
|
||||
<tr>
|
||||
<td>{{ $bt['norujukan'] }}</td>
|
||||
<td>{{ $bt['pinjaman'] }}</td>
|
||||
<td>{{ number_format($bt['pinjaman'],2) }}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
<!-- <tr>
|
||||
@@ -203,21 +203,18 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4">
|
||||
<div class="col-xl-5">
|
||||
<div class="card shadow">
|
||||
<div class="card-header border-0">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h4 class="mb-0 text-primary">Harga Emas</h4>
|
||||
</div>
|
||||
{{-- <div class="col text-right">
|
||||
<a href="#!" class="btn btn-sm btn-primary">See all</a>
|
||||
</div> --}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<!-- Projects table -->
|
||||
<table class="table align-items-center table-bordered table-hover" id="harga_emas" style="text-align: center;">
|
||||
<table class="table align-items-center table-bordered table-hover" id="harga_emas" style="text-align: center; width: 100%">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Karat</th>
|
||||
@@ -269,18 +266,23 @@
|
||||
<script>
|
||||
var api_url = "{{ config('api.url') }}";
|
||||
var icno = "{{ Auth::User()->icno }}";
|
||||
var datafin = "{{ $financemonth }}";
|
||||
|
||||
datafin = datafin.replace(/"/g, '\"');
|
||||
datafin = JSON.parse(datafin);
|
||||
|
||||
var hargaemastable = $('#harga_emas').DataTable({
|
||||
"bLengthChange": false,
|
||||
"bFilter": false,
|
||||
"paging": false,
|
||||
"pagingType": "simple",
|
||||
language: {
|
||||
'paginate': {
|
||||
'previous': '<span class="fas fa-backward"></span>',
|
||||
'next': '<span class="fas fa-forward"></span>'
|
||||
}
|
||||
}
|
||||
},
|
||||
"scrollX": true,
|
||||
"pageLength": 5
|
||||
|
||||
});
|
||||
|
||||
@@ -288,6 +290,7 @@
|
||||
"bLengthChange": false,
|
||||
"bFilter": false,
|
||||
"pageLength": 5,
|
||||
"scrollX": true,
|
||||
"pagingType": "simple",
|
||||
language: {
|
||||
'paginate': {
|
||||
@@ -296,6 +299,601 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Charts
|
||||
//
|
||||
|
||||
'use strict';
|
||||
|
||||
var Charts = (function() {
|
||||
|
||||
// Variable
|
||||
|
||||
var $toggle = $('[data-toggle="chart"]');
|
||||
var mode = 'light';//(themeMode) ? themeMode : 'light';
|
||||
var fonts = {
|
||||
base: 'Open Sans'
|
||||
}
|
||||
|
||||
// Colors
|
||||
var colors = {
|
||||
gray: {
|
||||
100: '#f6f9fc',
|
||||
200: '#e9ecef',
|
||||
300: '#dee2e6',
|
||||
400: '#ced4da',
|
||||
500: '#adb5bd',
|
||||
600: '#8898aa',
|
||||
700: '#525f7f',
|
||||
800: '#32325d',
|
||||
900: '#212529'
|
||||
},
|
||||
theme: {
|
||||
'default': '#172b4d',
|
||||
'primary': '#5e72e4',
|
||||
'secondary': '#f4f5f7',
|
||||
'info': '#11cdef',
|
||||
'success': '#2dce89',
|
||||
'danger': '#f5365c',
|
||||
'warning': '#fb6340'
|
||||
},
|
||||
black: '#12263F',
|
||||
white: '#FFFFFF',
|
||||
transparent: 'transparent',
|
||||
};
|
||||
|
||||
|
||||
// Methods
|
||||
|
||||
// Chart.js global options
|
||||
function chartOptions() {
|
||||
|
||||
// Options
|
||||
var options = {
|
||||
defaults: {
|
||||
global: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
defaultColor: (mode == 'dark') ? colors.gray[700] : colors.gray[600],
|
||||
defaultFontColor: (mode == 'dark') ? colors.gray[700] : colors.gray[600],
|
||||
defaultFontFamily: fonts.base,
|
||||
defaultFontSize: 13,
|
||||
layout: {
|
||||
padding: 0
|
||||
},
|
||||
legend: {
|
||||
display: false,
|
||||
position: 'bottom',
|
||||
labels: {
|
||||
usePointStyle: true,
|
||||
padding: 16
|
||||
}
|
||||
},
|
||||
elements: {
|
||||
point: {
|
||||
radius: 0,
|
||||
backgroundColor: colors.theme['primary']
|
||||
},
|
||||
line: {
|
||||
tension: .4,
|
||||
borderWidth: 4,
|
||||
borderColor: colors.theme['primary'],
|
||||
backgroundColor: colors.transparent,
|
||||
borderCapStyle: 'rounded'
|
||||
},
|
||||
rectangle: {
|
||||
backgroundColor: colors.theme['warning']
|
||||
},
|
||||
arc: {
|
||||
backgroundColor: colors.theme['primary'],
|
||||
borderColor: (mode == 'dark') ? colors.gray[800] : colors.white,
|
||||
borderWidth: 4
|
||||
}
|
||||
},
|
||||
tooltips: {
|
||||
enabled: false,
|
||||
mode: 'index',
|
||||
intersect: false,
|
||||
custom: function(model) {
|
||||
|
||||
// Get tooltip
|
||||
var $tooltip = $('#chart-tooltip');
|
||||
|
||||
// Create tooltip on first render
|
||||
if (!$tooltip.length) {
|
||||
$tooltip = $('<div id="chart-tooltip" class="popover bs-popover-top" role="tooltip"></div>');
|
||||
|
||||
// Append to body
|
||||
$('body').append($tooltip);
|
||||
}
|
||||
|
||||
// Hide if no tooltip
|
||||
if (model.opacity === 0) {
|
||||
$tooltip.css('display', 'none');
|
||||
return;
|
||||
}
|
||||
|
||||
function getBody(bodyItem) {
|
||||
return bodyItem.lines;
|
||||
}
|
||||
|
||||
// Fill with content
|
||||
if (model.body) {
|
||||
var titleLines = model.title || [];
|
||||
var bodyLines = model.body.map(getBody);
|
||||
var html = '';
|
||||
|
||||
// Add arrow
|
||||
html += '<div class="arrow"></div>';
|
||||
|
||||
// Add header
|
||||
titleLines.forEach(function(title) {
|
||||
html += '<h3 class="popover-header text-center">' + title + '</h3>';
|
||||
});
|
||||
|
||||
// Add body
|
||||
bodyLines.forEach(function(body, i) {
|
||||
var colors = model.labelColors[i];
|
||||
var styles = 'background-color: ' + colors.backgroundColor;
|
||||
var indicator = '<span class="badge badge-dot"><i class="bg-primary"></i></span>';
|
||||
var align = (bodyLines.length > 1) ? 'justify-content-left' : 'justify-content-center';
|
||||
html += '<div class="popover-body d-flex align-items-center ' + align + '">' + indicator + body + '</div>';
|
||||
});
|
||||
|
||||
$tooltip.html(html);
|
||||
}
|
||||
|
||||
// Get tooltip position
|
||||
var $canvas = $(this._chart.canvas);
|
||||
|
||||
var canvasWidth = $canvas.outerWidth();
|
||||
var canvasHeight = $canvas.outerHeight();
|
||||
|
||||
var canvasTop = $canvas.offset().top;
|
||||
var canvasLeft = $canvas.offset().left;
|
||||
|
||||
var tooltipWidth = $tooltip.outerWidth();
|
||||
var tooltipHeight = $tooltip.outerHeight();
|
||||
|
||||
var top = canvasTop + model.caretY - tooltipHeight - 16;
|
||||
var left = canvasLeft + model.caretX - tooltipWidth / 2;
|
||||
|
||||
// Display tooltip
|
||||
$tooltip.css({
|
||||
'top': top + 'px',
|
||||
'left': left + 'px',
|
||||
'display': 'block',
|
||||
'z-index': '100'
|
||||
});
|
||||
|
||||
},
|
||||
callbacks: {
|
||||
label: function(item, data) {
|
||||
var label = data.datasets[item.datasetIndex].label || '';
|
||||
var yLabel = item.yLabel;
|
||||
var content = '';
|
||||
|
||||
if (data.datasets.length > 1) {
|
||||
content += '<span class="badge badge-primary mr-auto">' + label + '</span>';
|
||||
}
|
||||
|
||||
content += '<span class="popover-body-value">' + yLabel + '</span>' ;
|
||||
return content;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
doughnut: {
|
||||
cutoutPercentage: 83,
|
||||
tooltips: {
|
||||
callbacks: {
|
||||
title: function(item, data) {
|
||||
var title = data.labels[item[0].index];
|
||||
return title;
|
||||
},
|
||||
label: function(item, data) {
|
||||
var value = data.datasets[0].data[item.index];
|
||||
var content = '';
|
||||
|
||||
content += '<span class="popover-body-value">' + value + '</span>';
|
||||
return content;
|
||||
}
|
||||
}
|
||||
},
|
||||
legendCallback: function(chart) {
|
||||
var data = chart.data;
|
||||
var content = '';
|
||||
|
||||
data.labels.forEach(function(label, index) {
|
||||
var bgColor = data.datasets[0].backgroundColor[index];
|
||||
|
||||
content += '<span class="chart-legend-item">';
|
||||
content += '<i class="chart-legend-indicator" style="background-color: ' + bgColor + '"></i>';
|
||||
content += label;
|
||||
content += '</span>';
|
||||
});
|
||||
|
||||
return content;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// yAxes
|
||||
Chart.scaleService.updateScaleDefaults('linear', {
|
||||
gridLines: {
|
||||
borderDash: [2],
|
||||
borderDashOffset: [2],
|
||||
color: (mode == 'dark') ? colors.gray[900] : colors.gray[300],
|
||||
drawBorder: false,
|
||||
drawTicks: false,
|
||||
lineWidth: 0,
|
||||
zeroLineWidth: 0,
|
||||
zeroLineColor: (mode == 'dark') ? colors.gray[900] : colors.gray[300],
|
||||
zeroLineBorderDash: [2],
|
||||
zeroLineBorderDashOffset: [2]
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 10,
|
||||
callback: function(value) {
|
||||
if (!(value % 10)) {
|
||||
return value
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// xAxes
|
||||
Chart.scaleService.updateScaleDefaults('category', {
|
||||
gridLines: {
|
||||
drawBorder: false,
|
||||
drawOnChartArea: false,
|
||||
drawTicks: false
|
||||
},
|
||||
ticks: {
|
||||
padding: 20
|
||||
},
|
||||
maxBarThickness: 10
|
||||
});
|
||||
|
||||
return options;
|
||||
|
||||
}
|
||||
|
||||
// Parse global options
|
||||
function parseOptions(parent, options) {
|
||||
for (var item in options) {
|
||||
if (typeof options[item] !== 'object') {
|
||||
parent[item] = options[item];
|
||||
} else {
|
||||
parseOptions(parent[item], options[item]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Push options
|
||||
function pushOptions(parent, options) {
|
||||
for (var item in options) {
|
||||
if (Array.isArray(options[item])) {
|
||||
options[item].forEach(function(data) {
|
||||
parent[item].push(data);
|
||||
});
|
||||
} else {
|
||||
pushOptions(parent[item], options[item]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Pop options
|
||||
function popOptions(parent, options) {
|
||||
for (var item in options) {
|
||||
if (Array.isArray(options[item])) {
|
||||
options[item].forEach(function(data) {
|
||||
parent[item].pop();
|
||||
});
|
||||
} else {
|
||||
popOptions(parent[item], options[item]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Toggle options
|
||||
function toggleOptions(elem) {
|
||||
var options = elem.data('add');
|
||||
var $target = $(elem.data('target'));
|
||||
var $chart = $target.data('chart');
|
||||
|
||||
if (elem.is(':checked')) {
|
||||
|
||||
// Add options
|
||||
pushOptions($chart, options);
|
||||
|
||||
// Update chart
|
||||
$chart.update();
|
||||
} else {
|
||||
|
||||
// Remove options
|
||||
popOptions($chart, options);
|
||||
|
||||
// Update chart
|
||||
$chart.update();
|
||||
}
|
||||
}
|
||||
|
||||
// Update options
|
||||
function updateOptions(elem) {
|
||||
var options = elem.data('update');
|
||||
var $target = $(elem.data('target'));
|
||||
var $chart = $target.data('chart');
|
||||
|
||||
// Parse options
|
||||
parseOptions($chart, options);
|
||||
|
||||
// Toggle ticks
|
||||
toggleTicks(elem, $chart);
|
||||
|
||||
// Update chart
|
||||
$chart.update();
|
||||
}
|
||||
|
||||
// Toggle ticks
|
||||
function toggleTicks(elem, $chart) {
|
||||
|
||||
if (elem.data('prefix') !== undefined || elem.data('prefix') !== undefined) {
|
||||
var prefix = elem.data('prefix') ? elem.data('prefix') : '';
|
||||
var suffix = elem.data('suffix') ? elem.data('suffix') : '';
|
||||
|
||||
// Update ticks
|
||||
$chart.options.scales.yAxes[0].ticks.callback = function(value) {
|
||||
if (!(value % 10)) {
|
||||
return prefix + value + suffix;
|
||||
}
|
||||
}
|
||||
|
||||
// Update tooltips
|
||||
$chart.options.tooltips.callbacks.label = function(item, data) {
|
||||
var label = data.datasets[item.datasetIndex].label || '';
|
||||
var yLabel = item.yLabel;
|
||||
var content = '';
|
||||
|
||||
if (data.datasets.length > 1) {
|
||||
content += '<span class="popover-body-label mr-auto">' + label + '</span>';
|
||||
}
|
||||
|
||||
content += '<span class="popover-body-value">' + prefix + yLabel + suffix + '</span>';
|
||||
return content;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Events
|
||||
|
||||
// Parse global options
|
||||
if (window.Chart) {
|
||||
parseOptions(Chart, chartOptions());
|
||||
}
|
||||
|
||||
// Toggle options
|
||||
$toggle.on({
|
||||
'change': function() {
|
||||
var $this = $(this);
|
||||
|
||||
if ($this.is('[data-add]')) {
|
||||
toggleOptions($this);
|
||||
}
|
||||
},
|
||||
'click': function() {
|
||||
var $this = $(this);
|
||||
|
||||
if ($this.is('[data-update]')) {
|
||||
updateOptions($this);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Return
|
||||
|
||||
return {
|
||||
colors: colors,
|
||||
fonts: fonts,
|
||||
mode: mode
|
||||
};
|
||||
|
||||
})();
|
||||
|
||||
|
||||
//
|
||||
// Orders chart
|
||||
//
|
||||
|
||||
var OrdersChart = (function() {
|
||||
|
||||
//
|
||||
// Variables
|
||||
//
|
||||
|
||||
var $chart = $('#chart-orders');
|
||||
var $ordersSelect = $('[name="ordersSelect"]');
|
||||
|
||||
|
||||
//
|
||||
// Methods
|
||||
//
|
||||
|
||||
// Init chart
|
||||
function initChart($chart) {
|
||||
|
||||
var PembiayaanBulanan = new Array();
|
||||
var BayaranBulanan = new Array();
|
||||
var NamaBulan = new Array();
|
||||
|
||||
|
||||
$.each(datafin,function(index,finance){
|
||||
PembiayaanBulanan.push(finance['pembiayaan']);
|
||||
BayaranBulanan.push(finance['bayaran']);
|
||||
NamaBulan.push(finance['namabulan']);
|
||||
});
|
||||
|
||||
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
});
|
||||
|
||||
// Create chart
|
||||
var ordersChart = new Chart($chart, {
|
||||
type: 'bar',
|
||||
options: {
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
callback: function(value) {
|
||||
if (!(value % 10)) {
|
||||
//return '$' + value + 'k'
|
||||
return formatter.format(value)
|
||||
}
|
||||
}
|
||||
}
|
||||
}]
|
||||
},
|
||||
tooltips: {
|
||||
callbacks: {
|
||||
label: function(item, data) {
|
||||
var label = data.datasets[item.datasetIndex].label || '';
|
||||
var yLabel = item.yLabel;
|
||||
var content = '';
|
||||
|
||||
if (data.datasets.length > 1) {
|
||||
content += '<span class="popover-body-label mr-auto">' + label + '</span>';
|
||||
}
|
||||
|
||||
content += '<span class="popover-body-value">' + yLabel + '</span>';
|
||||
|
||||
return content;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
data: {
|
||||
labels: NamaBulan,
|
||||
datasets: [{
|
||||
label: 'Pembiayaan',
|
||||
data: PembiayaanBulanan
|
||||
}]
|
||||
}
|
||||
});
|
||||
|
||||
// Save to jQuery object
|
||||
$chart.data('chart', ordersChart);
|
||||
}
|
||||
|
||||
|
||||
// Init chart
|
||||
if ($chart.length) {
|
||||
initChart($chart);
|
||||
}
|
||||
|
||||
})();
|
||||
|
||||
//
|
||||
// Charts
|
||||
//
|
||||
|
||||
'use strict';
|
||||
|
||||
//
|
||||
// Sales chart
|
||||
//
|
||||
|
||||
var SalesChart = (function() {
|
||||
|
||||
// Variables
|
||||
|
||||
var $chart = $('#chart-sales');
|
||||
|
||||
|
||||
// Methods
|
||||
|
||||
function init($chart) {
|
||||
|
||||
var PembiayaanBulanan = new Array();
|
||||
var BayaranBulanan = new Array();
|
||||
var NamaBulan = new Array();
|
||||
|
||||
$.each(datafin,function(index,finance){
|
||||
PembiayaanBulanan.push(finance['pembiayaan']);
|
||||
BayaranBulanan.push(finance['bayaran']);
|
||||
NamaBulan.push(finance['namabulan']);
|
||||
});
|
||||
|
||||
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
});
|
||||
|
||||
var salesChart = new Chart($chart, {
|
||||
type: 'bar',
|
||||
options: {
|
||||
scales: {
|
||||
yAxes: [{
|
||||
gridLines: {
|
||||
color: Charts.colors.gray[900],
|
||||
zeroLineColor: Charts.colors.gray[900]
|
||||
},
|
||||
ticks: {
|
||||
callback: function(value) {
|
||||
if (!(value % 10)) {
|
||||
return 'RM' + formatter.format(value);
|
||||
}
|
||||
}
|
||||
}
|
||||
}]
|
||||
},
|
||||
tooltips: {
|
||||
callbacks: {
|
||||
label: function(item, data) {
|
||||
var label = data.datasets[item.datasetIndex].label || '';
|
||||
var yLabel = item.yLabel;
|
||||
var content = '';
|
||||
|
||||
if (data.datasets.length > 1) {
|
||||
content += '<span class="popover-body-label mr-auto">' + label + '</span>';
|
||||
}
|
||||
|
||||
content += '<span class="popover-body-value">RM' + formatter.format(yLabel) + '</span>';
|
||||
return content;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
data: {
|
||||
labels: NamaBulan,
|
||||
datasets: [{
|
||||
label: 'Prestasi',
|
||||
data: BayaranBulanan
|
||||
}]
|
||||
}
|
||||
});
|
||||
|
||||
// Save to jQuery object
|
||||
|
||||
$chart.data('chart', salesChart);
|
||||
|
||||
};
|
||||
|
||||
|
||||
// Events
|
||||
|
||||
if ($chart.length) {
|
||||
init($chart);
|
||||
}
|
||||
|
||||
})();
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -14,13 +14,6 @@
|
||||
<form method="post" action="{{ route('payment.engine') }}">
|
||||
@csrf
|
||||
<div class="row">
|
||||
<!-- <nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb not-allowed">
|
||||
<li class="breadcrumb-item text-dark opacity-5 no-allowed"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item text-dark opacity-5"><a href="#">Pembayaran</a></li>
|
||||
<li class="breadcrumb-item text-dark active" aria-current="page">Bayar SAG Pilihan</li>
|
||||
</ol>
|
||||
</nav> -->
|
||||
<div class="row">
|
||||
<div class="d-flex">
|
||||
<p class="not-allowed text-sm">Home /Pembayaran /</p>
|
||||
@@ -44,29 +37,11 @@
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row justify-space-between py-2">
|
||||
<div class="col-lg-6 mx-auto">
|
||||
<div class="nav-wrapper position-relative end-0">
|
||||
<ul class="nav nav-pills nav-fill p-1" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center active" data-bs-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="preview" aria-selected="true">
|
||||
<i class="material-icons text-sm me-2">person</i> Ar-Rahn
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center" data-bs-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="code" aria-selected="false">
|
||||
<i class="material-icons text-sm me-2">dashboard</i> Tawarruq
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tab-content" id="myTabContent">
|
||||
|
||||
<div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
|
||||
|
||||
<!-- <div class="tab-pane fade" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
|
||||
<div class="table-responsive table-striped text-center">
|
||||
<table class="table align-items-center table-hover" id="belum_tawarruq">
|
||||
<thead class="thead-light">
|
||||
@@ -129,21 +104,21 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
|
||||
<div class="tab-pane fade show active" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
|
||||
|
||||
<div class="table-responsive text-center">
|
||||
<table class="table align-items-center table-hover" id="selepas_tawarruq">
|
||||
<table class="table align-items-center" id="selepas_tawarruq" style="width: 100%;">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th>No</th>
|
||||
<th>No Rujukan</th>
|
||||
<th>Pembiayaan Asal</th>
|
||||
<th>B. Pembiayaan</th>
|
||||
<th>Baki Pembiayaan</th>
|
||||
<th>Tempoh</th>
|
||||
<th>Keuntungan</th>
|
||||
<th width="35%">Bayaran</th>
|
||||
<th>Bayaran</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@php $counter = 1;$jenisbayaran = 'tawarruq'; @endphp
|
||||
@@ -200,7 +175,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<!-- ===============RINGKASAN LAMA============================== -->
|
||||
<!-- <div class="col-md-6 col-sm-12">
|
||||
<div class="card shadow">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row align-items-center">
|
||||
@@ -234,19 +210,6 @@
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
|
||||
{{-- <div class="row mb--4 font-weight-light">
|
||||
<div class="col-7">
|
||||
<label class="text-dark ml-4">Keuntungan</label>
|
||||
</div>
|
||||
|
||||
<div class="col-5 text-right pr-5">
|
||||
<span>RM <span id="spankeuntungan">0.00</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<hr/> --}}
|
||||
|
||||
|
||||
<div class="row pb-4 font-weight-light">
|
||||
<div class="col-7">
|
||||
<label class="text-dark ml-4" style="text-transform: uppercase;"><strong>Jumlah Keseluruhan</strong></label>
|
||||
@@ -261,10 +224,78 @@
|
||||
</div>
|
||||
|
||||
|
||||
<div class="d-flex justify-content-between col-12 mt-3 align-self-end">
|
||||
<div class="d-flex justify-content-end col-12 mt-3 align-self-end">
|
||||
<button type="button" class="btn btn-danger">Batal</button>
|
||||
<button type="submit" id="bayarsbmt" class="btn btn-primary" disabled onclick="loadingbtn();">Bayar</button>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- ===============RINGKASAN BARU============================== -->
|
||||
<div class="col-md-10 col-sm-12">
|
||||
<div class="card shadow">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row align-items-center">
|
||||
<div class="d-flex">
|
||||
<h4 class="text-white" style="margin-right: 1%;">Ringkasan Pembayaran</h4>
|
||||
<i class="fas fa-shopping-cart fa-2x text-white"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form" style="text-align: center;">
|
||||
<div style="overflow-x: auto;">
|
||||
<table class="table align-items-center" id="ringkasan_bayaran" style="width: 100%;">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th>No</th>
|
||||
<th>No Rujukan</th>
|
||||
<th>Bayaran</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@php $counter = 1;
|
||||
@endphp
|
||||
|
||||
@foreach($arraybayar as $index=>$bayar)
|
||||
@if($bayar['hargajualan'] != '')
|
||||
<tbody class="list">
|
||||
<tr>
|
||||
<td>
|
||||
{{ $counter }}
|
||||
</td>
|
||||
<td>
|
||||
{{ $bayar['norujukan'] }}
|
||||
</td>
|
||||
<td>
|
||||
<p id="spantransaksi{{ $counter }}"></p>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
@php
|
||||
$counter++;
|
||||
@endphp
|
||||
@endif
|
||||
@endforeach
|
||||
</table>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="row pb-4 font-weight-light">
|
||||
<div class="col-6">
|
||||
<label style="text-transform: uppercase;"><strong>Jumlah Keseluruhan</strong></label>
|
||||
</div>
|
||||
|
||||
<div class="col-6">
|
||||
<span class="text-primary"><strong>RM <span id="spanjumlah">0.00</span></strong></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="d-flex justify-content-end col-12 mt-3 align-self-end">
|
||||
<button type="submit" id="bayarsbmt" class="btn btn-primary" disabled onclick="loadingbtn();">Bayar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@@ -284,7 +315,9 @@
|
||||
'previous': '<span class="fas fa-backward"></span>',
|
||||
'next': '<span class="fas fa-forward"></span>'
|
||||
}
|
||||
}
|
||||
},
|
||||
"scrollX": true,
|
||||
"pageLength": 10
|
||||
});
|
||||
|
||||
var selepastawarruqtable = $('#selepas_tawarruq').DataTable({
|
||||
@@ -296,8 +329,20 @@
|
||||
'previous': '<span class="fas fa-backward"></span>',
|
||||
'next': '<span class="fas fa-forward"></span>'
|
||||
}
|
||||
}
|
||||
},
|
||||
"scrollX": true,
|
||||
"pageLength": 10,
|
||||
"pagingType": "simple",
|
||||
"paging": false
|
||||
|
||||
});
|
||||
// var selepastawarruqtable = $('#ringkasan_bayaran').DataTable({
|
||||
// "bLengthChange": false,
|
||||
// "bFilter": false,
|
||||
// "bInfo": false,
|
||||
|
||||
// "scrollX": true,
|
||||
// });
|
||||
|
||||
function validateform() {
|
||||
return false;
|
||||
@@ -320,6 +365,8 @@
|
||||
} else {
|
||||
// $(this).closest('tr').find("input").val();
|
||||
$(this).closest('tr').find("input").attr('readonly', false);
|
||||
$(this).closest('tr').find(".txtbayaran").val(upah);
|
||||
$(this).closest('tr').find(".bayaran").val(upah);
|
||||
calculateall(jenis, taglel);
|
||||
|
||||
}
|
||||
@@ -379,6 +426,18 @@
|
||||
$(this).closest('tr').find('.bayaran').val(upah);
|
||||
calculateall(jenis, taglel);
|
||||
return false;
|
||||
}else if(bayar < parseFloat(upah) && parseFloat(upah) !== 0.00)
|
||||
{
|
||||
$("#bayarsbmt").prop('disabled', false);
|
||||
Swal.fire(
|
||||
'Amaran!',
|
||||
'Bayaran tidak boleh kurang daripada upah!',
|
||||
'error'
|
||||
)
|
||||
$(this).val(upah);
|
||||
$(this).closest('tr').find('.bayaran').val(upah);
|
||||
calculateall(jenis, taglel);
|
||||
return false;
|
||||
}
|
||||
|
||||
$(this).closest('tr').find('.bayaran').val(this.value);
|
||||
@@ -401,7 +460,10 @@
|
||||
|
||||
});
|
||||
|
||||
$('#selepas_tawarruq').find('input[name=txtbayarantawarruq]').each(function() {
|
||||
$('#selepas_tawarruq').find('input[name=txtbayarantawarruq]').each(function(index) {
|
||||
|
||||
$('#spantransaksi' + (index+1)).text(formatter.format(this.value));
|
||||
|
||||
sumtawarruq += parseFloat(this.value) || 0;
|
||||
|
||||
if (this.value <= 0 || this.value == '') {
|
||||
|
||||
@@ -36,25 +36,20 @@
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{--
|
||||
<div class="row justify-space-between py-2">
|
||||
<div class="col-lg-6 mx-auto">
|
||||
<div class="col-lg-6 col-md-8 col-sm-6 mx-auto">
|
||||
<div class="nav-wrapper position-relative end-0">
|
||||
<ul class="nav nav-pills nav-fill p-1" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center active" data-bs-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="preview" aria-selected="true">
|
||||
<i class="material-icons text-sm me-2">person</i> Ar-Rahn
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center" data-bs-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="code" aria-selected="false">
|
||||
<a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center active" data-bs-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="code" aria-selected="false">
|
||||
<i class="material-icons text-sm me-2">dashboard</i> Tawarruq
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="container col-11 shadow-lg p-3 bg-white rounded">
|
||||
<div class="tab-content tab-space">
|
||||
@@ -63,92 +58,20 @@
|
||||
<div class="card shadow">
|
||||
<div class="card-body">
|
||||
<div class="tab-content" id="myTabContent">
|
||||
<div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
|
||||
|
||||
<div class="tab-pane fade show active" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
|
||||
|
||||
<div class="table-responsive table-bordered table-hover">
|
||||
<table class="table align-items-center table-flush" id="belum_tawarruq" style="text-align: center;">
|
||||
<table class="table align-items-center table-flush" id="selepas_tawarruq" style="text-align: center; width: 100%">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Ar-Rahn</th>
|
||||
<th>No Rujukan</th>
|
||||
<th>Pembiayaan</th>
|
||||
<th>Tempoh Simpan</th>
|
||||
<th>Upah telah bayar</th>
|
||||
<th>Upah semasa</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="list">
|
||||
@foreach($belum_tebus as $index=>$bt)
|
||||
@if($bt['hargajualan'] == '')
|
||||
@php
|
||||
|
||||
$koskeuntungan = Http::get(config('api.url') . '/api/upahbukantawarruq/' . $bt['kodcaw'] . '/' . $bt['norujukan'])->json();
|
||||
$searchonline = Http::get(config('api.url') . '/portal/searchsagonline/',['norujukan' => $bt['norujukan']])->json();
|
||||
|
||||
$searchLelong = Http::get(config('api.url').'/api/search/lelong',[
|
||||
'kodcaw' => $bt['kodcaw'],
|
||||
'norujukan' => $bt['norujukan']
|
||||
])->json();
|
||||
|
||||
$tarikh_hari_ini = Carbon\Carbon::now()->toDateString();
|
||||
|
||||
if($searchLelong){
|
||||
$t_lelong = Carbon\Carbon::parse($searchLelong['t_lelong'].' 00:00:00');
|
||||
$tarikhini = Carbon\Carbon::parse($tarikh_hari_ini.' 00:00:00');
|
||||
$diff=date_diff($tarikhini,$t_lelong);
|
||||
$diff = (int)$diff->format("%R%a");
|
||||
if($diff <= 2){ // 'messageamaran'=>'Rekod Gadaian Dalam Proses Lelong, Sila Hadir ke Cawangan.'
|
||||
}elseif($searchLelong['t_jual'] != null && $searchLelong['hargajual'] != 0.00){
|
||||
// 'messageamaran'=>'Rekod Gadaian Telah Dilelong.'
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<tr {{ ($searchonline) ? 'style=background-color:#81ecec;' : '' }}>
|
||||
<td>
|
||||
<input type="checkbox" name="chkboxsag[]" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}" {{ ($searchonline || $koskeuntungan <= 0) ? 'disabled' : '' }} />
|
||||
</td>
|
||||
<td scope="row">
|
||||
<div class="media align-items-center">
|
||||
<div class="media-body">
|
||||
@php
|
||||
$marhun = Http::get(config('api.url') . '/api/marhun/' . $bt['norujukan'] )->json();
|
||||
@endphp
|
||||
<a href="#" class="linktarget" data-toggle="modal" data-marhun="{{ json_encode($marhun) }}" data-pinjaman="{{$bt['pinjaman']}}" data-norujukan="{{$bt['norujukan']}}" data-hargajualan="{{$bt['hargajualan']}}" data-kodcaw="{{ $bt['kodcaw'] }}" data-target="#marhunModal"><span class="name mb-0 text-sm">{{ $bt['norujukan'] }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
{{ number_format($bt['pinjaman'],2) }}
|
||||
</td>
|
||||
<td>
|
||||
{{ number_format($bt['tempoh'],2) }}
|
||||
</td>
|
||||
<td>
|
||||
{{ number_format($bt['telahbayar'],2) }}
|
||||
</td>
|
||||
<td>
|
||||
{{ number_format($koskeuntungan,2) }}
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
@endif
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
|
||||
|
||||
<!-- Light table -->
|
||||
<div class="table-responsive table-bordered table-hover">
|
||||
<table class="table align-items-center table-flush" id="selepas_tawarruq" style="text-align: center;">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>No Rujukan</th>
|
||||
<th>Pembiayaan</th>
|
||||
<th>B. Pembiayaan</th>
|
||||
<th>Keuntungan (6bulan)</th>
|
||||
<th>Keuntungan</th>
|
||||
<th>Pembiayaan Asal</th>
|
||||
<th>Baki Pembiayaan</th>
|
||||
<th>Keuntungan Semasa</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="list">
|
||||
@@ -182,9 +105,15 @@
|
||||
@endphp
|
||||
<tr {{ ($searchonline) ? 'style=background-color:#81ecec;' : '' }}>
|
||||
<td>
|
||||
<input type="checkbox" name="chkboxsag[]" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}" {{ ($searchonline || $koskeuntungan <= 0) ? 'disabled' : '' }} />
|
||||
<input type="checkbox" name="chkboxsag[]" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}" {{ ($searchonline) ? 'disabled' : '' }} />
|
||||
{{-- <i data-toggle="tooltip" title="Hooray!" class="fas fa-exclamation-circle ml-3 text-right" style="font-size: 20px;"></i> --}}
|
||||
</td>
|
||||
<td>
|
||||
@php
|
||||
$namacawangan = Http::get(config('api.url') . '/api/cawangan/detail/' . $bt['kodcaw'] )->json();
|
||||
echo substr($namacawangan[0]['namacaw'],8);
|
||||
@endphp
|
||||
</td>
|
||||
<th scope="row">
|
||||
<div class="media align-items-center">
|
||||
<div class="media-body">
|
||||
@@ -202,10 +131,12 @@
|
||||
{{ number_format($bt['bakipjm'],2) }}
|
||||
</td>
|
||||
<td>
|
||||
{{ number_format($bt['bakiupah'],2) }}
|
||||
{{ is_numeric($koskeuntungan) ? number_format($koskeuntungan,2) : $koskeuntungan }}
|
||||
</td>
|
||||
<td>
|
||||
{{ number_format($koskeuntungan,2) }}
|
||||
@if($bt['taglel'] === 1)
|
||||
<span class="badge alert-danger">Akan Dilelong</span>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endif
|
||||
@@ -220,7 +151,7 @@
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-end mt-2">
|
||||
<button type="submit" class="btn btn-primary" onclick="loadingbtn();">Checkout <span class="rounded bg-red ml-2 pr-1 pl-1" id="totalsag">0</span></button>
|
||||
<button type="submit" class="btn btn-primary" onclick="loadingbtn();">Checkout <span class="badge alert-warning text-light font-weight-bold" style="font-size:12px;" id="totalsag">0</span></button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
@@ -239,19 +170,25 @@
|
||||
'previous': '<span class="fas fa-backward fa-1.5x"></span>',
|
||||
'next': '<span class="fas fa-forward"></span>'
|
||||
}
|
||||
}
|
||||
},
|
||||
"pageLength": 10,
|
||||
"scrollX": true
|
||||
|
||||
});
|
||||
|
||||
var selepastawarruqtable = $('#selepas_tawarruq').DataTable({
|
||||
"bLengthChange": false,
|
||||
"bFilter": true,
|
||||
"paging" : false,
|
||||
"paging" : true,
|
||||
"pagingType": "simple",
|
||||
language: {
|
||||
'paginate': {
|
||||
'previous': '<span class="fas fa-backward"></span>',
|
||||
'next': '<span class="fas fa-forward"></span>'
|
||||
}
|
||||
}
|
||||
},
|
||||
"scrollX": true,
|
||||
"pageLength": 10
|
||||
});
|
||||
|
||||
$("input[type='checkbox'][name='chkboxsag[]']").click(function() {
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<h5 class="font-weight-normal">
|
||||
<a>Rekod Pembelian</a>
|
||||
<a>Rekod Pembayaran</a>
|
||||
</h5>
|
||||
<a type="button" href="{{ route('semaksag') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Enter</a>
|
||||
</div>
|
||||
@@ -82,7 +82,7 @@
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<h5 class="font-weight-normal">
|
||||
<a>Analisa</a>
|
||||
<a>Ringkasan Transaksi Pembiayaan</a>
|
||||
</h5>
|
||||
<a type="button" href="{{ route('analisa.index') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Enter</a>
|
||||
</div>
|
||||
@@ -99,7 +99,7 @@
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<h5 class="font-weight-normal">
|
||||
<a>Gold?</a>
|
||||
<a>Gold</a>
|
||||
</h5>
|
||||
<button type="button" class="btn bg-gradient-primary btn-sm mb-0 mt-3" disabled>Enter</button>
|
||||
</div>
|
||||
|
||||
@@ -1,136 +1,85 @@
|
||||
<footer class="footer pt-5 mt-5">
|
||||
<div class="container">
|
||||
<div class=" row">
|
||||
<div class="col-md-3 mb-4 ms-auto">
|
||||
<div class="col-md-4 mb-4 ms-auto">
|
||||
<div>
|
||||
<h6 class="font-weight-bolder">Ar-Rahn</h6>
|
||||
<p>Koperasi Permodalan Kelantan Berhad</p>
|
||||
<img src="{{ asset('argon/img/brand/arrahnlogo.png') }}" alt="logo ar-rahn" width="50px" height="39px">
|
||||
<h6>Ar-Rahn</h6>
|
||||
<h6>Koperasi Permodalan Kelantan Berhad</h6>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="d-flex flex-row ms-n3 nav">
|
||||
<!-- <ul class="d-flex flex-row ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link pe-1" href="#facebook">
|
||||
<a class="nav-link pe-1" target="blank" href="https://www.facebook.com/pajakgadaiarrahn">
|
||||
<i class="fab fa-facebook text-lg opacity-8"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link pe-1" href="#twitter">
|
||||
<i class="fab fa-twitter text-lg opacity-8"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link pe-1" href="#youtube">
|
||||
<i class="fab fa-youtube text-lg opacity-8"></i>
|
||||
</a>
|
||||
</ul> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text">Alamat</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
Permodalan Kelantan Berhad Tingkat 8, Bangunan Kelantan Trade Centre, Jalan Bayam, 15200 Kota Bharu, Kelantan.
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text-sm">Company</h6>
|
||||
<h6 class="text">Hubungi Kami</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#aboutus">
|
||||
About Us
|
||||
</a>
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
<i class="fa fa-phone" aria-hidden="true"></i>
|
||||
09-741 4343
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Freebies
|
||||
</a>
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
<i class="fa fa-phone-square" aria-hidden="true"></i>
|
||||
09-741 4342
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Premium Tools
|
||||
</a>
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
pkb@pkb.net.my
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Blog
|
||||
<!-- <li class="nav-item">
|
||||
<a class="nav-link pe-1" target="blank" href="https://www.facebook.com/pajakgadaiarrahn">
|
||||
<i class="fab fa-facebook text-lg opacity-8"></i>
|
||||
</a>
|
||||
</li>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-6 col-6 mb-4">
|
||||
<div class="col-md-3 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text-sm">Resources</h6>
|
||||
<h6 class="text">Khidmat Pelanggan</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Illustrations
|
||||
</a>
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
Hotline : 1300-22-4343
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Bits & Snippets
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Affiliate Program
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text-sm">Help & Support</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Contact Us
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Knowledge Center
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Custom Development
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Sponsorships
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-6 col-6 mb-4 me-auto">
|
||||
<div>
|
||||
<h6 class="text-sm">Legal</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Terms & Conditions
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Privacy Policy
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
Licenses (EULA)
|
||||
</a>
|
||||
<!-- <li class="nav-link" style="font-size: 12px;">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
|
||||
arrahncareline@gmail.com
|
||||
</li>
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
|
||||
arcc@pkb.net.my
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="text-center">
|
||||
<p class="text-dark my-4 text-sm font-weight-normal">
|
||||
All rights reserved. Copyright ©
|
||||
<p class="text-dark my-4 text-sm">
|
||||
Hak Milik ©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Koperasi Permodalan Kelantan Berhad.
|
||||
</script> Koperasi Permodalan Kelantan Berhad
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -45,6 +45,7 @@
|
||||
<option selected disabled>Open this select menu</option>
|
||||
@foreach($cawangan as $index1=>$caw)
|
||||
<option value="{{ $caw['kodcaw'] }}">{{ $caw['namacawangan'] }}</option>
|
||||
<input type="hidden" name="namacawangan" id="namacawangan" value="{{ $caw['namacawangan'] }}">
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
@@ -18,20 +18,19 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-5 ms-auto me-auto text-center">
|
||||
<div class="icon icon-md icon-shape bg-gradient-primary shadow-primary text-center border-radius-xl mt-n4">
|
||||
<i class="material-icons opacity-10">engineering</i>
|
||||
</div>
|
||||
<!-- <div class="icon icon-md icon-shape bg-gradient-primary shadow-primary text-center border-radius-xl mt-n4"> -->
|
||||
<!-- <i class="material-icons opacity-10">engineering</i> -->
|
||||
<img src="{{ asset('argon/img/brand/arrahnlogo.png') }}" alt="logo ar-rahn" width="50px" height="39px">
|
||||
<!-- </div> -->
|
||||
<!-- <h3 class="text-dark mb-0 mt-3">SAG</h3> -->
|
||||
<p style="margin-top: 2%;">Senarai SAG gadaian dan tebusan pelanggan.</p>
|
||||
<h6 class="text-primary" style="margin-bottom:5%;">Cawangan : XTRA</h6>
|
||||
<p style="margin-top: 2%;">Senarai SAG gadaian dan penebusan pelanggan.</p>
|
||||
<h6 class="text-primary" style="margin-bottom:10%;">Cawangan : {{ $validated['namacawangan'] }}</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
|
||||
<!-- Card header -->
|
||||
<!-- <div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
|
||||
<div class="card-header border-0">
|
||||
<h5 class="mb-0 text-primary">Ar-Rahn</h5>
|
||||
</div>
|
||||
<!-- Light table -->
|
||||
<div class="table-responsive table-bordered">
|
||||
<table class="table align-items-center table-flush table-hover" id="belum_tawarruq">
|
||||
<thead class="thead-light">
|
||||
@@ -82,14 +81,14 @@
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
<hr class="dark my-md-6 mt-2 mx-7">
|
||||
<hr class="dark my-md-6 mt-2 mx-7"> -->
|
||||
<div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
|
||||
<div class="card-header border-0">
|
||||
<h5 class="mb-0 text-primary">Tawarruq</h5>
|
||||
<h5 class="mb-0 text-primary">Transaksi Bayaran</h5>
|
||||
</div>
|
||||
<!-- Light table -->
|
||||
<div class="table-responsive table-bordered">
|
||||
<table class="table align-items-center table-flush table-hover" id="selepas_tawarruq">
|
||||
<table class="table align-items-center table-flush table-hover" id="selepas_tawarruq" style="width: 100%;">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th scope="col" class="sort" data-sort="name">No Rujukan</th>
|
||||
@@ -142,14 +141,14 @@
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
<hr class="dark my-md-6 mt-2 mx-7">
|
||||
<!-- <hr class="dark my-md-6 mt-2 mx-7"> -->
|
||||
<div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
|
||||
<div class="card-header border-0">
|
||||
<h5 class="mb-0 text-primary">Penyata Terdahulu</h5>
|
||||
<h5 class="mb-0 text-primary">Penyata Yang Sudah Ditebus</h5>
|
||||
</div>
|
||||
<!-- Light table -->
|
||||
<div class="table-responsive table-bordered">
|
||||
<table class="table align-items-center table-flush table-hover" id="saghistory">
|
||||
<table class="table align-items-center table-flush table-hover" id="saghistory" style="width: 100%;">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th scope="col" class="sort" data-sort="name">No Rujukan</th>
|
||||
@@ -164,6 +163,7 @@
|
||||
</thead>
|
||||
<tbody class="list">
|
||||
@foreach($sudah_tebus as $index=>$st)
|
||||
@if($st['hargajualan'] != '')
|
||||
<tr style="text-align: center;">
|
||||
<th scope="row">
|
||||
<div class="media align-items-center">
|
||||
@@ -194,6 +194,7 @@
|
||||
{{ $st['t_update'] }}
|
||||
</td>
|
||||
</tr>
|
||||
@endif
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -218,7 +219,9 @@
|
||||
'previous': '<span class="fas fa-backward"></span>',
|
||||
'next': '<span class="fas fa-forward"></span>'
|
||||
}
|
||||
}
|
||||
},
|
||||
"scrollX": true
|
||||
|
||||
});
|
||||
|
||||
var selepastawarruqtable = $('#selepas_tawarruq').DataTable({
|
||||
@@ -235,7 +238,10 @@
|
||||
'previous': '<span class="fas fa-backward"></span>',
|
||||
'next': '<span class="fas fa-forward"></span>'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
"scrollX": true
|
||||
|
||||
});
|
||||
|
||||
var sudahtebustable = $('#saghistory').DataTable({
|
||||
@@ -248,7 +254,9 @@
|
||||
'previous': '<span class="fas fa-backward"></span>',
|
||||
'next': '<span class="fas fa-forward"></span>'
|
||||
}
|
||||
}
|
||||
},
|
||||
"scrollX": true
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
|
||||
<body class="about-us bg-gray-200">
|
||||
@include('includes.main.navigation')
|
||||
<section class="py-7">
|
||||
<section class="pt-7">
|
||||
<div class="container-fluid">
|
||||
@yield('content')
|
||||
</section>
|
||||
|
||||
@@ -2,48 +2,50 @@
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
|
||||
<!-- Modal Header -->
|
||||
<!-- Modal Header -->
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Senarai Marhun</h2>
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h5 class="modal-title">Senarai Marhun</h5>
|
||||
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
|
||||
</div>
|
||||
|
||||
<!-- Modal body -->
|
||||
<!-- Modal body -->
|
||||
<div class="modal-body">
|
||||
<table id="biasa" class="table table-striped table-bordered text-center" style="width:100%">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Bil</th>
|
||||
<th>Jenis Marhun</th>
|
||||
<th>Berat</th>
|
||||
<th>Karat</th>
|
||||
<th>Nilai Marhun</th>
|
||||
<th>Nota</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="tablemarhun">
|
||||
<tr>
|
||||
<td>dassad</td>
|
||||
<td>dassad</td>
|
||||
<div class="table-responsive table-bordered">
|
||||
<table id="biasa" class="table table-hover text-center" style="width:100%">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Bil</th>
|
||||
<th>Jenis Marhun</th>
|
||||
<th>Berat</th>
|
||||
<th>Karat</th>
|
||||
<th>Nilai Marhun</th>
|
||||
<th>Nota</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="tablemarhun">
|
||||
<tr>
|
||||
<td>dassad</td>
|
||||
<td>dassad</td>
|
||||
|
||||
<td>dassad</td>
|
||||
<td>dassad</td>
|
||||
|
||||
<td>dassad</td>
|
||||
<td>dassad</td>
|
||||
|
||||
<td>dassad</td>
|
||||
<td>dassad</td>
|
||||
|
||||
<td>dassad</td>
|
||||
<td>dassad</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal footer -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger" data-dismiss="modal">Tutup</button>
|
||||
</div>
|
||||
<!-- Modal footer -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -2,6 +2,7 @@
|
||||
|
||||
@section('content')
|
||||
|
||||
<title>Pembayaran Berjaya | Customer Portal</title>
|
||||
|
||||
<div class="container mt--6">
|
||||
<div class="row">
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
|
||||
@section('content')
|
||||
|
||||
<title>Pembayaran Tidak Berjaya | Customer Portal</title>
|
||||
|
||||
<div class="container mt-6">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
||||
Reference in New Issue
Block a user