fix ringkasan terkumpul dan penambahan data filter dalam bajet

app/Http/Controllers/KhazanahController.php

@@ -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'));
     }
 
 

resources/views/khazanah/bajet.blade.php

@@ -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"><a href="{{ route('home') }}">Home</a></li>
-                      <li class="breadcrumb-item active" aria-current="page">Bajet</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: [ {
+        series: [{
-                name: 'Actual',
+            name: 'Actual',
-                data: []
+            data: []
-            }],
+        }],
-            chart: {
+        chart: {
-                id: 'pembiayaan-bulanan',
+            id: 'pembiayaan-bulanan',
-                height: 350,
+            height: 350,
-                type: 'bar'
+            type: 'bar'
-            },
+        },
-            yaxis: {
+        yaxis: {
-                labels: {
+            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: [{
+        series: [{
-                name: 'Gadai',
+            name: 'Gadai',
-                data:[]
+            data: []
-            }, {
+        }, {
-                name: 'Tebus',
+            name: 'Tebus',
-                data:[]
+            data: []
-            }],
+        }],
-            chart: {
+        chart: {
-                id: 'bilangan-bulanan',
+            id: 'bilangan-bulanan',
-                height: 350,
+            height: 350,
-                type: 'bar'
+            type: 'bar'
-            },
+        },
-            plotOptions: {
+        plotOptions: {
-                bar: {
+            bar: {
-                    horizontal: false,
+                horizontal: false,
-                    columnWidth: '55%',
+                columnWidth: '55%',
-                    endingShape: 'rounded',
+                endingShape: 'rounded',
-                    dataLabels: {
-                    position: 'top',
-                    },
-                },
-                
-                },
                 dataLabels: {
-                enabled: true,
+                    position: 'top',
-                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))
+        },
-                    {
+        dataLabels: {
-                        return 0.00
+            enabled: true,
-                    }else{
+            distributed: true,
-                        if(isFinite(total))
+            style: {
-                        {
+                colors: ['#333'],
-                            if(total == -100)
+                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: {
+        stroke: {
-                    text: '(Bilangan Orang)'
+            show: true,
-                }
+            width: 2,
-                },
+            colors: ['transparent']
-                fill: {
+        },
-                opacity: 1,
+        legend: {
-                colors: ['#70a1ff', '#7bed9f']
+            show: true,
-                },
+            showForSingleSeries: true,
-                tooltip: {
+            customLegendItems: ['Gadai', 'Tebus', 'Expected'],
-                y: {
+            markers: {
-                    formatter: function (val) {
+                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 pembbul = 0;
-    var pembtah = 0;penbtah = 0;keuntah = 0;
+    penbbul = 0;
-    var pembhar = 0;penbhar = 0;keunhar = 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',
+        cluster: 'ap1',
-                        encrypted: true
+        encrypted: true
-                    });
+    });
-                
-    var channel = pusher.subscribe('gadai-notify');
-    channel.bind('trigger-gadai', function(data) {
 
-        if(pembbul == 0 && pembtah == 0 && pembhar == 0 && bilangan == 0)
+    var channel = pusher.subscribe('gadai-notify');
-        {
+    channel.bind('trigger-gadai', function (data) {
-            if(data.cawangan === caw)
+
-            {
+        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) {
+    channel.bind('trigger-tebus', function (data) {
-        if(penbbul == 0 && penbtah == 0 && penbhar == 0 && bilangan == 0)
+        if (penbbul == 0 && penbtah == 0 && penbhar == 0 && bilangan == 0) {
-        {
+            if (data.cawangan === caw) {
-            if(data.cawangan === caw)
-            {
                 CallPenbBulanan();
                 CallPenbTahunan();
                 CallPenbToday();
                 CallBilangan();
             }
-        }       
+        }
 
     });
 
     var channel = pusher.subscribe('keuntungan-notify');
-    channel.bind('trigger-keuntungan', function(data) {
+    channel.bind('trigger-keuntungan', function (data) {
-        if(keunbul == 0 && keuntah == 0 && keunhar == 0)
+        if (keunbul == 0 && keuntah == 0 && keunhar == 0) {
-        {
+            if (data.cawangan === caw) {
-            if(data.cawangan === caw)
-            {
                 CallKeunBulanan();
                 CallKeunTahunan();
-                CallKeunToday();                
+                CallKeunToday();
             }
-        }        
+        }
 
     });
 
 
-    function CallPembBulanan(){
+    function CallPembBulanan() {
 
         $.ajax({
-            method:'get',
+            method: 'get',
             url: api_url + '/admin/pembiayaanBulanan',
-            datatype:'json',
+            datatype: 'json',
-            data:{
+            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',
+            datatype: 'json',
-            data:{
+            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',
+            datatype: 'json',
-            data:{
+            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',
+            datatype: 'json',
-            data:{
+            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',
+            datatype: 'json',
-            data:{
+            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',
+            datatype: 'json',
-            data:{
+            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',
+            datatype: 'json',
-            data:{
+            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',
+            datatype: 'json',
-            data:{
+            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',
+            datatype: 'json',
-            data:{
+            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',
+            datatype: 'json',
-            data:{
+            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',
+                    datatype: 'json',
-                    data:{
+                    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>
 

resources/views/khazanah/laporan/index.blade.php

@@ -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>

resources/views/print/laporan_ringkasanterkumpul.blade.php

@@ -1,317 +1,262 @@
-<style>
+<head>
-#header {
+  <meta charset="utf-8">
-  font-family: Arial, Helvetica, sans-serif;
+  <meta name="viewport" content="width=device-width, initial-scale=1">
-  border-collapse: collapse;
-  width: 100%;
-}
 
-#header td, #customers th {
+  <!-- CSRF Token -->
- 
+  <meta name="csrf-token" content="{{ csrf_token() }}">
-  padding:4px;
-  font-size:10px;
-}
 
-#header tr:nth-child(even){background-color: #ffffff;}
+  <title>Pengeluaran Cetakan Pengurus Besar</title>
 
-#header tr:hover {background-color: #ddd;}
+  <link rel="icon" type="image/x-icon" href="{{ asset('img/icon_pkb.png') }}" />
-
-#header th {
-  padding-top: 12px;
-  padding-bottom: 12px;
-  text-align: left;
-  padding:4px;
-  color:black;
-}
-</style>
 
 
+  <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 {
+  #header {
-  font-family: Arial, Helvetica, sans-serif;
+    font-family: Arial, Helvetica, sans-serif;
-  border-collapse: collapse;
+    border-collapse: collapse;
-  width: 100%;
+    width: 100%;
-}
+  }
-
+  
-#scan td, #scan th {
+  #header td, #customers 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>
    
-    <th  colspan="2" width="35%" style="text-align: center;">JUMLAH PENDAPATAN</th>
+    padding:4px;
-  </tr>
+    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>
+      <th rowspan="4"  style="width:50px"><br><img src="{{ asset('img/ARRAHN1.png') }}" style="width:70px"></img></th>
-      <td>BIL <br>
+      <th colspan="1">KOPERASI PERMODALAN KELANTAN BERHAD</th>
-        N. MARHUN <br>
+    </tr>
-        PEMBIAYAAN
+    <tr>
-       
+      <td>{{ $cawangan_detail['namacaw'] }}</td>
-      </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>
       <td></td>
     </tr>
     <tr>
-      <td><b>PENEBUSAN</b></td>
+      <td>{{ $cawangan_detail['alamat1'] }}</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></td>
-     
     </tr>
     <tr>
-      <td><b>LELONGAN</b></td>
+      <td>{{ $cawangan_detail['alamat2'].' No Tel : '. $cawangan_detail['notel'].' No Faks : '. $cawangan_detail['nofaks'] }}</td>
-      <td>BIL <br>
+      <td></td>
-        N. MARHUN <br>
+    </tr>
-        PEMBIAYAAN <br>
+  </table> --}}
-        KEUNTUNGAN <br>
+  
-        CAJ LELONG <br>
+  <h5 class="mb-4 pl-2 font-weight-bold">LAPORAN RINGKASAN TRANSAKSI TERKUMPUL - {{ $cawangan_detail['namacaw'] }}</h5>
-        LEBIHAN LELONG <br>
+  
-        RUGI LELONG <br><br>
+  <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>
-        TERIMA RUGI LELONG <br><br>
+  
-        BAYAR LEBIHAN LELONG 
+  <div class="row pl-4 pr-4 pb-4">
-      </td>
+    <div class="col-7 box">
-      <td>
+      <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>
+      </div>
-        <span>{{ number_format($marhun['lelong'][0]['jumlahmarhun'],2) }}</span><br>
+    </div>
-        <span>{{ number_format($marhun['lelong'][0]['jumlahpinjaman'],2) }}</span><br>
+    <div class="col-5 box">
-        <span id="lelongupahsimpan">{{ number_format($marhun['lelongupahsimpan'],2) }}</span><br>
+      <div class="row form-group">
-        <span>{{ number_format($marhun['cajlelong'],2) }}</span><br>
+          <div class="col-12">
-        <span>{{ number_format($marhun['lelongbaki'],2) }}</span><br>
+            <p><b>B) PENDAHULUAN/SERAHAN HQ</b></p>
-        <span>{{ number_format($marhun['lelongrugi'],2) }}</span><br><br>
+          </div>
-        <span>{{ number_format($marhun['terimarugilelong'],2) }}</span><br><br>
+  
-        <span>{{ number_format($marhun['bayarlebihanlelong'],2) }}</span>
+          <div class="col-6">1. PENDAHULUAN</div>
-      
+          <div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['totalpendahuluan'],2) }}</div>
-      </td>
+         
-      <td> 
+          <div class="col-6">2. SERAHAN</div>
-        <table id="sign">
+          <div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['totalserahan'],2) }}</div>
-          <tr>
+         
-            <td></td>
+          <div class="col-6">3. SERAHAN ONLINE</div>
-            <td colspan="2"> .................................................................. <br>
+          <div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['serahanbayaranOnline'],2) }}</div>
-              <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>
         
-      </td>
+      </div>
-      <td></td>
+    </div>
-    </tr>
+  </div>
-</table>
+  
-<br>
+  <div class="row pl-4 pr-4 pb-4">
-<br>
+    <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>