Merge branch 'Feature#BajetFixs' into 'new-super'

fix ringkasan terkumpul dan penambahan data filter dalam bajet

See merge request online-sistem1/kaunter!228
This commit is contained in:
hafifie rahman
2023-03-29 14:18:06 +00:00
4 changed files with 631 additions and 581 deletions
+7 -2
View File
@@ -2215,7 +2215,7 @@ class KhazanahController extends Controller
$cawangan=Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url').'/api/cawangan/detail/'.$auth_user['cawangan'])->json();
$cawangan_detail=$cawangan[0];
return view('print.laporan_ringkasanterkumpulv2', compact('laporan_ringkasan','cawangan_detail','tarikh_cetak','mula_date','hingga_date','api_url'));
return view('print.laporan_ringkasanterkumpul', compact('laporan_ringkasan','cawangan_detail','tarikh_cetak','mula_date','hingga_date','api_url'));
}
public function laporanKawalanStok(){
@@ -2309,7 +2309,12 @@ class KhazanahController extends Controller
$auth_user = Auth::user();
$api_url = config('api.url');
$cawangan_info = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url') . '/api/cawangan/'. $auth_user['cawangan'])->json();
return view('khazanah.bajet',compact('cawangan_info','api_url'));
$data_sebenar = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url') . '/admin/dashboard/aging',['kodcaw' => $auth_user['cawangan'], 'options' => 'sebenar'])->json();
$data_lelong = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url') . '/admin/dashboard/aging',['kodcaw' => $auth_user['cawangan'], 'options' => 'datalelong'])->json();
$data_filter = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url') . '/admin/dashboard/aging',['kodcaw' => $auth_user['cawangan'], 'options' => 'filter'])->json();
return view('khazanah.bajet',compact('cawangan_info','api_url','data_sebenar','data_lelong','data_filter'));
}
+381 -281
View File
@@ -5,24 +5,27 @@
<div class="row justify-content-center">
<div class="col-md-12">
<div class="card">
<nav aria-label="breadcrumb">
<ol class="breadcrumb pb-3">
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Bajet</li>
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Bajet</li>
</ol>
</nav>
</nav>
<div class="card-body text-center">
<div class="d-flex">
<div id="divpembharian" class="card bg-light mb-3 col-4 mr-1">
<div class="card-header font-weight-bold">Pembiayaan</div>
<div class="card-body">
<div class="progress mb-2">
<div id="pembprogress" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
<div id="pembprogress"
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0"
aria-valuemax="100">0%</div>
</div>
<div class="d-flex justify-content-between col-12">
@@ -34,7 +37,7 @@
<div>
<span id="pembpercent">-100%</span>
</div>
</div>
<div class="d-flex justify-content-between col-12">
<div class="row col-9">
@@ -51,7 +54,10 @@
<div class="card-header font-weight-bold">Penebusan</div>
<div class="card-body">
<div class="progress mb-2">
<div id="penbprogress" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
<div id="penbprogress"
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0"
aria-valuemax="100">0%</div>
</div>
<div class="d-flex justify-content-between col-12">
@@ -63,7 +69,7 @@
<div>
<span id="penbpercent">0%</span>
</div>
</div>
<div class="d-flex justify-content-between col-12">
<div class="row col-9">
@@ -80,7 +86,10 @@
<div class="card-header font-weight-bold">Keuntungan</div>
<div class="card-body">
<div class="progress mb-2">
<div id="keunprogress" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
<div id="keunprogress"
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0"
aria-valuemax="100">0%</div>
</div>
<div class="d-flex justify-content-between col-12">
@@ -92,7 +101,7 @@
<div>
<span id="keunpercent">0%</span>
</div>
</div>
<div class="d-flex justify-content-between col-12">
<div class="row col-9">
@@ -116,7 +125,7 @@
</div>
</div>
</div>
<div class="card bg-light mb-3 col-4 mr-1">
<span class="font-weight-bold mt-2 mb-2">Penebusan Bulanan</span>
<div class="card-body">
@@ -124,7 +133,7 @@
</div>
</div>
</div>
<div class="card bg-light mb-3 col-4">
<span class="font-weight-bold mt-2 mb-2">Keuntungan Bulanan</span>
<div class="card-body">
@@ -156,7 +165,7 @@
<div class="card bg-light mb-3 col-4">
<div class="card-header font-weight-bold">Penebusan Terkumpul</div>
<div class="card-body">
<div class="row justify-content-center">
<div class="card text-white bg-info mb-3 col-5 mr-2 p-4">
ACTUAL : <span id="penbactualtahunan"></span>
@@ -172,7 +181,7 @@
<div class="card bg-light mb-3 col-4">
<div class="card-header font-weight-bold">Keuntungan Terkumpul</div>
<div class="card-body">
<div class="row justify-content-center">
<div class="card text-white bg-info mb-3 col-5 mr-2 p-4">
ACTUAL : <span id="keunactualtahunan"></span>
@@ -188,6 +197,103 @@
</div>
<div class="mt-3 row">
<div class="card bg-light mb-3 col-4">
<div class="card-header font-weight-bold">Data Sebenar</div>
<div class="card-body">
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">Tempoh</th>
<th scope="col">Bil</th>
<th scope="col">RM</th>
</tr>
</thead>
<tbody>
@for($i=0;$i<13;$i++)
<tr>
<td>{{ ($i == 12) ? '12 >' : ($i + 1) }} bulan</td>
<td>{{ number_format($data_sebenar['count'][$i]) }}</td>
<td>{{ number_format($data_sebenar['sum'][$i],2) }}</td>
</tr>
@endfor
</tbody>
<tfoot class="thead-light">
<tr>
<th scope="col">Keseluruhan</th>
<th scope="col">{{ number_format($data_sebenar['count'][13]) }}</th>
<th scope="col">{{ number_format($data_sebenar['sum'][13],2) }}</th>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="card bg-light mb-3 col-4">
<div class="card-header font-weight-bold">Data Lelong</div>
<div class="card-body">
<table class="table">
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">Tempoh</th>
<th scope="col">Bil</th>
<th scope="col">RM</th>
</tr>
</thead>
<tbody>
@for($i=0;$i<13;$i++)
<tr>
<td>{{ ($i == 12) ? '12 >' : ($i + 1) }} bulan</td>
<td>{{ number_format($data_lelong['count'][$i]) }}</td>
<td>{{ number_format($data_lelong['sum'][$i],2) }}</td>
</tr>
@endfor
</tbody>
<tfoot class="thead-light">
<tr>
<th scope="col">Keseluruhan</th>
<th scope="col">{{ number_format($data_lelong['count'][13]) }}</th>
<th scope="col">{{ number_format($data_lelong['sum'][13],2) }}</th>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="card bg-light mb-3 col-4">
<div class="card-header font-weight-bold">Data Filter</div>
<div class="card-body">
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">Tempoh</th>
<th scope="col">Bil</th>
<th scope="col">RM</th>
</tr>
</thead>
<tbody>
@for($i=0;$i<13;$i++)
<tr>
<td>{{ ($i == 12) ? '12 >' : ($i + 1) }} bulan</td>
<td>{{ number_format($data_filter['count'][$i]) }}</td>
<td>{{ number_format($data_filter['sum'][$i],2) }}</td>
</tr>
@endfor
</tbody>
<tfoot class="thead-light">
<tr>
<th scope="col">Keseluruhan</th>
<th scope="col">{{ number_format($data_filter['count'][13]) }}</th>
<th scope="col">{{ number_format($data_filter['sum'][13],2) }}</th>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
<div class="mt-3 d-flex justify-content-center">
<div class="card bg-light mb-3 col-10">
@@ -199,208 +305,207 @@
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
const d = new Date();
let tahunsemasa = d.getFullYear();
let pusherenv = "{{ env('PUSHER_APP_KEY') }}";
let api_url = "{{ $api_url }}";
const formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
minimumFractionDigits: 2
});
var options = {
series: [ {
name: 'Actual',
data: []
}],
chart: {
id: 'pembiayaan-bulanan',
height: 350,
type: 'bar'
},
yaxis: {
labels: {
series: [{
name: 'Actual',
data: []
}],
chart: {
id: 'pembiayaan-bulanan',
height: 350,
type: 'bar'
},
yaxis: {
labels: {
formatter: function (value) {
return 'RM ' + formatter.format(value);
}
},
},
plotOptions: {
bar: {
},
plotOptions: {
bar: {
columnWidth: '60%',
dataLabels: {
position: 'top',
position: 'top',
},
}
},
colors: ['#3498db'],
dataLabels: {
enabled: true,
style: {
colors: ['#333']
},
offsetY: -30,
formatter: function (val, opt) {
let total = ((val - opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) / opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) * 100
if(isNaN(total))
{
return 0.00
}else{
if(isFinite(total))
{
if(total == -100)
{
return 0.00
}else{
return total.toFixed(2)
}
}else{
return 0.00
}
}
},
},
legend: {
show: true,
showForSingleSeries: true,
customLegendItems: ['Actual', 'Expected'],
markers: {
fillColors: ['#3498db', '#e74c3c']
}
}
},
colors: ['#3498db'],
dataLabels: {
enabled: true,
style: {
colors: ['#333']
},
offsetY: -30,
formatter: function (val, opt) {
let total = ((val - opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) / opt.w
.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) * 100
if (isNaN(total)) {
return 0.00
} else {
if (isFinite(total)) {
if (total == -100) {
return 0.00
} else {
return total.toFixed(2)
}
} else {
return 0.00
}
}
},
},
legend: {
show: true,
showForSingleSeries: true,
customLegendItems: ['Actual', 'Expected'],
markers: {
fillColors: ['#3498db', '#e74c3c']
}
}
};
var optionsbilangan = {
series: [{
name: 'Gadai',
data:[]
}, {
name: 'Tebus',
data:[]
}],
chart: {
id: 'bilangan-bulanan',
height: 350,
type: 'bar'
},
plotOptions: {
bar: {
horizontal: false,
columnWidth: '55%',
endingShape: 'rounded',
dataLabels: {
position: 'top',
},
},
},
series: [{
name: 'Gadai',
data: []
}, {
name: 'Tebus',
data: []
}],
chart: {
id: 'bilangan-bulanan',
height: 350,
type: 'bar'
},
plotOptions: {
bar: {
horizontal: false,
columnWidth: '55%',
endingShape: 'rounded',
dataLabels: {
enabled: true,
distributed: true,
style: {
colors: ['#333'],
fontSize: '12px',
fontWeight: 'bold'
},
dropShadow: {
enabled: true,
left: 2,
top: 2,
opacity: 0.5
},
offsetY: -30,
background: {
enabled: true,
foreColor: '#fff',
borderRadius: 2,
padding: 4,
opacity: 0.9,
borderWidth: 1,
borderColor: '#fff'
},
formatter: function (val, opt) {
let total = ((val - opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) / opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) * 100
position: 'top',
},
},
if(isNaN(total))
{
return 0.00
}else{
if(isFinite(total))
{
if(total == -100)
{
},
dataLabels: {
enabled: true,
distributed: true,
style: {
colors: ['#333'],
fontSize: '12px',
fontWeight: 'bold'
},
dropShadow: {
enabled: true,
left: 2,
top: 2,
opacity: 0.5
},
offsetY: -30,
background: {
enabled: true,
foreColor: '#fff',
borderRadius: 2,
padding: 4,
opacity: 0.9,
borderWidth: 1,
borderColor: '#fff'
},
formatter: function (val, opt) {
let total = ((val - opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) / opt.w
.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) * 100
if (isNaN(total)) {
return 0.00
} else {
if (isFinite(total)) {
if (total == -100) {
return 0.00
}else{
} else {
return total.toFixed(2)
}
}else{
return 0.00
}
} else {
return 0.00
}
},
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
legend: {
show: true,
showForSingleSeries: true,
customLegendItems: ['Gadai', 'Tebus','Expected'],
markers: {
fillColors: ['#70a1ff', '#7bed9f','#e74c3c']
}
},
yaxis: {
title: {
text: '(Bilangan Orang)'
}
},
fill: {
opacity: 1,
colors: ['#70a1ff', '#7bed9f']
},
tooltip: {
y: {
formatter: function (val) {
},
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
legend: {
show: true,
showForSingleSeries: true,
customLegendItems: ['Gadai', 'Tebus', 'Expected'],
markers: {
fillColors: ['#70a1ff', '#7bed9f', '#e74c3c']
}
},
yaxis: {
title: {
text: '(Bilangan Orang)'
}
},
fill: {
opacity: 1,
colors: ['#70a1ff', '#7bed9f']
},
tooltip: {
y: {
formatter: function (val) {
return val + " orang"
}
}
}
}
}
};
var caw = "{{ $cawangan_info['kodcaw'] }}";
//Declaration of Engine --> 0:idle 1:waiting 2:success
var pembbul = 0;penbbul = 0;keunbul = 0;
var pembtah = 0;penbtah = 0;keuntah = 0;
var pembhar = 0;penbhar = 0;keunhar = 0;
var pembbul = 0;
penbbul = 0;
keunbul = 0;
var pembtah = 0;
penbtah = 0;
keuntah = 0;
var pembhar = 0;
penbhar = 0;
keunhar = 0;
var bilangan = 0;
//pusher
var pusher = new Pusher(pusherenv, {
cluster: 'ap1',
encrypted: true
});
var channel = pusher.subscribe('gadai-notify');
channel.bind('trigger-gadai', function(data) {
cluster: 'ap1',
encrypted: true
});
if(pembbul == 0 && pembtah == 0 && pembhar == 0 && bilangan == 0)
{
if(data.cawangan === caw)
{
var channel = pusher.subscribe('gadai-notify');
channel.bind('trigger-gadai', function (data) {
if (pembbul == 0 && pembtah == 0 && pembhar == 0 && bilangan == 0) {
if (data.cawangan === caw) {
CallPembBulanan();
CallPembTahunan();
CallPembToday();
@@ -411,49 +516,45 @@
});
var channel = pusher.subscribe('tebus-notify');
channel.bind('trigger-tebus', function(data) {
if(penbbul == 0 && penbtah == 0 && penbhar == 0 && bilangan == 0)
{
if(data.cawangan === caw)
{
channel.bind('trigger-tebus', function (data) {
if (penbbul == 0 && penbtah == 0 && penbhar == 0 && bilangan == 0) {
if (data.cawangan === caw) {
CallPenbBulanan();
CallPenbTahunan();
CallPenbToday();
CallBilangan();
}
}
}
});
var channel = pusher.subscribe('keuntungan-notify');
channel.bind('trigger-keuntungan', function(data) {
if(keunbul == 0 && keuntah == 0 && keunhar == 0)
{
if(data.cawangan === caw)
{
channel.bind('trigger-keuntungan', function (data) {
if (keunbul == 0 && keuntah == 0 && keunhar == 0) {
if (data.cawangan === caw) {
CallKeunBulanan();
CallKeunTahunan();
CallKeunToday();
CallKeunToday();
}
}
}
});
function CallPembBulanan(){
function CallPembBulanan() {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/pembiayaanBulanan',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
'year' : tahunsemasa
'year': tahunsemasa
},
beforeSend: function() {
beforeSend: function () {
pembbul = 1;
},
success:function(data){
success: function (data) {
pembbul = 2;
datapembiayaan(data);
}
@@ -461,20 +562,20 @@
}
function CallPenbBulanan(){
function CallPenbBulanan() {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/penebusanBulanan',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
'year' : tahunsemasa
'year': tahunsemasa
},
beforeSend: function() {
beforeSend: function () {
penbbul = 1;
},
success:function(data){
success: function (data) {
penbbul = 2;
datapenebusan(data);
}
@@ -482,20 +583,20 @@
}
function CallKeunBulanan(){
function CallKeunBulanan() {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/keuntunganBulanan',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
'year' : tahunsemasa
'year': tahunsemasa
},
beforeSend: function() {
beforeSend: function () {
keunbul = 1;
},
success:function(data){
success: function (data) {
keunbul = 2;
datakeuntungan(data);
}
@@ -503,18 +604,18 @@
}
function CallPembToday(){
function CallPembToday() {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/pembiayaanToday',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
},
beforeSend: function() {
beforeSend: function () {
pembhar = 1;
},
success:function(data){
success: function (data) {
$('#pembharian').text('RM' + formatter.format(data[0].gadaiToday));
$('#pembbajet').text('RM' + formatter.format(data[0].bajetharian.toFixed(2)));
$('#pembpercent').text(data[0].percentDiff.toFixed(2) + '%');
@@ -529,19 +630,19 @@
}
function CallPenbToday(){
function CallPenbToday() {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/penebusanToday',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
},
beforeSend: function() {
beforeSend: function () {
penbhar = 1;
},
success:function(data){
success: function (data) {
$('#penbharian').text('RM' + formatter.format(data[0].tebusToday));
$('#penbbajet').text('RM' + formatter.format(data[0].bajetharian.toFixed(2)));
$('#penbpercent').text(data[0].percentDiff.toFixed(2) + '%');
@@ -555,18 +656,18 @@
});
}
function CallKeunToday(){
function CallKeunToday() {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/keuntunganToday',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
},
beforeSend: function() {
beforeSend: function () {
keunhar = 1;
},
success:function(data){
success: function (data) {
$('#keunharian').text('RM' + formatter.format(data[0].upahToday));
$('#keunbajet').text('RM' + formatter.format(data[0].bajetharian.toFixed(2)));
$('#keunpercent').text(data[0].percentDiff.toFixed(2) + '%');
@@ -580,21 +681,21 @@
});
}
function CallPembTahunan(){
function CallPembTahunan() {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/pembiayaanTahunan',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
'year' : tahunsemasa
'year': tahunsemasa
},
beforeSend: function() {
beforeSend: function () {
pembtah = 1;
},
success:function(data){
success: function (data) {
$('#pembactualtahunan').text('RM' + formatter.format(data[0].total));
$('#pembbajettahunan').text('RM' + formatter.format(data[0].bajet));
pembtah = 0;
@@ -603,22 +704,22 @@
}
function CallPenbTahunan(){
function CallPenbTahunan() {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/penebusanTahunan',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
'year' : tahunsemasa
'year': tahunsemasa
},
beforeSend: function() {
beforeSend: function () {
penbtah = 1;
},
success:function(data){
success: function (data) {
$('#penbactualtahunan').text('RM' + formatter.format(data[0].total));
$('#penbbajettahunan').text('RM' + formatter.format(data[0].bajet));
penbtah = 0;
@@ -626,21 +727,21 @@
});
}
function CallKeunTahunan(){
function CallKeunTahunan() {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/keuntunganTahunan',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
'year' : tahunsemasa
'year': tahunsemasa
},
beforeSend: function() {
beforeSend: function () {
keuntah = 1;
},
success:function(data){
success: function (data) {
$('#keunactualtahunan').text('RM' + formatter.format(data[0].total));
$('#keunbajettahunan').text('RM' + formatter.format(data[0].bajet));
keuntah = 0;
@@ -649,32 +750,32 @@
}
function CallBilangan(){
function CallBilangan() {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/bilangan/gadai',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
'year' : tahunsemasa
'year': tahunsemasa
},
beforeSend: function() {
beforeSend: function () {
bilangan = 1;
},
success:function(datagadai){
success: function (datagadai) {
$.ajax({
method:'get',
method: 'get',
url: api_url + '/admin/bilangan/tebus',
datatype:'json',
data:{
datatype: 'json',
data: {
'kodcaw': "{{ $cawangan_info['kodcaw'] }}",
'year' : tahunsemasa
'year': tahunsemasa
},
success:function(datatebus){
success: function (datatebus) {
bilangan = 2;
bilanganbulanan(datagadai,datatebus);
bilanganbulanan(datagadai, datatebus);
}
});
}
@@ -682,7 +783,7 @@
}
$( document ).ready(function() {
$(document).ready(function () {
CallPembBulanan();
CallPenbBulanan();
@@ -697,46 +798,47 @@
});
function datapembiayaan(datapemb)
{
function datapembiayaan(datapemb) {
let chartpemb = new ApexCharts(document.querySelector("#chartpembiayaan"), options);
chartpemb.render();
chartpemb.updateSeries([{
data: datapemb
}]);
pembbul = 0;pembtah = 0;pembhar = 0;
pembbul = 0;
pembtah = 0;
pembhar = 0;
}
function datapenebusan(datapen)
{
function datapenebusan(datapen) {
var chartpen = new ApexCharts(document.querySelector("#chartpenebusan"), options);
chartpen.render();
chartpen.updateSeries([{
data: datapen
}]);
penbbul = 0;penbtah = 0;penbhar = 0;
penbbul = 0;
penbtah = 0;
penbhar = 0;
}
function datakeuntungan(datakeun)
{
function datakeuntungan(datakeun) {
var charkeun = new ApexCharts(document.querySelector("#chartkeuntungan"), options);
charkeun.render();
charkeun.updateSeries([{
data: datakeun
}]);
keunbul = 0;keuntah = 0;keunhar = 0;
keunbul = 0;
keuntah = 0;
keunhar = 0;
}
function bilanganbulanan(datagadai,datatebus)
{
function bilanganbulanan(datagadai, datatebus) {
var charbil = new ApexCharts(document.querySelector("#chartbilangan"), optionsbilangan);
charbil.render();
charbil.updateSeries(
[
{
[{
name: 'Gadai',
data: datagadai
},
@@ -749,8 +851,6 @@
bilangan = 0;
}
</script>
@@ -27,7 +27,7 @@
<a href="{{ route('laporan.pelangganbaru') }}" class="btn btn-dark btn-lg btn-block mb-3">Pelanggan Baru</a>
</div>
<div class="row">
{{-- <a href="{{ route('laporan.ringkasanterkumpul') }}" class="btn btn-dark btn-lg btn-block mb-3">Ringkasan Terkumpul</a> --}}
<a href="{{ route('laporan.ringkasanterkumpul') }}" class="btn btn-dark btn-lg btn-block mb-3">Ringkasan Terkumpul</a>
</div>
<div class="row">
<a href="{{route('laporan.agingbulanan')}}" class="btn btn-dark btn-lg btn-block mb-3">Aging Bulan</a>
@@ -1,317 +1,262 @@
<style>
#header {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
#header td, #customers th {
padding:4px;
font-size:10px;
}
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
#header tr:nth-child(even){background-color: #ffffff;}
<title>Laporan Ringkasan Terkumpul</title>
#header tr:hover {background-color: #ddd;}
#header th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
padding:4px;
color:black;
}
</style>
<link rel="icon" type="image/x-icon" href="{{ asset('img/icon_pkb.png') }}" />
<link href="{{ asset('css/all.min.css') }}" rel="stylesheet">
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<style>
#scan {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
#scan td, #scan th {
padding: 8px;
font-size:11px;
}
#scan tr:nth-child(even){background-color: #ffffff;}
#scan tr:hover {background-color: #ddd;}
#scan th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
padding:4px;
color:black;
}
</style>
<style>
#scan {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
#scan td, #scan th {
border-collapse: collapse;
padding: 8px;
font-size:11px;
}
#scan tr:nth-child(even){background-color: #ffffff;}
#scan tr:hover {background-color: #ddd;}
#scan th {
border-collapse: collapse;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
padding:4px;
color:black;
}
</style>
<style>
#details {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
/* border:1px solid black; */
}
#details td, #details th {
padding: 8px;
font-size:11px;
/* border:1px solid black; */
}
#details tr:nth-child(even){background-color: #ffffff;}
#details tr:hover {background-color: #ddd;}
#details th {
padding-top: 12px;
font-style:bold;
padding-bottom: 12px;
text-align: left;
padding:4px;
color:black;
}
</style>
<style>
#sign {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
#sign td, #sign th {
padding: 8px;
font-size:11px;
text-align: center;
}
#sign tr:nth-child(even){background-color: #ffffff;}
#sign tr:hover {background-color: #ddd;}
#sign th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
padding:4px;
color:black;
}
</style>
<table id="header">
<tr>
<th rowspan="4" style="width:50px"><br><img src="{{ asset('img/ARRAHN1.png') }}" style="width:70px"></img></th>
<th colspan="1">KOPERASI PERMODALAN KELANTAN BERHAD</th>
</tr>
<tr>
<td>{{ $cawangan_detail['namacaw'] }}</td>
<td></td>
</tr>
<tr>
<td>{{ $cawangan_detail['alamat1'] }}</td>
<td></td>
</tr>
<tr>
<td>{{ $cawangan_detail['alamat2'].' No Tel : '. $cawangan_detail['notel'].' No Faks : '. $cawangan_detail['nofaks'] }}</td>
<td></td>
</tr>
</table>
<br>
<table id="scan">
<tr>
<th colspan ="5"><b>LAPORAN RINGKASAN TERKUMPUL</b></th>
<th> </th>
<th> </th>
<th><b> Tarikh Cetak:</b>
@php
$myDateTime = DateTime::createFromFormat('Y-m-d', $tarikh_cetak);
$formattedweddingdate = $myDateTime->format('d-m-Y');
echo($formattedweddingdate)
@endphp
</th>
<th></th>
</tr>
<tr>
<td style="width:10px"> <b>TARIKH</b></td>
<td>@php
$myDateTime = DateTime::createFromFormat('Y-m-d', $tebus_date);
$formattedweddingdate = $myDateTime->format('d-m-Y');
echo($formattedweddingdate)
@endphp</td>
<td style="width:50px">
</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<br>
<table id="details">
<tr>
<th colspan='3' width="65%">JUMLAH</th>
#header {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
#header td, #customers th {
<th colspan="2" width="35%" style="text-align: center;">JUMLAH PENDAPATAN</th>
</tr>
padding:4px;
font-size:10px;
}
#header tr:nth-child(even){background-color: #ffffff;}
#header tr:hover {background-color: #ddd;}
#header th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
padding:4px;
color:black;
}
.box{
border:1px solid black;
padding:3px;
}
</style>
{{-- <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
--}}
{{-- <table id="header">
<tr>
<td width="20%"><b>GADAI</b></td>
<td>BIL <br>
N. MARHUN <br>
PEMBIAYAAN
</td>
<td width="20%"><span>{{ $marhun['gadai'][0]['bilangan'] }}</span><br>
<span>{{ number_format($marhun['gadai'][0]['jumlahmarhun'],2) }}</span><br>
<span>{{ number_format($marhun['gadai'][0]['jumlahpinjaman'],2) }}</span><br>
</td>
<th rowspan="4" style="width:50px"><br><img src="{{ asset('img/ARRAHN1.png') }}" style="width:70px"></img></th>
<th colspan="1">KOPERASI PERMODALAN KELANTAN BERHAD</th>
</tr>
<tr>
<td>{{ $cawangan_detail['namacaw'] }}</td>
<td></td>
</tr>
<tr>
<td><b>PENEBUSAN</b></td>
<td>BIL <br>
N. MARHUN <br>
PEMBIAYAAN <br>
KEUNTUNGAN
</td>
<td ><span>{{ $marhun['tebus'][0]['bilangan'] }}</span><br>
<span>{{ number_format($marhun['tebus'][0]['jumlahmarhun'],2) }}</span><br>
<span>{{ number_format($marhun['tebus'][0]['jumlahpinjaman'],2) }}</span><br>
<span id="tebusupahsimpan">{{ number_format($marhun['tebus'][0]['upahsimpan'],2) }}</span>
</td>
<td>KEUNTUNGAN <br>
CAJ LELONG <br>
</td>
<td><span id="totalupahsimpan">{{ number_format($keseluruhanupahsimpan,2) }}</span> <br>
<span id="totalcajlelong">{{ number_format($marhun['cajlelong'],2) }}</span> <br>
</td>
</tr>
<tr>
<td><b>ANSURAN</b></td>
<td>BIL<br>
N. MARHUN <br>
PEMBIAYAAN <br>
KEUNTUNGAN
</td>
<td><span>{{ $marhun['advansur'][0]['bilangan'] }}</span><br>
<span>{{ number_format($marhun['advansur'][0]['jumlahmarhun'],2) }}</span><br>
<span>{{ number_format($marhun['advansur'][0]['jumlahpinjaman'],2) }}</span><br>
<span id="tebusupahsimpan">{{ number_format($marhun['advansur'][0]['upahsimpan'],2) }}</span>
</td>
<td>{{ $cawangan_detail['alamat1'] }}</td>
<td></td>
</tr>
<tr>
<td><b>LELONGAN</b></td>
<td>BIL <br>
N. MARHUN <br>
PEMBIAYAAN <br>
KEUNTUNGAN <br>
CAJ LELONG <br>
LEBIHAN LELONG <br>
RUGI LELONG <br><br>
TERIMA RUGI LELONG <br><br>
BAYAR LEBIHAN LELONG
</td>
<td>
<td>{{ $cawangan_detail['alamat2'].' No Tel : '. $cawangan_detail['notel'].' No Faks : '. $cawangan_detail['nofaks'] }}</td>
<td></td>
</tr>
</table> --}}
<h5 class="mb-4 pl-2 font-weight-bold">LAPORAN RINGKASAN TRANSAKSI TERKUMPUL - {{ $cawangan_detail['namacaw'] }}</h5>
<p style="font-weight: bold;margin-left: 10px;">Tarikh Mula: {{ $mula_date }} <span style="margin-left:20px;">Tarikh Hingga : {{ $hingga_date }}</span> <span style="margin-left:20px;">Tarikh Cetak : {{ $tarikh_cetak }}</span></p>
<div class="row pl-4 pr-4 pb-4">
<div class="col-7 box">
<div class="row form-group">
<div class="col-12">
<p><b>A) TRANSAKSI TERKUMPUL</b></p>
</div>
<div class="col-5">1. PEMBIAYAAN</div>
<div class="col-4">RM {{ number_format($laporan_ringkasan['total_gadai'],2) }}</div>
<div class="col-3 font-weight-bold">{{ $laporan_ringkasan['bilangan_gadai'] }}</div>
<div class="col-12">2. PENYELESAIAN PEMBIAYAAN</div>
<div class="col-5 pl-5">a. <span style="font-size:14px;">PEMBIAYAAN DIBAYAR</span></div>
<div class="col-4">{{ 'RM '. number_format($laporan_ringkasan['total_tebus'],2) }}</div>
<div class="col-3 font-weight-bold">{{ $laporan_ringkasan['bilangan_tebus'] + $laporan_ringkasan['bilangan_lelong'] }}</div>
<div class="col-5 pl-5">b. <span style="font-size:14px;">KEUNTUNGAN DIBAYAR</span></div>
<div class="col-4">{{ 'RM '. number_format($laporan_ringkasan['upahsimpankaunter'],2) }}</div>
<div class="col-3 font-weight-bold"></div>
<div class="col-12">3. ANSURAN PEMBIAYAAN</div>
<div class="col-5 pl-5">a. <span style="font-size:14px;">PEMBIAYAAN DIBAYAR</span></div>
<div class="col-4">{{ 'RM '. number_format($laporan_ringkasan['total_ansuran'],2) }}</div>
<div class="col-3 font-weight-bold">{{ $laporan_ringkasan['bilangan_ansuran'] }}</div>
<div class="col-5 pl-5">b. <span style="font-size:14px;">KEUNTUNGAN DIBAYAR</span></div>
<div class="col-4">{{ 'RM '. number_format($laporan_ringkasan['keuntungansebenarkaunter'],2) }}</div>
<div class="col-3 font-weight-bold"></div>
<div class="col-12">4. BAYARAN ONLINE</div>
<div class="col-5 pl-5">a. <span style="font-size:14px;">PEMBIAYAAN DIBAYAR</span></div>
<div class="col-4">{{ 'RM '. number_format($laporan_ringkasan['total_ansuranonline'],2) }}</div>
<div class="col-3 font-weight-bold">{{ $laporan_ringkasan['bilangan_ansuranonline'] }}</div>
<div class="col-5 pl-5">b. <span style="font-size:14px;">KEUNTUNGAN DIBAYAR</span></div>
<div class="col-4">{{ 'RM '. number_format($laporan_ringkasan['total_keuntungan_online'],2) }}</div>
<div class="col-3 font-weight-bold"></div>
<div class="col-5">5. PELANGGAN BARU</div>
<div class="col-4"></div>
<div class="col-3 font-weight-bold">{{ $laporan_ringkasan['bilangan_customer_baru'] }}</div>
<span>{{ $marhun['lelong'][0]['bilangan'] }}</span><br>
<span>{{ number_format($marhun['lelong'][0]['jumlahmarhun'],2) }}</span><br>
<span>{{ number_format($marhun['lelong'][0]['jumlahpinjaman'],2) }}</span><br>
<span id="lelongupahsimpan">{{ number_format($marhun['lelongupahsimpan'],2) }}</span><br>
<span>{{ number_format($marhun['cajlelong'],2) }}</span><br>
<span>{{ number_format($marhun['lelongbaki'],2) }}</span><br>
<span>{{ number_format($marhun['lelongrugi'],2) }}</span><br><br>
<span>{{ number_format($marhun['terimarugilelong'],2) }}</span><br><br>
<span>{{ number_format($marhun['bayarlebihanlelong'],2) }}</span>
</td>
<td>
<table id="sign">
<tr>
<td></td>
<td colspan="2"> .................................................................. <br>
<p style="margin-bottom:50px;">DI SEMAK</p>
.................................................................. <br>
<p>DI SAHKAN</p>
</td>
<td> </td>
<td colspan="2"></td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td><b>HAPUS KIRA</b></td>
<td>BIL <br>
N. MARHUN <br>
PEMBIAYAAN
</td>
<td> <span>{{ $marhun['hapuskira'][0]['bilangan'] }}</span><br>
<span>{{ number_format($marhun['hapuskira'][0]['jumlahmarhun'],2) }}</span><br>
<span>{{ number_format($marhun['hapuskira'][0]['jumlahpinjaman'],2) }}</span><br>
</div>
</div>
<div class="col-5 box">
<div class="row form-group">
<div class="col-12">
<p><b>B) PENDAHULUAN/SERAHAN HQ</b></p>
</div>
<div class="col-6">1. PENDAHULUAN</div>
<div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['totalpendahuluan'],2) }}</div>
<div class="col-6">2. SERAHAN</div>
<div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['totalserahan'],2) }}</div>
<div class="col-6">3. SERAHAN ONLINE</div>
<div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['serahanbayaranOnline'],2) }}</div>
</td>
<td></td>
</tr>
</table>
<br>
<br>
</div>
</div>
</div>
<div class="row pl-4 pr-4 pb-4">
<div class="col-7 box">
<div class="row form-group">
<div class="col-6">
<p><b>C) LELONG</b></p>
</div>
<div class="col-6">
<p><b>D) BAYARAN LELONG</b></p>
</div>
<div class="col-4">1. LELONG HARI INI</div>
<div class="col-4">RM {{ number_format($laporan_ringkasan['jumlah_lelong'],2) }}</div>
<div class="col-4"></div>
<div class="col-4">2. BAKI</div>
<div class="col-2">RM {{ number_format($laporan_ringkasan['baki_lelong'],2) }}</div>
<div class="col-3">{{ 'RM '. number_format($laporan_ringkasan['bayar_baki_lelong'],2) }}</div>
<div class="col-4">3. RUGI</div>
<div class="col-2">RM {{ number_format($laporan_ringkasan['rugi_lelong'],2) }}</div>
<div class="col-3">{{ 'RM '. number_format($laporan_ringkasan['bayar_rugi_lelong'],2) }}</div>
<div class="col-4">4. CAJ LELONG</div>
<div class="col-4">RM {{ number_format($laporan_ringkasan['cas_lelong'],2) }}</div>
<div class="col-3"></div>
<div class="col-4">5. BIL</div>
<div class="col-4">{{ $laporan_ringkasan['bilangan_lelong'] }}</div>
<div class="col-4"></div>
</div>
</div>
<div class="col-5 box">
<div class="row form-group">
<div class="col-12">
<p><b>E) PERBELANJAAN</b></p>
</div>
<div class="col-6">1. BELANJA AM</div>
<div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['belanjaam'],2) }}</div>
<div class="col-6">2. BAIKI DAN SELENGGARA</div>
<div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['baikidanselenggara'],2) }}</div>
<div class="col-6">3. KERAIAN & PROMOSI</div>
<div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['keraian'],2) }}</div>
<div class="col-6 font-weight-bold">4. JUMLAH</div>
<div class="col-6 font-weight-bold">@php $total = $laporan_ringkasan['belanjaam'] + $laporan_ringkasan['baikidanselenggara'] + $laporan_ringkasan['keraian']; echo 'RM '. number_format($total,2); @endphp</div>
</div>
</div>
</div>
<div class="row pl-4 pr-4 pb-4">
<div class="col-12 box">
<div class="row">
<div class="col-12">
<p><b>F) PERATUSAN PEMBIAYAAN</b></p>
</div>
</div>
<div class="row">
<div class="col-12">
<table class="table">
<thead>
<tr>
<th></th>
<th>MARGIN</th>
<th>70%</th>
<th>75%</th>
<th>80%</th>
<th>JUMLAH</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>PEMBIAYAAN</td>
<td>RM {{ number_format($laporan_ringkasan['gadai_70'],2) }}</td>
<td>RM {{ number_format($laporan_ringkasan['gadai_75'],2) }}</td>
<td>RM {{ number_format($laporan_ringkasan['gadai_80'],2) }}</td>
<td>RM {{ number_format($laporan_ringkasan['total_gadaian'],2) }}</td>
</tr>
<tr>
<td>2</td>
<td>NILAI MARHUN</td>
<td>RM {{ number_format($laporan_ringkasan['nilaimarhun_70'],2) }}</td>
<td>RM {{ number_format($laporan_ringkasan['nilaimarhun_75'],2) }}</td>
<td>RM {{ number_format($laporan_ringkasan['nilaimarhun_80'],2) }}</td>
<td>RM {{ number_format($laporan_ringkasan['total_nm'],2) }}</td>
</tr>
<tr>
<td>3</td>
<td>BILANGAN</td>
<td>{{ $laporan_ringkasan['bilangan_70'] }}</td>
<td>{{ $laporan_ringkasan['bilangan_75'] }}</td>
<td>{{ $laporan_ringkasan['bilangan_80'] }}</td>
<td>{{ number_format($laporan_ringkasan['total_bilangan']) }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row p-4">
<div class="col-6 text-center">
<div class="row mb-5">
<div class="col-12">DISEMAK</div>
</div>
<div class="row">
<div class="col-12">................................................</div>
</div>
</div>
<div class="col-6 text-center">
<div class="row mb-5">
<div class="col-12">DISAHKAN</div>
</div>
<div class="row">
<div class="col-12">................................................</div>
</div>
</div>
</div>