Merge branch 'folder' into 'main'

Folder

See merge request online-sistem1/admin-portal!7

app/Http/Controllers/AkaunController.php

@@ -712,4 +712,39 @@ class AkaunController extends Controller
             }
         }
     }
+
+    public function cetakLaporanRingkasanTerkumpul(Request $request){
+
+        $api_url = $request->hostname;
+
+        $auth_user = Auth::user();
+        $current = Carbon::now();
+        $current = new Carbon();
+        $tarikh_cetak = $current->toDateString();
+
+        if($request->datemula == null){
+            $mula_date = '2017-01-01';
+        }else{
+            $mula_date = $request->datemula;    
+        }
+
+        if($request->datehingga == null){
+            $hingga_date = $current->toDateString();
+        }else{
+            $hingga_date = $request->datehingga;       
+        }
+
+        $laporan_ringkasan = Http::get($api_url . '/api/laporan/terkumpul',[
+            'kodcaw' => $auth_user['cawangan'],
+            'mula' => $mula_date,
+            'akhir' => $hingga_date
+        ])->json();
+
+        $laporan_ringkasan = $laporan_ringkasan[0];
+
+        $cawangan=Http::get(config('api.url').'/api/cawangan/detail/'.$request->kodcaw)->json();
+        $cawangan_detail=$cawangan[0];
+        
+        return view('akaun.laporan_ringkasanterkumpul', compact('laporan_ringkasan','cawangan_detail','tarikh_cetak','mula_date','hingga_date','api_url'));
+    }
 }

app/Http/Controllers/KelulusanController.php

@@ -17,4 +17,70 @@ class KelulusanController extends Controller
 
         return view('kelulusan.index',compact('api_url','auth_user'));
     }
+
+    public function mintakatalaluansemula(Request $request)
+    {
+
+        if(Hash::check($request->passsemula, Auth::user()->password))
+        {
+            return "True";
+        }
+        else
+        {
+            return "False";
+        }
+
+    }
+
+    public function updatekelulusan(Request $request)
+    {
+        $auth_user = Auth::user();
+        
+        $api_url = config('api.url');
+        
+        $norujukan = $request->norujukan;
+        
+
+        if($request->pembatalan == null)
+        {
+            $updatelulus = Http::put(config('api.url') . '/api/UpdateKelulusanKomen/' . $request->kodcaw . '/' . $norujukan,[
+                "komen" => $request->komenkelulusan,
+                'siri' => $request->siri
+            ])->json();
+
+            $updatelulus = Http::put(config('api.url') . '/api/UpdateKelulusan/' . $request->kodcaw . '/' . $norujukan,[
+                'sahkan' => 1,
+                'namaoperasi' => $request->namaoperasi,
+                'siri' => $request->siri
+            ])->json();
+
+            if($updatelulus)
+            {
+                event(new NotifikasiKelulusan($norujukan,"lulus",$request->siri,$request->komenkelulusan,$request->teller));
+            }
+        }
+        else 
+        {
+            $updatelulus = Http::put(config('api.url') . '/api/UpdateKelulusanKomen/' . $request->kodcaw . '/' . $norujukan,[
+                "komen" => $request->komenkelulusan,
+                'siri' => $request->siri
+            ])->json();
+
+            $updatelulus = Http::put(config('api.url') . '/api/UpdateKelulusan/' . $request->kodcaw . '/' . $norujukan,[
+                'sahkan' => 2,
+                'namaoperasi' => $request->namaoperasi,
+                'siri' => $request->siri
+            ])->json();
+
+            if($updatelulus)
+            {
+                event(new NotifikasiKelulusan($norujukan,"batal",$request->siri,$request->komenkelulusan,$request->teller));
+            }
+        }
+     
+
+
+
+        return response()->json($updatelulus,200);
+    }
 }

app/Http/Controllers/ResitController.php

@@ -0,0 +1,243 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Session;
+use Illuminate\Support\Facades\Http;
+use Carbon\Carbon;
+
+class ResitController extends Controller
+{
+    public function index(){
+
+        return view('bajet.home');
+    }
+
+    public function resit($id)
+    {  
+
+        $totaltransaction = 0;
+
+        $transaction = Http::get(config('api.url') . '/api/transaction/id/'. $id)->json();
+
+        if(sizeof($transaction) != 0)
+            $transaction = $transaction[0];
+
+        $gadai = Http::get(config('api.url') . '/api/gadai/norujukan/'. $transaction['norujukan'])->json();
+        
+        if(sizeof($gadai) != 0)
+            $gadai = $gadai[0][0];
+
+        $customers_info = Http::get(config('api.url') . '/api/customers/'. $gadai['nokp'])->json();
+
+        return view('resit.resitansuran',compact('transaction','gadai','customers_info'));
+    }
+
+    public function resittebusseparuh($id)
+    {  
+
+        $auth_user = Auth::user();
+
+        $gadai = Http::get(config('api.url') . '/api/gadai/norujukan/'. $id)->json();
+        
+        if(sizeof($gadai) != 0)
+            $gadai = $gadai[0][0];
+
+        $totaltransaction = 0;
+
+        $transaction = Http::get(config('api.url') . '/api/transaction/'. $id)->json();
+
+        foreach($transaction as $trans)
+        {
+                $totaltransaction += $trans['duit_masuk'];
+        }
+
+       
+
+        $customers_info = Http::get(config('api.url') . '/api/customers/'. $gadai['nokp'])->json();
+
+        // if(sizeof($customers_info) != 0)
+        //     $customers_info = $customers_info[0];
+
+           
+        $penebusan = Http::get(config('api.url') . '/api/listpenebusanhistory/' . $gadai['kodcaw'],[ "norujukan" => $id])->json();
+       
+        if(sizeof($penebusan) != 0)
+            $penebusan = $penebusan[0];
+
+        $wakil = Http::get(config('api.url') . '/api/getwakil/' . $gadai['kodcaw'] . '/code/' . $penebusan['nowakil'])->json();    
+
+        // dd($wakil);
+        if(sizeof($wakil) != 0)
+            $wakil = $wakil[0]; 
+
+        return view('resit.resittebusseparuh',compact('transaction','gadai','customers_info','penebusan','wakil','totaltransaction'));
+    }
+
+    public function resitautotawarruq($id)
+    {  
+
+        $gadai = Http::get(config('api.url') . '/api/gadai/norujukan/'. $id)->json();
+        
+        
+        if(sizeof($gadai) != 0)
+            $gadai = $gadai[0][0];
+
+        $totaltransaction = 0;
+
+        $transaction = Http::get(config('api.url') . '/api/transaction/'. $id)->json();
+
+        foreach($transaction as $trans)
+        {
+                $totaltransaction += $trans['duit_masuk'];
+        }
+
+        $customers_info = Http::get(config('api.url') . '/api/customers/'. $gadai['nokp'])->json();
+
+        $transaction_keuntungan = Http::get(config('api.url'). '/api/transaksi_keuntungan_latest/'. $id)->json();
+           
+        $penebusan = Http::get(config('api.url') . '/api/listpenebusanhistory/' . $gadai['kodcaw'],[ "norujukan" => $id])->json();
+       
+        if(sizeof($penebusan) != 0)
+            $penebusan = $penebusan[0];
+
+        $wakil = Http::get(config('api.url') . '/api/getwakil/' . $gadai['kodcaw'] . '/code/' . $penebusan['nowakil'])->json();    
+
+        if(sizeof($wakil) != 0)
+            $wakil = $wakil[0]; 
+
+        return view('resit.resittebusautotawarruq',compact('transaction','gadai','customers_info','penebusan','wakil','totaltransaction','transaction_keuntungan'));
+    }
+
+
+    public function resittebus($id)
+    {  
+
+        $gadai = Http::get(config('api.url') . '/api/gadai/norujukan/'. $id)->json();
+        
+        if(sizeof($gadai) != 0)
+            $gadai = $gadai[0][0];
+
+        $cawangan_info = Http::get(config('api.url') . '/api/cawangan/'. $gadai['kodcaw'])->json();
+
+        $totaltransaction = 0;
+
+        $transaction = Http::get(config('api.url') . '/api/transaction/'. $id)->json();
+
+        foreach($transaction as $trans)
+        {
+                $totaltransaction += $trans['duit_masuk'];
+        }
+
+        $customers_info = Http::get(config('api.url') . '/api/customers/'. $gadai['nokp'])->json();
+    
+        $penebusan = Http::get(config('api.url') . '/api/listpenebusanhistory/' . $gadai['kodcaw'],[ "norujukan" => $id])->json();
+       
+        if(sizeof($penebusan) != 0)
+            $penebusan = $penebusan[0];
+
+        $wakil = Http::get(config('api.url') . '/api/getwakil/' . $gadai['kodcaw'] . '/code/' . $penebusan['nowakil'])->json();    
+
+        $totalBayaranAnsuran = Http::get(config('api.url') . '/api/transaction/norujukan/total/ansuran',['norujukan'=>$id])->json();
+
+        if(sizeof($wakil) != 0)
+            $wakil = $wakil[0]; 
+
+        return view('resit.resittebus',compact('transaction','gadai','cawangan_info','customers_info','penebusan','wakil','totaltransaction','totalBayaranAnsuran'));
+    }
+
+    public function resitbelumtebus($id)
+    {  
+
+        $gadai = Http::get(config('api.url') . '/api/gadai/norujukan/'. $id)->json();
+        
+        if(sizeof($gadai) != 0)
+            $gadai = $gadai[0][0];
+
+        $customers_info = Http::get(config('api.url') . '/api/customers/'.  $gadai['nokp'])->json();
+           
+        $penebusan = Http::get(config('api.url') . '/api/listpenebusanhistory/' . $gadai['kodcaw'] ,[ "norujukan" => $id])->json();
+       
+        if(sizeof($penebusan) != 0)
+            $penebusan = $penebusan[0];
+
+        if($penebusan['nowakil'] != 0)
+        {    
+        $wakil = Http::get(config('api.url') . '/api/getwakil/' . $gadai['kodcaw']  . '/code/' . $penebusan['nowakil'])->json();    
+
+        if(sizeof($wakil) != 0)
+            $wakil = $wakil[0]; 
+        }
+        else
+        {
+            $wakil = [];
+        }
+        
+        return view('resit.resittebussebelum',compact('gadai','customers_info','penebusan','wakil'));
+    }
+
+    public function resitadvansur($id)
+    {  
+
+        $auth_user = Auth::user();
+
+        $gadai = Http::get(config('api.url') . '/api/gadai/norujukan/'. $id)->json();
+        
+
+        if(sizeof($gadai) != 0)
+            $gadai = $gadai[0][0];
+
+        $customers_info = Http::get(config('api.url') . '/api/customers/'.  $gadai['nokp'])->json();
+
+        $advansur = Http::get(config('api.url') . '/api/advansur/'. $gadai['kodcaw'] . '/'. $id)->json();
+
+        if($advansur['nowakil'] != 0){    
+            $wakil = Http::get(config('api.url') . '/api/getwakil/' . $gadai['kodcaw']  . '/code/' . $advansur['nowakil'])->json();    
+
+            if(sizeof($wakil) != 0){
+                $wakil = $wakil[0]; 
+            }
+        }
+        else
+        {
+            $wakil = [];
+        }
+        
+        return view('resit.resitadvansur',compact('gadai','customers_info','advansur','wakil'));
+    }
+
+    public function resittambahpinjam($id)
+    {  
+
+        $auth_user = Auth::user();
+
+        $gadai = Http::get(config('api.url') . '/api/gadai/norujukan/'. $id)->json();
+        
+
+        if(sizeof($gadai) != 0)
+            $gadai = $gadai[0][0];
+
+        $customers_info = Http::get(config('api.url') . '/api/customers/'.  $gadai['nokp'])->json();
+
+        $penebusan = Http::get(config('api.url') . '/api/listpenebusanhistory/' . $gadai['kodcaw'] ,[ "norujukan" => $id])->json();
+       
+        if(sizeof($penebusan) != 0)
+            $penebusan = $penebusan[0];
+
+        if($penebusan['nowakil'] != 0)
+        {    
+        $wakil = Http::get(config('api.url') . '/api/getwakil/' . $gadai['kodcaw']  . '/code/' . $penebusan['nowakil'])->json();    
+
+        if(sizeof($wakil) != 0)
+            $wakil = $wakil[0]; 
+        }
+        else
+        {
+            $wakil = [];
+        }
+        
+        return view('resit.resittambahpinjam',compact('gadai','customers_info','penebusan','wakil'));
+    }
+}

package-lock.json

@@ -5129,6 +5129,11 @@
             "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==",
             "dev": true
         },
+        "moment": {
+            "version": "2.29.1",
+            "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
+            "integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ=="
+        },
         "ms": {
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -7555,6 +7560,14 @@
                 "vue-style-loader": "^4.1.0"
             }
         },
+        "vue-moment": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/vue-moment/-/vue-moment-4.1.0.tgz",
+            "integrity": "sha512-Gzisqpg82ItlrUyiD9d0Kfru+JorW2o4mQOH06lEDZNgxci0tv/fua1Hl0bo4DozDV2JK1r52Atn/8QVCu8qQw==",
+            "requires": {
+                "moment": "^2.19.2"
+            }
+        },
         "vue-property-decorator": {
             "version": "9.1.2",
             "resolved": "https://registry.npmjs.org/vue-property-decorator/-/vue-property-decorator-9.1.2.tgz",

package.json

@@ -41,6 +41,7 @@
         "vue-axios": "^3.4.0",
         "vue-class-component": "^7.2.6",
         "vue-content-placeholders": "^0.2.1",
+        "vue-moment": "^4.1.0",
         "vue-property-decorator": "^9.1.2",
         "vue-pusher": "^1.1.0",
         "vue-router": "^3.5.3",

resources/js/Akaun/Home.vue

@@ -84,6 +84,12 @@
                 </div>
             </div>
 
+            <div class="w-2/3 bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
+                <router-link to="/akaunhome/RingkasanTerkumpul">
+                    <h2 class="mx-auto text-center font-bold text-2xl uppercase">Ringkasan Terkumpul</h2>
+                </router-link>
+                </div>
+
 
             </div>
 

resources/js/Akaun/RingkasanTerkumpul.vue

@@ -0,0 +1,86 @@
+<template>
+   <div class="container">
+
+            <div class="flex w-full">
+                <div class="xl:w-2/3 2xl:w-1/2 p-8 mx-auto">
+                    <div class="bg-yellow-600 text-gray-200 text-lg px-6 py-4 rounded-t-lg">       
+                    <router-link to="/akaunhome">
+                            <i class="fas fa-backspace text-white"></i>
+                        </router-link>
+                        
+                        <span class="text-center mx-auto text-white font-bold">Laporan Ringkasan Terkumpul</span>
+                    </div>
+                    <form method="get" id="formringter" :action="Urlredirect()" target="_blank">
+                    <div class="rounded bg-white shadow p-6">
+                        <div class="pb-6">
+                            <div class="flex justify-center mb-4">
+                                <input :value="jenisgenerate" type="hidden" name="jenis" />
+                                <input :value="$kodcaw" name="kodcaw" hidden/>
+                                <input :value="$hostname" name="hostname" hidden/>
+                                <span style="background-color: #F9FAFB" class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap">Mula</span>
+                                <input id="tarikhmula" name="datemula" class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2" type="date" />
+                                 <span style="background-color: #F9FAFB" class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap">Hingga</span>
+                                <input id="tarikhhingga" name="datehingga" class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2" type="date" />
+                            </div>
+                        </div> 
+
+                            <div class="flex justify-end mt-10">
+                                <button @click.prevent="generatepdf" class=" mr-2 border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-file-pdf mr-2"></i>PDF</button>
+                                <button @click.prevent="generateview" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-eye mr-2"></i>View</button>
+                            </div>
+                    </div>
+                    </form>
+                </div>
+            </div>
+    </div>
+</template>
+
+<script>
+export default {
+   data(){
+        return{
+            jenisgenerate:'none',
+            kodcaw:''
+        }
+    },
+    methods: {
+        async generatepdf(){
+            await this.setJenis('pdf');
+
+            
+            Vue.swal({
+                title: 'Memuatkan...',
+                allowEscapeKey : false,
+                allowOutsideClick: false,
+                showCancelButton: false,
+                showConfirmButton: false,
+                timer: 8000,
+            });
+
+            document.getElementById("formringter").submit();
+        },
+        async generateview(){
+            await this.setJenis('view');
+
+            
+            Vue.swal({
+                title: 'Memuatkan...',
+                allowEscapeKey : false,
+                allowOutsideClick: false,
+                showCancelButton: false,
+                showConfirmButton: false,
+                timer: 8000,
+            });
+            
+            document.getElementById("formringter").submit();
+        },
+        Urlredirect: function() {
+         return window.route('cetak.ringkasanterkumpul')
+        },
+        setJenis: function(value){
+            return this.jenisgenerate = value;
+        }
+    }
+    
+}
+</script>

resources/js/Kelulusan/TableKelulusan.vue

@@ -4,31 +4,33 @@
 
         <div class="bg-white md:items-center md:justify-between shadow rounded-lg p-4 md:p-6 xl:p-8 my-6">
 
-            <div v-for="index in 2" :key="index" class="flex flex-wrap w-full">
+        <template v-if="showkelulusan.data.length > 0">
+            <div v-for="(kelulusan,index) in showkelulusan.data" :key="index" class="flex flex-wrap w-full">
                 <div class="w-full border rounded-l p-4">
-
                     <div class="flex flex-wrap mb-4">
-                        <p class="font-bold text-xl w-1/3">KB2210232-00032</p>
-                        <p class="font-bold text-md w-1/3 text-red-500 justify-center flex text-center">[Auto Tawarruq] Pembiayaan Melebihi Margin 75%</p>
-                        <p class="font-bold text-xl w-1/3 text-gray-500 flex justify-end">Ar-Rahn Kota Bharu 2</p>
+                        <p class="font-bold text-xl w-1/3">{{ kelulusan.kelulusanall[0].norujukan }}</p>
+                        <p class="font-bold text-md w-1/3 text-red-500 justify-center flex text-center">{{ kelulusan.kelulusanall[0].status }}</p>
+                        <p class="font-bold text-xl w-1/3 text-gray-500 flex justify-end">Ar-Rahn {{ kelulusan.cawangan }}</p>
                     </div>
                     <div class="flex flex-wrap">
-                        <p class="font-bold text-green-500 w-1/2">PC/PPC: <span class="text-black font-normal text-md capitalize">wan ramlah binti azam baki</span></p>
-                        <p class="w-1/4 text-sm text-gray-700">Pembiayaan: RM100,400.00</p>
-                        <p class="w-1/4 text-sm text-gray-700">Nilai Marhun: RM100,400.00</p>
+                        <p class="font-bold text-green-500 w-1/2">PC/PPC: <span class="text-black font-normal text-md capitalize">{{ kelulusan.kelulusanall[0].khazanah }}</span></p>
+                        <p class="w-1/4 text-sm text-gray-700">Pembiayaan: RM{{ changeFormat(kelulusan.kelulusanall[0].jumpinj) }}</p>
+                        <p class="w-1/4 text-sm text-gray-700">Nilai Marhun: RM{{ changeFormat(kelulusan.kelulusanall[0].nilaimarhun) }}</p>
                     </div>
                     <div class="flex flex-wrap">
-                        <p class="font-bold text-green-500 w-1/2">Teller: <span class="text-black font-normal text-md capitalize">mohd rusyaidi bin ruseli</span></p>
-                        <p class="w-1/4 text-sm text-gray-700">Margin: 78%</p>
-                        <p class="w-1/4 text-sm text-gray-700">Berat: 100.00 gram</p>
+                        <p class="font-bold text-green-500 w-1/2">Teller: <span class="text-black font-normal text-md capitalize">{{ kelulusan.kelulusanall[0].teller }}</span></p>
+                        <p class="w-1/4 text-sm text-gray-700">Margin: {{ kelulusan.kelulusanall[0].margin }}%</p>
+                        <p class="w-1/4 text-sm text-gray-700">Berat: {{ kelulusan.kelulusanall[0].berat }} gm</p>
                     </div>
                      <div class="flex flex-wrap">
-                        <p class="font-bold text-green-500 w-3/4">Komen: <span class="text-black font-normal text-md w-1/4">Tiada Komen</span></p>
+                        <p class="font-bold text-green-500 w-3/4">Komen: <span class="text-black font-normal text-md w-1/4">{{ kelulusan.kelulusanall[0].komen }}</span></p>
+
                     </div>
                         <!-- <p class="font-bold text-xl">KB2210232-00032</p> -->
 
                     <div class="mx-auto flex justify-between mb-auto text-sm text-gray-500 mt-4">
-                        10 Jul 2018, 05:56PM
+                        <!-- 10 Jul 2018, 05:56PM -->
+                        {{ kelulusan.kelulusanall[0].tarikh | moment("calendar") }}
 
                         <div class="pl-4">
                             <button class="bg-green-500 hover:bg-green-700 text-white font-bold py-1 px-6 border border-green-700 rounded mr-1" @click.prevent="ApproveFunc"><i class="fas fa-thumbs-up mr-1 text-md"></i> Lulus</button>
@@ -37,6 +39,17 @@
                     </div>
                 </div>
             </div>
+            <pagination :data="paginate" @clickEvent_="getKelulusanList"></pagination>
+        </template>
+        <template v-else>
+            <div class="flex place-content-center w-full">
+                <div class="grid mx-auto">
+                    <img src="/img/approval.jpg" class="h-40 w-40 mx-auto" alt="Windster Logo">
+                    <i class="text-center">Tiada data untuk kelulusan pada waktu ini..<br> Sila tekan refresh semula untuk melihat kelulusan latest.</i>
+                    <button class="p-4 bg-blue-400 rounded text-white w-2/4 mx-auto mt-4" @click.prevent="RedirectHome">Laman Utama</button>
+                </div>
+            </div>
+        </template>
 
         </div>
 
@@ -45,20 +58,52 @@
 </template>
 <script>
 import modal from '../components/util/KomenModal.vue'
+import pagination from '../components/pagination.vue'
+
+const formatter = new Intl.NumberFormat('en-US', {
+  minimumFractionDigits: 2
+});
 
 export default {
   components: {
-    // pagination,
+    pagination,
     modal,
     // deletemodal
     
+	},
+    data(){
+        return{
+        currentPage: 1,
+        showkelulusan:[],
+        paginate:{}
+        }
+    },
+    created() {
+    this.getKelulusanList(this.currentPage)
 	},
     methods:{
+        changeFormat: function(data){
+            return formatter.format(data)
+        },
+        getKelulusanList(pageNumber){
+            this.axios.get(this.$hostname + '/admin/ListOperasi/Paginate',{
+                params: {
+                page: pageNumber
+            }
+            }).then(response => {
+                this.showkelulusan = response.data
+                this.paginate = response.data
+                this.currentPage = pageNumber
+            });
+        },
         ApproveFunc:function(){
             this.$refs.modal.showModal = true;
         },
         DisapproveFunc:function(){
             console.log('taklulus');
+        },
+        RedirectHome:function(){
+            return window.location.href = '/';
         }
     }
     

resources/js/app.js

@@ -80,7 +80,6 @@ window.Vue = require('vue').default;
 window.Alpine = Alpine;
 
 Vue.use(Vuex)
-
 const options = {
     transition: "Vue-Toastification__fade",
     position: "top-right",
@@ -108,6 +107,7 @@ Vue.use(VueContentPlaceholders)
 Vue.use(VueSweetalert2);
 Vue.use(VueFriendlyIframe)
 
+Vue.use(require('vue-moment'));
 
 Alpine.start()
 

resources/js/components/util/KomenModal.vue

@@ -60,7 +60,7 @@ export default {
   },
   methods: {
     toggleModal: function(){
-      this.showModal = !this.showModal;
+      this.showModal = false;
     },
   }
 }

resources/js/components/util/Notify.vue

@@ -3,33 +3,31 @@
     <div id="notification" ref="notification" class="notification cursor-pointer" v-on:click="toggleDropdown()"></div>
         <div ref="popoverDropdownRef" v-bind:class="{'hidden': !dropdownShow, 'block': dropdownShow}" class="origin-top-right w-96 right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
             <div class="py-1 px-2" role="none">
-                <div class="text-gray-700 block px-2 py-5 text-sm hover:bg-yellow-500 cursor-pointer">
-                    <div class="justify-between flex">
-                        <div class="w-4/6">
-                            <p class="font-bold -mt-4">Ar-Rahn Kota Bharu 2</p>
-                            <p class="font-bold text-sm text-red-500">[Auto Tawarruq] Pembiayaan Melebihi Margin 75%</p>
-                            <p class="-mb-4 text-sm">4 hours ago</p>
-                        </div>
-                        <div class="w-2/6">
-                            <p class="font-bold -mt-4">KB2000201-0232</p>
+                <template v-if="showkelulusan.data.length > 0">
+                    <div v-for="(kelulusan,index) in showkelulusan.data" :key="index" class="text-gray-700 block px-2 py-5 text-sm hover:bg-yellow-500 cursor-pointer">
+                        <div class="justify-between flex">
+                            <div class="w-4/6">
+                                <p class="font-bold -mt-4">Ar-Rahn {{ kelulusan.cawangan }}</p>
+                                <p class="font-bold text-sm text-red-500">{{ kelulusan.kelulusanall[0].status }}</p>
+                                <!-- <p class="-mb-4 text-sm">4 hours ago</p> -->
+                            </div>
+                            <div class="w-3/6">
+                                <p class="font-bold -mt-4 justify-end flex">{{ kelulusan.kelulusanall[0].norujukan }}</p>
+                            </div>
                         </div>
                     </div>
-                </div>
-                <hr>
-                <div class="text-gray-700 block px-2 py-5 text-sm hover:bg-yellow-500 cursor-pointer">
-                    <div class="justify-between flex">
-                        <div class="w-4/6">
-                            <p class="font-bold -mt-4">Ar-Rahn Kota Bharu 2</p>
-                            <p class="font-bold text-sm text-red-500">[Auto Tawarruq] Pembiayaan Melebihi Margin 75%</p>
-                            <p class="-mb-4 text-sm">4 hours ago</p>
-                        </div>
-                        <div class="w-2/6">
-                            <p class="font-bold -mt-4">KB2000201-0232</p>
-                        </div>
-                    </div>
-                </div>
                 <hr>
+                </template>
+                
                 <!-- <a class="text-gray-700 block px-4 py-2 text-sm hover:bg-yellow-500 cursor-pointer" role="menuitem" tabindex="-1" id="menu-item-0">a<br><b>a</b></a> -->
+                <template v-else>
+                    <div class="flex place-content-center w-full">
+                        <div class="grid mx-auto mb-4">
+                            <img src="/img/notify.jpg" class="h-20 w-20 mx-auto" alt="Windster Logo">
+                            <i class="text-center text-sm">Anda tidak mempunyai <br>sebarang pemberitahuan masa sekarang..</i>
+                        </div>
+                    </div>
+                </template>
             </div>
         </div>
     <!-- <button @click="Clicked">Increment Notifications</button> -->
@@ -38,14 +36,6 @@
 <style scoped>
 /* Page Styles */
 
-.container {
-    /* position: absolute; */
-    /* top: 50%; */
-    /* left: 50%; */
-    /* margin-right: 50%; */
-    /* transform: translate(-50%, -50%); */
-    /* text-align: center; */
-}
 
 button {
     display: block;
@@ -69,15 +59,17 @@ button:hover {
     display: inline-block;
     position: relative;
     padding: 0.6em;
-    background: #3498db;
-    border-radius: 0.2em;
+    /* background: #3498db; */
+    border-radius: 25px;
+    /* color: #3498db; */
+    border-radius: 1em;
     font-size: 1.3em;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
 }
 
 .notification::before, 
 .notification::after {
-    color: #fff;
+    color: #3498db;
     text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 }
 
@@ -90,16 +82,17 @@ button:hover {
 
 .notification::after {
     font-family: Arial;
-    font-size: 0.7em;
+    font-size: 0.6em;
     font-weight: 700;
     position: absolute;
-    top: -15px;
-    right: -15px;
+    top: -8px;
+    right: -13px;
     padding: 5px 8px;
     line-height: 100%;
     border: 2px #fff solid;
     border-radius: 60px;
     background: #3498db;
+    color:#fff;
     opacity: 0;
     content: attr(data-count);
     opacity: 0;
@@ -152,9 +145,14 @@ export default {
     data(){
         return {
         dropdownShow: false,
+        currentPage: 1,
+        showkelulusan:[],
+        paginate:{}
         }
     },
-
+    created() {
+    this.getKelulusanList(this.currentPage)
+	},
     mounted(){
     document.addEventListener('click', this.onClick);
 
@@ -165,39 +163,55 @@ export default {
             // console.log(localStorage.getItem("books"))
             el.setAttribute('data-count', count);
             el.classList.add('show-count');
-            console.log('test1');
         }else{
             el.classList.remove('show-count');
-            console.log('test2');
         }
+
+        var channel = this.$pusher.subscribe('operasi-notify');
+
+        channel.bind('operasi-event', ({ cawangan,khazanah }) => {
+            var el = this.$refs.notification;
+            var count = Number(localStorage.getItem("data-count")) || 0;
+            console.log(count)
+            localStorage.setItem('data-count',count + 1);
+            el.setAttribute('data-count', count+1);
+            el.classList.remove('notify');
+            (function(){  
+            return el.offsetWidth;
+            })();
+            el.classList.add('notify');
+            // if(count > 0){
+            el.classList.add('show-count');
+            // }
+        });
     },
     beforeDestroy() {
     document.removeEventListener('click', this.onClick);
     },
     methods:{
         async toggleDropdown() {
-                this.dropdownShow = true;
-                createPopper(this.$refs.notification, this.$refs.popoverDropdownRef, {
-                    placement: "bottom-end",
-                    modifiers: [{
-                    name: "preventOverflow",
-                    }]
-                }); 
+            this.dropdownShow = true;
+            createPopper(this.$refs.notification, this.$refs.popoverDropdownRef, {
+                placement: "bottom-end",
+                modifiers: [{
+                name: "preventOverflow",
+                }]
+            }); 
         },
         Clicked:function(data){
-                var el = this.$refs.notification;
-                var count = Number(localStorage.getItem("data-count")) || 0;
-                console.log(count)
-                    localStorage.setItem('data-count',count + 1);
-                    el.setAttribute('data-count', count+1);
-                    el.classList.remove('notify');
-                    (function(){  
-                    return el.offsetWidth;
-                    })();
-                    el.classList.add('notify');
-                    // if(count > 0){
-                        el.classList.add('show-count');
-                    // }
+            var el = this.$refs.notification;
+            var count = Number(localStorage.getItem("data-count")) || 0;
+            console.log(count)
+                localStorage.setItem('data-count',count + 1);
+                el.setAttribute('data-count', count+1);
+                el.classList.remove('notify');
+                (function(){  
+                return el.offsetWidth;
+                })();
+                el.classList.add('notify');
+                // if(count > 0){
+                    el.classList.add('show-count');
+                // }
         },
         DropdownShow:function(){
         },
@@ -209,21 +223,27 @@ export default {
             let buttonSearch = document.getElementById('notification');
 
                 if (isClickInside || searchInside || buttonSearch.contains(event.target)) {
-                
-                   localStorage.setItem('data-count',0);
+                    localStorage.setItem('data-count',0);
                     el.setAttribute('data-count', 0);
                     el.classList.remove('show-count');
                     this.dropdownShow = true
-                
                 }
                 else{
-                   
                     this.dropdownShow = false
-                    
-                    
                 }
 
         },
+         getKelulusanList(pageNumber){
+            this.axios.get(this.$hostname + '/admin/ListOperasi/Paginate',{
+                params: {
+                page: pageNumber
+            }
+            }).then(response => {
+                this.showkelulusan = response.data
+                this.paginate = response.data
+                this.currentPage = pageNumber
+            });
+        },
     }
 }
 </script>

resources/js/components/util/RekodBayaranModal.vue

@@ -0,0 +1,408 @@
+<template>
+  <div>
+   
+   <transition name="modal-fade">
+    <div v-if="showModal" class=" overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none justify-center items-center flex">
+      <div class="relative w-full  my-6 mx-auto max-w-6xl">
+        <!--content-->
+        <div class="border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none">
+          <!--header-->
+          <!--body-->
+          <div class="relative p-6 flex-auto">
+
+          <div class="grid grid-cols-3">
+            <div class="h-auto w-auto text-center p-6 mt-8 rounded-lg bg-yellow-300 border border-yellow-300">Hargajualan : RM {{ formatexchange(this.hargajualan) }}</div>
+            <div class="h-auto w-auto text-center p-6 mt-8 ml-2 rounded-lg bg-yellow-300 border border-yellow-300">Pembiayaan : RM {{ formatexchange(this.pinjaman) }}</div>
+            <div class="h-auto w-auto text-center p-6 mt-8 ml-2 rounded-lg bg-yellow-300 border border-yellow-300">Nilai Marhun : RM {{ formatexchange(this.nilaimarhun) }}</div>
+          </div>
+
+          <div class="flex justify-center mt-10 mb-10">
+            <div class="mx-2 radio">
+                <input type="radio" id="bayaran" name="radpendser" value="bayaran" class="hidden focus:bg-gray-500" v-model="selected">
+                <label for="bayaran" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200 focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Bayaran</label>
+            </div>
+            
+            <div class="mx-2 radio cursor-pointer">
+                <input type="radio" id="upah" name="radpendser" value="upah" class="hidden focus:bg-gray-500" v-model="selected">
+                <label for="upah" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200  focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Upah</label>
+            </div>
+
+              <div class="mx-2 radio cursor-pointer">
+                <input type="radio" id="rekod" name="radpendser" value="rekod" class="hidden focus:bg-gray-500" v-model="selected">
+                <label for="rekod" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200  focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Rekod</label>
+            </div>
+          </div>
+
+          <div v-if="selected=='bayaran'">
+            <table class="min-w-full leading-normal">
+              <thead class="text-center">
+                <tr>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Bil
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tarikh Bayaran
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Bayaran
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Action
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                  <tr v-if="objbayaran.length === 0">
+                    <td colspan="9" class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                        <div class="flex items-center">
+                          <div class="ml-3">
+                            <p class="text-gray-900 whitespace-no-wrap">
+                              Tiada Data Diperolehi
+                            </p>
+                          </div>
+                        </div>
+                      </td>
+                  </tr>
+                  <tr v-for="(bayaran,i) in objbayaran" :key="i">
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="(i+1)">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="bayaran.created_at">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="formatexchange(bayaran.duit_masuk)">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <button type="button" @click="bayaranfunc(bayaran.id)" data-modal-toggle="popup-modal" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+              </tbody> 
+            </table>
+          </div>
+          <div v-if="selected=='upah'">
+            <table class="min-w-full leading-normal">
+              <thead class="text-center">
+                <tr>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Bil
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tarikh
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Upah
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Action
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                  <tr v-if="objupah.length === 0">
+                    <td colspan="9" class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                        <div class="flex items-center">
+                          <div class="ml-3">
+                            <p class="text-gray-900 whitespace-no-wrap">
+                              Tiada Data Diperolehi
+                            </p>
+                          </div>
+                        </div>
+                      </td>
+                  </tr>
+                  <tr v-for="(upah,i) in objupah" :key="i">
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="(i+1)">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="upah.tarikh">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="formatexchange(upah.upahDibayar)">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <button type="button" @click="upahfunc(upah.norujukan)" data-modal-toggle="popup-modal" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+              </tbody>
+            </table>
+          </div>
+          <div v-if="selected=='rekod'">
+            <table class="min-w-full leading-normal">
+              <thead class="text-center">
+                <tr>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Bil
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    No Rujukan
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Jenis Tebus
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Pembiayaan Asal
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tempoh
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tarikh Tebus
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Action
+                  </th>
+                </tr>
+              </thead>
+               <tbody>
+                  <tr v-if="objrekod.length === 0">
+                    <td colspan="9" class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                        <div class="flex items-center">
+                          <div class="ml-3">
+                            <p class="text-gray-900 whitespace-no-wrap">
+                              Tiada Data Diperolehi
+                            </p>
+                          </div>
+                        </div>
+                      </td>
+                  </tr>
+                  <tr v-for="(rekod,i) in objrekod" :key="i">
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="(i+1)">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="rekod.norujukan">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="rekod.jenistebus">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="formatexchange(rekod.pinjaman)">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="rekod.jbg">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="rekod.t_tebus">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <button type="button" @click="rekodfunc(rekod.norujukan,rekod.jenistebus,rekod.hargajualan)" data-modal-toggle="popup-modal" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+              </tbody>
+            </table>
+          </div>
+           
+          </div>
+          <!--footer-->
+          <div class="flex items-center justify-end p-6 border-t border-solid border-blueGray-200 rounded-b">
+            <button class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 border border-gray-700 rounded mr-1" @click="toggleModal" type="button">
+              Batal
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    </transition>
+    <transition
+			enter-active-class="transition-all transform duration-200 ease-out"
+		>
+    </transition>
+
+    <div v-if="showModal" class="opacity-25 fixed inset-0 z-40 bg-black"></div>
+
+  </div>
+</template>
+
+<script>
+import { createPopper } from "@popperjs/core";
+
+const formatter = new Intl.NumberFormat('en-US', {
+  minimumFractionDigits: 2
+});
+
+export default {
+
+    props: {
+    placement: {
+        type: String,
+        default: "bottom-start"
+    }
+   },
+  name: "modal",
+  data() {
+    return {
+      showModal: false,
+      kodcaw: '',
+      norujukan:'',
+      kodcaw:'',
+      pinjaman:0,
+      hargajualan:0,
+      nilaimarhun:0,
+      selected: 'bayaran',
+      objbayaran:{},
+      objupah:{},
+      objrekod:{}
+    }
+  },
+  methods: {
+    formatexchange: function(value){
+        return formatter.format(value)
+    },
+    toggleModal: function(){
+      this.showModal = false;
+    },
+    getData: function(){
+      this.axios.get(this.$hostname + '/api/transaction/' + this.norujukan).then(response => {
+        this.objbayaran = response.data;
+      });
+
+      this.axios.get(this.$hostname + '/api/listpenebusanhistory/' + this.kodcaw,{params: {
+        norujukan: this.norujukan
+      }}).then(response => {
+        this.objrekod = response.data;
+      });
+
+      this.axios.get(this.$hostname + '/api/ansuran/' + this.kodcaw + '/' + this.norujukan).then(response => {
+        this.objupah = response.data;
+      });
+    },
+    bayaranfunc: function(id){
+      let urlroute = window.route('resit.ansuran', id)
+      window.open(urlroute, '_blank');
+    },
+    upahfunc: function(norujukan){
+      let urlroute = window.route('resit.advansur', id)
+      window.open(urlroute, '_blank');
+    },
+    rekodfunc: function(norujukan,sttebus,hargajualan){
+      let urlroute = '';
+      switch(sttebus) {
+        case 'P':
+            urlroute = window.route('resit.tambahpinjam', norujukan)
+            window.open(urlroute, '_blank');
+            break;
+        case 'T':
+
+            if(hargajualan === '')
+            {
+              urlroute = window.route('resit.belumtebus', norujukan)
+              window.open(urlroute, '_blank');
+            }else{
+              urlroute = window.route('resit.tebus', norujukan)
+              window.open(urlroute, '_blank');
+            }
+            break;
+        case 'A':
+             urlroute = window.route('resit.belumansurans', norujukan);
+            window.open(urlroute, '_blank');
+            break;
+        case 'S':
+             urlroute = window.route('resit.tebusseparuh', norujukan)
+            window.open(urlroute, '_blank');
+        break;
+      }
+    },
+  }
+}
+</script>
+
+<style>
+  
+  .modal-fade-enter,
+  .modal-fade-leave-to {
+    opacity: 0;
+  }
+
+  .modal-fade-enter-active,
+  .modal-fade-leave-active {
+    transition: opacity .5s ease;
+  }
+</style>

resources/js/pages/Detailspelanggan.vue

@@ -1,6 +1,20 @@
 <template>
-         <form class="w-1/2 mt-10 p-6 bg-white rounded-xl shadow mx-auto">
-            
+
+        <div>
+          <modal ref="modal" @clickEvent_="getDataSenaraiSAG"></modal>
+
+         <form :class="{ 'w-2/3' : this.showsag}" class="w-1/2 mt-10 p-6 bg-white rounded-xl shadow mx-auto">
+        
+        <ul class="flex hidden rounded-lg divide-x divide-gray-200 shadow sm:flex dark:divide-gray-700 mb-4">
+            <li class="w-full">
+                <button id="profile" type="button" :class="{'bg-gray-300 text-gray-900 hover:bg-gray-300': this.showprofile}" class="inline-block relative py-4 px-4 w-full text-sm font-medium text-center text-gray-500 rounded-l-lg focus:z-20 active hover:bg-gray-50 dark:bg-gray-700 dark:text-white" aria-current="page" @click="TabsAndPills($event)">Profile</button>
+            </li>
+            <li class="w-full">
+                <button id="senaraisag" type="button" :class="{'bg-gray-300 text-gray-900 hover:bg-gray-300': this.showsag}" class="inline-block relative py-4 px-4 w-full text-sm font-medium text-center text-gray-500 hover:text-gray-700 hover:bg-gray-50 focus:z-20 dark:text-gray-400 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white" @click="TabsAndPills($event)">Senarai SAG</button>
+            </li>
+        </ul>
+
+        <div id="tabs-1" v-if="this.showprofile">
           <div class="flex flex-wrap -mx-3 mb-6">
             <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0 form-group" :class="{ 'form-group--error': $v.name.$error }">
               <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2 form__label">
@@ -19,7 +33,7 @@
               <div class="text-red-500 text-xs italic" v-if="!$v.icno.required">Field is required</div>
               <div class="text-red-500 text-xs italic" v-if="!$v.icno.minLength">Name must have at least {{$v.name.$params.minLength.min}} letters.</div>
             </div>
-          </div>
+          </div> 
           <div class="flex flex-wrap -mx-3 mb-6">
             <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
               <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
@@ -128,14 +142,417 @@
             </button>
             
           </div>
+        </div>
 
+        <div id="tabs-2" v-if="this.showsag">
+          
+          <div class="flex justify-center mt-10 mb-10">
+            <div class="mx-2 radio">
+                <input type="radio" id="belumtebus" name="radpendser" value="belum_tebus" class="hidden focus:bg-gray-500" v-model="selected">
+                <label for="belumtebus" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200 focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Belum Tebus</label>
+            </div>
+            
+            <div class="mx-2 radio cursor-pointer">
+                <input type="radio" id="sudahtebus" name="radpendser" value="sudah_tebus" class="hidden focus:bg-gray-500" v-model="selected">
+                <label for="sudahtebus" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200  focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Sudah Tebus</label>
+            </div>
+
+              <div class="mx-2 radio cursor-pointer">
+                <input type="radio" id="lelong" name="radpendser" value="lelong" class="hidden focus:bg-gray-500" v-model="selected">
+                <label for="lelong" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200  focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Lelong</label>
+            </div>
+          </div>
+
+           <div class="flex justify-end mb-2">
+              <input v-model="search" class="border border-2 rounded px-4 py-2 w-80r mr-2 " type="text" />
+              <button @click.prevent="searchsag" class="mr-2 border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-search mr-2"></i>Cari</button>
+          </div>
+
+          <div v-if="selected=='belum_tebus'">
+            <table class="min-w-full leading-normal">
+              <thead class="text-center">
+                <tr>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Bil
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Cawangan
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Norujukan
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tarikh Gadai
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tarikh Matang
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Pembiayaan
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Margin
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tempoh
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Action
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                  <tr v-if="objbelumtebus.from === null">
+                    <td colspan="9" class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                        <div class="flex items-center">
+                          <div class="ml-3">
+                            <p class="text-gray-900 whitespace-no-wrap">
+                              Tiada data yang diperolehi dalam carian
+                            </p>
+                          </div>
+                        </div>
+                      </td>
+                  </tr>
+                  <tr v-for="(belumtebus,i) in objbelumtebus.data" :key="i">
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="(objbelumtebus.from + i)">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="belumtebus.kodcaw">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="belumtebus.norujukan">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="belumtebus.t_gadai">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="belumtebus.t_matang">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="formatexchange(belumtebus.pinjaman)">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="belumtebus.percentpinj">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap" v-text="belumtebus.tempoh">
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <button type="button" @click="rekodBayaran(belumtebus.norujukan,belumtebus.pinjaman,belumtebus.hargajualan,belumtebus.nilaimarhun,belumtebus.kodcaw)" data-modal-toggle="popup-modal" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+              </tbody> 
+            </table>
+
+          <pagination :data="belumtebuspaginate" @clickEvent_="getDataSenaraiSAG"></pagination>
+
+          </div>
+
+          <div v-if="selected=='sudah_tebus'">
+            <table class="min-w-full leading-normal">
+              <thead class="text-center">
+                <tr>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Bil
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Cawangan
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Norujukan
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tarikh Tebus
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Baki Pembiayaan
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Margin
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tempoh
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Action
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-if="objsudahtebus.from === null">
+                  <td colspan="9" class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap">
+                            Tiada data yang diperolehi dalam carian
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                </tr>
+                <tr v-for="(sudahtebus,i) in objsudahtebus.data" :key="i">
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="(parseInt(i)+1)">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="sudahtebus.kodcaw">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="sudahtebus.norujukan">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="sudahtebus.t_update">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="formatexchange(sudahtebus.bakipjm)">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="sudahtebus.percentpinj">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="sudahtebus.tempoh">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <button type="button" @click="rekodBayaran(sudahtebus.norujukan,sudahtebus.pinjaman,sudahtebus.hargajualan,sudahtebus.nilaimarhun,sudahtebus.kodcaw)" data-modal-toggle="popup-modal" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
+                          </svg>
+                        </button>
+                      </div>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          <pagination :data="sudahtebuspaginate" @clickEvent_="getDataSenaraiSAG"></pagination>
+          </div>
+
+
+          <div v-if="selected=='lelong'">
+            <table class="min-w-full leading-normal">
+              <thead class="text-center">
+                <tr>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Bil
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Norujukan
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tarikh Lelong
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Tarikh Tuntut
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Pembiayaan
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Harga Jual
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Jum Tuntut/Bayar
+                  </th>
+                  <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+                    Caj Lelong
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-if="objlelong.from === null">
+                  <td colspan="9" class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                      <div class="flex items-center">
+                        <div class="ml-3">
+                          <p class="text-gray-900 whitespace-no-wrap">
+                            Tiada data yang diperolehi dalam carian
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                </tr>
+                <tr v-for="(lelong,i) in objlelong.data" :key="i">
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="(objlelong.from + i)">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="lelong.kodcaw">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="lelong.norujukan">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="lelong.t_update">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="formatexchange(lelong.bakipjm)">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="lelong.percentpinj">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <p class="text-gray-900 whitespace-no-wrap" v-text="lelong.tempoh">
+                        </p>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+                    <div class="flex items-center">
+                      <div class="ml-3">
+                        <button type="button" data-modal-toggle="popup-modal" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
+                          </svg>
+                        </button>
+                      </div>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          <pagination :data="lelongpaginate" @clickEvent_="getDataSenaraiSAG"></pagination>
+          </div>
+
+        </div>
           </form>
+        </div>
 </template>
 
 <script>
 import { required, minLength, between } from 'vuelidate/lib/validators'
+import modal from '../components/util/RekodBayaranModal.vue'
+import pagination from '../components/pagination.vue'
+
+const formatter = new Intl.NumberFormat('en-US', {
+  minimumFractionDigits: 2
+});
 
 export default {
+  components: {
+    pagination,
+    modal
+    
+	},
   props: {
 		customer: {
 			type: Object,
@@ -168,7 +585,18 @@ export default {
       noakaunbank: this.customer.noakaun,
       jenisbank:[],
       submitStatus: '',
-      responsepostdata: 0
+      responsepostdata: 0,
+      showprofile: true,
+      showsag: false,
+      selected:'belum_tebus',
+      currentPage: 1,
+      objbelumtebus: {},
+      objsudahtebus: {},
+      objlelong:{},
+      sudahtebuspaginate:{},
+      belumtebuspaginate:{},
+      lelongpaginate:{},
+      search: ''
     }
   },
   setup: (props, context) => {
@@ -184,7 +612,22 @@ export default {
       this.jenisbank = response.data
     });
   },
+  watch: {
+    selected: function(val, oldVal) {
+      
+      this.getDataSenaraiSAG(this.currentPage);
+        // for (var i = 0; i < this.cases.length; i++) {
+        //     if (this.cases[i].status == val) {
+        //         this.activeCases.push(this.cases[i]);
+        //         alert("Fired! " + val);
+        //     }
+        // }
+    }
+  },
   methods: {
+    formatexchange: function(value){
+        return formatter.format(value)
+    },
     koddaerahCall: function(negeri,daerah) {
       this.axios.get(this.$hostname + '/api/negeri/' + negeri).then(response => {
         this.kodnegeri = response.data.negeri
@@ -300,6 +743,76 @@ export default {
       });
   
       return response
+    },
+    TabsAndPills: function(event){
+      let targetId = event.currentTarget.id;
+
+      event.preventDefault();
+      if(targetId === 'profile' && this.showprofile === false)
+      {
+        this.showprofile = true;
+        this.showsag = false;
+      }
+
+      if(targetId === 'senaraisag' && this.showsag === false)
+      {
+        this.getDataSenaraiSAG(this.currentPage);
+        this.showprofile = false;
+        this.showsag = true;
+      }
+    },
+    getDataSenaraiSAG: function(pageNumber){
+      this.axios.get('http://localhost:8000/admin/customers/' + this.icnoasal + '/gadai/' + this.selected,{params: {
+        page: pageNumber
+      }}).then(response => {
+        if(this.selected === 'belum_tebus')
+        {
+           this.objbelumtebus = response.data;
+          this.belumtebuspaginate = response.data;
+        }
+        else if(this.selected === 'sudah_tebus')
+        {
+          this.objsudahtebus = response.data;
+          this.sudahtebuspaginate = response.data;
+        }
+        else
+        {
+          this.objlelong = response.data;
+          this.lelongpaginate = response.data;
+        }
+      });
+    },
+    rekodBayaran: function(norujukan,pinjaman,hargajualan,nilaimarhun,kodcaw){
+      this.$refs.modal.norujukan = norujukan;
+      this.$refs.modal.pinjaman = pinjaman;
+      this.$refs.modal.hargajualan = hargajualan;
+      this.$refs.modal.nilaimarhun = nilaimarhun;
+      this.$refs.modal.kodcaw = kodcaw;
+      this.$refs.modal.showModal = true;
+      this.$refs.modal.getData();
+
+    },
+    searchsag: function(){
+      this.axios.get('http://localhost:8000/admin/customers/' + this.icnoasal + '/gadai/' + this.selected,{params: {
+        page: 0,
+        search: this.search
+      }}).then(response => {
+        if(this.selected === 'belum_tebus')
+        {
+           this.objbelumtebus = response.data;
+          this.belumtebuspaginate = response.data;
+        }
+        else if(this.selected === 'sudah_tebus')
+        {
+          this.objsudahtebus = response.data;
+          this.sudahtebuspaginate = response.data;
+        }
+        else
+        {
+          this.objlelong = response.data;
+          this.lelongpaginate = response.data;
+        }
+      });
     }
   },
   validations: {

resources/js/routes.js

@@ -15,6 +15,8 @@ import KawalanStok from './Akaun/KawalanStok'
 import StokAudit from './Akaun/StokAudit'
 import Perbelanjaan from './Akaun/Perbelanjaan'
 import RingkasanHarian from './Akaun/RingkasanHarian'
+import RingkasanTerkumpul from './Akaun/RingkasanTerkumpul'
+
 
 
 import OnlineHome from './Online/SearchSAG'
@@ -46,6 +48,7 @@ export default new VueRouter({
         { path: '/akaunhome/StokAudit', component: StokAudit },
         { path: '/akaunhome/Perbelanjaan', component: Perbelanjaan },
         { path: '/akaunhome/RingkasanHarian', component: RingkasanHarian },
+        { path: '/akaunhome/RingkasanTerkumpul', component: RingkasanTerkumpul },
 
 
         { path: '/bajet/kemaskini', component: SenaraiBajet },

resources/views/akaun/laporan_ringkasanterkumpul.blade copy.php

@@ -0,0 +1,194 @@
+<style>
+#header {
+  font-family: Arial, Helvetica, sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+#header td, #customers th {
+ 
+  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 rel="stylesheet" href="{{ asset('vendor/bootstrap/css/bootstrap.min.css') }}">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script src="{{ asset('vendor/bootstrap/js/bootstrap.min.js') }}"></script>
+
+<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><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>
+
+<div class="row p-4">
+  <div class="col-6 box">
+    <div class="row form-group">
+      <div class="col-12">
+        <p><b>A) LAPORAN TERKUMPUL</b></p>
+      </div>
+      <div class="col-6">1. PEMBIAYAAN</div>
+      <div class="col-6">RM {{ number_format($laporan_ringkasan['total_gadai'],2) }}</div>
+      <div class="col-6">2. PENEBUSAN</div>
+      <div class="col-6">RM {{ number_format($laporan_ringkasan['total_tebus'],2) }}</div>
+      <div class="col-6">3. ANSURAN PEMBIAYAAN</div>
+      <div class="col-6">RM {{ number_format($laporan_ringkasan['total_ansuran'],2) }}</div>
+      <div class="col-6">4. BAYARAN ONLINE</div>
+      <div class="col-6"> RM 0.00 </div>
+      <div class="col-6">5. KEUNTUNGAN</div>
+      <div class="col-6">RM {{ number_format($laporan_ringkasan['total_keuntungan'],2) }}</div>
+      <div class="col-6">6. KEUNTUNGAN ONLINE</div>
+      <div class="col-6"> RM 0.00 </div>
+    </div>
+  </div>
+  <div class="col-6 box">
+    <div class="row form-group">
+      <div class="col-12">
+        <p><b>B) BIL TRANSAKSI</b></p>
+      </div>
+      <div class="col-6">1. PEMBIAYAAN</div>
+      <div class="col-6">{{ $laporan_ringkasan['bilangan_gadai'] }}</div>
+      <div class="col-6">2. PENEBUSAN</div>
+      <div class="col-6">{{ $laporan_ringkasan['bilangan_tebus'] }}</div>
+      <div class="col-6">3. ANSURAN PEMBIAYAAN</div>
+      <div class="col-6">{{ $laporan_ringkasan['bilangan_ansuran'] }}</div>
+      <div class="col-6">4. BAYARAN ONLINE</div>
+      <div class="col-6">0</div>
+      <div class="col-6">5. PELANGGAN BARU</div>
+      <div class="col-6">{{ $laporan_ringkasan['bilangan_customer_baru'] }}</div>
+    </div>
+  </div>
+</div>
+
+<div class="row p-4">
+  <div class="col-6 box">
+    <div class="row form-group">
+      <div class="col-12">
+        <p><b>F) LELONG</b></p>
+      </div>
+      <div class="col-6">1. LELONG HARI INI</div>
+      <div class="col-6">RM  {{ number_format($laporan_ringkasan['jumlah_lelong'],2) }}</div>
+      <div class="col-6">2. BAKI</div>
+      <div class="col-6">RM {{ number_format($laporan_ringkasan['baki_lelong'],2) }}</div>
+      <div class="col-6">3. RUGI</div>
+      <div class="col-6">RM {{ number_format($laporan_ringkasan['rugi_lelong'],2) }}</div>
+      <div class="col-6">4. CAJ LELONG</div>
+      <div class="col-6">RM {{ number_format($laporan_ringkasan['cas_lelong'],2) }}</div>
+      <div class="col-6">5. BIL</div>
+      <div class="col-6">{{ $laporan_ringkasan['bilangan_lelong'] }}</div>
+    </div>
+  </div>
+  <div class="col-6 box">
+    <div class="row form-group">
+      <div class="col-12">
+        <p><b>G) BAYAR BAKI LELONG</b></p>
+      </div>
+      <div class="col-6">1. BAKI LELONG</div>
+      <div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['bayar_baki_lelong'],2) }}</div>
+      <div class="col-6">2. RUGI LELONG</div>
+      <div class="col-6">{{ 'RM '. number_format($laporan_ringkasan['bayar_rugi_lelong'],2) }}</div>
+    </div>
+  </div>
+</div>
+
+<div class="row p-4">
+  <div class="col-12 box">
+    <div class="row">
+      <div class="col-12">
+        <p><b>H) 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>
+<br><br>
+<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>

resources/views/akaun/laporan_ringkasanterkumpul.blade.php

@@ -0,0 +1,236 @@
+<style>
+  #header {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse: collapse;
+    width: 100%;
+  }
+  
+  #header td, #customers th {
+   
+    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>
+      <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> --}}
+  
+  <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>
+        
+      </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>
+        
+      </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>

resources/views/layouts/app.blade.php

@@ -150,10 +150,11 @@
                          </div>
                     @endif
                 @else
+                    @if(Auth::user()->roles == 'operasi')
                         <div class="mr-4">
                             <notify-component></notify-component>
                         </div>
-
+                    @endif
                          <logout-component csrftoken="{{ csrf_token() }}" :route={{ json_encode(route('logout')) }}></logout-component>
 
                          <form id="logout-form" action="logout"  method="POST" class="d-none">

resources/views/pelanggan/detailspelanggan.blade.php

@@ -9,7 +9,7 @@
 
          <breadcrumb :items="[{ 'title' : 'Pelanggan', 'icon' : 'fas fa-users' },{ 'title' : 'Butiran', 'icon' : 'fas fa-users' }]"></breadcrumb>
        
-        <details-pelanggan :customer="{{ json_encode($customer_info) }}"></details-pelanggan>
+        <details-pelanggan :customer="{{ json_encode($customer_info) }}" :route="'{{ route('resit.ansuran', [""]) }}'"></details-pelanggan>
 
       </div>
    </main>

resources/views/resit/resitadvansur.blade.php

@@ -0,0 +1,573 @@
+
+
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script>
+    $(document).ready(function () {
+      window.print();
+      window.onfocus=function(){ window.close();}
+    });
+</script>
+<style>
+/* Red border */
+hr.new1 {
+  border-top: 1px solid red;
+}
+
+/* Dashed red border */
+hr.new2 {
+  border-top: 1px dashed red;
+}
+
+/* Dotted red border */
+hr.new3 {
+  border-top: 1px dotted red;
+}
+
+/* Thick red border */
+hr.new4 {
+  border: 1px solid red;
+}
+
+/* Large rounded green border */
+hr.new5 {
+  border: 10px solid green;
+  border-radius: 5px;
+}
+</style>
+
+<style>
+
+#cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:20%;
+    font-size:10px;
+    border: 1px solid black;
+
+  }
+
+  #cust td, #cust th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:9px;
+    text-align:right;
+
+  }
+
+  #cust tr:nth-child(even){background-color: #ffffff;}
+
+  #cust tr:hover {background-color: #ddd;}
+
+  #cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:right;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #cust {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+
+
+
+</style>
+
+
+
+
+
+
+
+
+
+
+
+<style>
+  hr.new1 {
+    border-top: 1px dotted black;
+  }
+  .khazanah{
+    border:1px solid black;
+    margin-left:20px;
+    padding:10px;
+    width : 250px;
+    transform: rotate(-90deg);
+    font-size:11px;
+  }
+
+  #inside {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:10px;
+  }
+
+  #inside td, #inside th {
+    border: none;
+    padding: 2px;
+  }
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+
+
+
+  #semakan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    margin-top:40px;
+    font-size:10px;
+  }
+
+  #semakan td, #semakan th {
+    border: none;
+    padding: 2px;
+    text-align: center;
+  }
+
+  #semakan tr:nth-child(even){background-color: #ffffff;}
+
+  #semakan tr:hover {background-color: #ddd;}
+
+  #semakan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+
+
+
+
+
+
+
+
+
+  #salinan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:11px;
+  }
+
+  #salinan td, #salinan th {
+    padding: 2px;
+  }
+
+
+  #salinan tr:nth-child(even){background-color: #ffffff;}
+
+  #salinan tr:hover {background-color: #ffffff;}
+
+  #salinan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: right;
+    background-color: #ffffff;
+    color: black;
+    padding:2px;
+  }
+  #perjanjian {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:10px;
+
+  }
+
+  #perjanjian td, #perjanjian th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:9px;
+  }
+
+  #perjanjian tr:nth-child(even){background-color:#ffffff}
+
+  #perjanjian tr:hover {background-color: #ddd;}
+
+  #perjanjian th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:5px;
+  }
+  #keuntungan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:10px;
+
+  }
+
+  #keuntungan td, #keuntungan th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:9px;
+  }
+
+  #keuntungan tr:nth-child(even){background-color: #ffffff;}
+
+  #keuntungan tr:hover {background-color: #ddd;}
+
+  #keuntungan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 60%;
+    font-size:10px;
+    border: 1px solid black;
+
+  }
+
+  #payment td, #payment th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:15px;
+    text-align: left;
+
+  }
+
+  #payment tr:nth-child(even){background-color: #ffffff;}
+
+  #payment tr:hover {background-color: #ddd;}
+
+  #payment th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:left;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+  #akuan td, #akuan th {
+    padding: 7px;
+    font-size:9px;
+    padding:4px;
+  }
+
+  #akuan tr:nth-child(even){background-color:#ffffff;}
+
+  #akuan tr:hover {background-color: #ddd;}
+
+  #akuan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:3px;
+  }
+  .page-break{
+    page-break-before:always;
+  }
+  
+  .formula{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size:12px;
+  }
+  
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:10%;
+    font-size:10px;
+
+  }
+
+
+
+  #copy_cust tr:nth-child(even){background-color: #ffffff;}
+
+  #copy_cust tr:hover {background-color:#ffffff}
+
+  #copy_cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+
+
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 50%;
+    font-size:10px;
+
+
+  }
+
+  #copy_cust td, #copy_cust th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:9px;
+    text-align:right;
+    width: 10%;
+
+  }
+
+  #copy_cust {
+    margin-right:0px;margin-left:auto
+}
+
+
+
+
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+
+
+ 
+</style>
+
+
+
+
+
+
+
+  <table>
+
+      <td rowspan="4" style="width:50px;"> <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px" alt="User Image" class="center" >  </td>
+      <td rowspan="4"  style="width:50px;"><img src="{{ asset('img/pkb.png') }}" style="width:50px" alt="User Image" class="center" > </td>   
+
+
+
+
+  </table>
+
+  <table id="cust">
+<tr>
+ <th style="width:5px;"> Salinan Pelanggan</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+  </table>
+
+<br>
+
+
+
+  <table id="inside">
+
+ <tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td> No SAG</td><td>: {{ $gadai['norujukan'] }} </td>
+ </tr>
+ <tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td> Tarikh Bayar</td><td>: @php $time = new DateTime($advansur['tarikh']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
+ </tr>
+
+ <tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td><b> Tempoh Simpan</b></td><td>:<b>  {{ $gadai['jbg'] }} </b></td>
+ </tr>
+
+ <tr>
+<td colspan="3">Nama Wakil </td> <td>: @php if(sizeof($wakil) != 0){ echo $wakil['nama'];} else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+ </tr>
+
+ <tr>
+<td colspan="3">No K/P Wakil </td> <td>: @php if(sizeof($wakil) != 0) echo $wakil['nokp']; else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+ </tr>
+  </table>
+  <br>
+
+<h1 style="float:left;position:absolute;margin-left:100px;">U</h1>
+
+<table id="payment">
+
+<tr>
+<td style="width:10px"> Tarikh Bayaran</td><td style="width:5px"> </td><td style="width:10px">: @php $time = new DateTime($advansur['tarikh']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
+</tr>
+<tr>
+<td style="width:10px">Pinjaman</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format(($gadai['pinjaman']),2) }} </td>
+</tr>
+<tr>
+  <td style="width:10px">Jumlah Upah</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($advansur['upahDibayar'],2) }} </td>
+  </tr>
+<tr>
+  <td style="width:10px"><b>Bayaran Di Terima</b></td><td style="width:5px"> </td><td style="width:10px">:<b> RM {{ number_format($advansur['upahDibayar'],2) }} </b></td>
+  </tr>
+
+
+</table>
+
+<br>
+
+
+
+
+
+  <table id="semakan">
+      <tr>
+      <td colspan="3">.................................................... </td> 
+      <td></td>    
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+      <td></td>    
+      <td colspan="3"> Cagaran Di Keluarkan</td>
+      <td></td> 
+      <td colspan="3">Cagaran Diterima </td>
+      <td></td> 
+      <td colspan="3"> Ar-Rahn<br><b>{{ Auth::user()->name }}</b></td>
+</tr>
+  </table>
+  <br>
+  <br>
+  <hr class="new2"></hr>
+
+<br>
+<br>
+
+</table>
+
+
+<table id="cust">
+<tr>
+<th style="width:5px;"> Salinan Pejabat</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+</table>
+
+<br>
+<table id="inside">
+
+<tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> No SAG</td><td>: {{ $gadai['norujukan'] }} </td>
+</tr>
+<tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> Tarikh Bayar</td><td>: @php $time = new DateTime($advansur['tarikh']); $date = $time->format('d/m/y'); echo $date; @endphp </td>
+</tr>
+
+<tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td><b> Tempoh Simpan</b></td><td>:<b> {{ $gadai['jbg'] }} </b></td>
+</tr>
+
+
+
+<tr>
+<td colspan="3">Nama Wakil </td> <td>: @php if(sizeof($wakil) != 0){ echo $wakil['nama'];} else echo ''; @endphp </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> </td><td> </td>
+</tr>
+
+
+<tr>
+<td colspan="3">No K/P Wakil </td> <td>: @php if(sizeof($wakil) != 0) echo $wakil['nokp']; else echo ''; @endphp</td> <td colspan="3"> <td>  </td><td> </td><td> </td><td> </td>
+</tr>
+</table>
+<br>
+
+<h1 style="float:left;position:absolute;margin-left:100px;">U</h1>
+
+
+<table id="payment">
+
+<tr>
+<td style="width:10px"> Tarikh Bayaran</td><td style="width:5px"> </td><td style="width:10px">: @php $time = new DateTime($advansur['tarikh']); $date = $time->format('d/m/y'); echo $date; @endphp</td>
+</tr>
+<tr>
+<td style="width:10px">Pembiayaan</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format(($gadai['pinjaman']),2) }} </td>
+</tr>
+<tr>
+  <td style="width:10px">Jumlah Upah</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($advansur['upahDibayar'],2) }} </td>
+  </tr>
+<tr>
+  <td style="width:10px"><b>Bayaran Di Terima</b></td><td style="width:5px"> </td><td style="width:10px">:<b> RM {{ number_format($advansur['upahDibayar'],2) }}</b></td>
+  </tr>
+
+</table>
+
+<br>
+
+
+
+
+
+<table id="semakan">
+    <tr>
+    <td colspan="3">.................................................... </td> 
+    <td></td>    
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+    <td></td>    
+    <td colspan="3"> Cagaran Di Keluarkan</td>
+    <td></td> 
+    <td colspan="3">Cagaran Diterima </td>
+    <td></td> 
+    <td colspan="3"> Ar-Rahn<br><b>{{ Auth::user()->name }}</b></td>
+
+</tr>
+</table>
+<br>

resources/views/resit/resitansuran.blade.php

@@ -0,0 +1,557 @@
+
+
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script>
+    // $(document).ready(function () {
+    //   window.print();
+    //   window.onfocus=function(){ window.close();}
+    // });
+</script>
+<style>
+/* Red border */
+hr.new1 {
+  border-top: 1px solid red;
+}
+
+/* Dashed red border */
+hr.new2 {
+  border-top: 1px dashed red;
+}
+
+/* Dotted red border */
+hr.new3 {
+  border-top: 1px dotted red;
+}
+
+/* Thick red border */
+hr.new4 {
+  border: 1px solid red;
+}
+
+/* Large rounded green border */
+hr.new5 {
+  border: 10px solid green;
+  border-radius: 5px;
+}
+</style>
+
+<style>
+
+#cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:20%;
+    font-size:12px;
+    border: 1px solid black;
+
+  }
+
+  #cust td, #cust th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:10px;
+    text-align:right;
+
+  }
+
+  #cust tr:nth-child(even){background-color: #ffffff;}
+
+  #cust tr:hover {background-color: #ddd;}
+
+  #cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:right;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #cust {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+  hr.new1 {
+    border-top: 1px dotted black;
+  }
+  .khazanah{
+    border:1px solid black;
+    margin-left:20px;
+    padding:10px;
+    width : 250px;
+    transform: rotate(-90deg);
+    font-size:11px;
+  }
+
+  #inside {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:15px;
+  }
+
+  #inside td, #inside th {
+    border: none;
+    padding: 2px;
+  }
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+
+
+
+  #semakan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    margin-top:40px;
+    font-size:12px;
+  }
+
+  #semakan td, #semakan th {
+    border: none;
+    padding: 2px;
+    text-align: center;
+  }
+
+  #semakan tr:nth-child(even){background-color: #ffffff;}
+
+  #semakan tr:hover {background-color: #ddd;}
+
+  #semakan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+  #salinan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:11px;
+  }
+
+  #salinan td, #salinan th {
+    padding: 2px;
+  }
+
+
+  #salinan tr:nth-child(even){background-color: #ffffff;}
+
+  #salinan tr:hover {background-color: #ffffff;}
+
+  #salinan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: right;
+    background-color: #ffffff;
+    color: black;
+    padding:2px;
+  }
+  #perjanjian {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:12px;
+
+  }
+
+  #perjanjian td, #perjanjian th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+  }
+
+  #perjanjian tr:nth-child(even){background-color:#ffffff}
+
+  #perjanjian tr:hover {background-color: #ddd;}
+
+  #perjanjian th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:5px;
+  }
+  #keuntungan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:12px;
+
+  }
+
+  #keuntungan td, #keuntungan th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+  }
+
+  #keuntungan tr:nth-child(even){background-color: #ffffff;}
+
+  #keuntungan tr:hover {background-color: #ddd;}
+
+  #keuntungan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 90%;
+    font-size:13px;
+    border: 1px solid black;
+
+  }
+
+  #payment td, #payment th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:15px;
+    text-align: left;
+
+  }
+
+  #payment tr:nth-child(even){background-color: #ffffff;}
+
+  #payment tr:hover {background-color: #ddd;}
+
+  #payment th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:left;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+  #akuan td, #akuan th {
+    padding: 7px;
+    font-size:10px;
+    padding:4px;
+  }
+
+  #akuan tr:nth-child(even){background-color:#ffffff;}
+
+  #akuan tr:hover {background-color: #ddd;}
+
+  #akuan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:3px;
+  }
+  .page-break{
+    page-break-before:always;
+  }
+  
+  .formula{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size:14px;
+  }
+  
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:10%;
+    font-size:12px;
+
+  }
+
+
+
+  #copy_cust tr:nth-child(even){background-color: #ffffff;}
+
+  #copy_cust tr:hover {background-color:#ffffff}
+
+  #copy_cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+
+
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 50%;
+    font-size:12px;
+
+
+  }
+
+  #copy_cust td, #copy_cust th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:9px;
+    text-align:right;
+    width: 10%;
+
+  }
+
+  #copy_cust {
+    margin-right:0px;margin-left:auto
+}
+
+
+
+
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+ 
+</style>
+
+
+
+
+
+
+
+  <table>
+
+    <td rowspan="4" style="width:50px;"> <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px" alt="User Image" class="center" >  </td>
+    <td rowspan="4"  style="width:50px;"><img src="{{ asset('img/pkb.png') }}" style="width:50px" alt="User Image" class="center" > </td>   
+    
+  </table>
+
+  <table id="cust">
+<tr>
+ <th style="width:5px;"> Salinan Pelanggan</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+  </table>
+
+<br>
+  <table id="inside">
+
+ <tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td><b> No SAG</b></td><td>: <b style="font-size:15px">{{ $transaction['norujukan'] }}</b> </td>
+ </tr>
+ <tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td> Tarikh Bayar</td><td>: @php $time = new DateTime($transaction['created_at']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
+ </tr>
+
+ <tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> <b>Tempoh Simpanan</b></td><td>:<b> {{ $gadai['tempoh'] }}</b> </td>
+ </tr>
+ 
+ <tr>
+  <td colspan="3">Nama Wakil </td> <td>: </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+   </tr>
+  
+   <tr>
+  <td colspan="3">No K/P Wakil </td> <td>: </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+   </tr>
+  </table>
+  <br>
+
+  <h1 style="float:left;position:absolute;margin-left:10px;">A</h1>
+<table id="payment">
+  <tr>
+    <td style="width:30%">Harga Jualan/Baki</td>
+    <td style="width:20%">: RM {{ number_format(($transaction['bakiharga'] + $transaction['duit_masuk']),2) }} </td>
+    <td style="width:30%">Pembiayaan/Baki</td>
+    <td style="width:20%">: RM {{ number_format(($gadai['bakipjm']+$transaction['bayaran_pembiayaan']),2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:30%"><b>Bayaran Harga Jualan</b></td>
+    <td style="width:20%">: <b>RM {{ number_format($transaction['duit_masuk'],2) }} </b></td>
+    <td style="width:30%">Ansuran Pembiyaan</td>
+    <td style="width:20%">: RM {{ number_format($transaction['bayaran_pembiayaan'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:30%">Baki Harga Jualan</td>
+    <td style="width:20%">: RM {{ number_format($transaction['bakiharga'],2) }}</td>
+    <td style="width:30%">Baki Pembiayaan</td>
+    <td style="width:20%">: RM {{ number_format($gadai['bakipjm'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px"></td>
+    <td style="width:10px"></td>
+    <td style="width:10px">Keuntungan</td>
+    <td style="width:10px">: RM {{ number_format($transaction['bayaran_keuntungan'],2) }} </td>
+  </tr>
+</table>
+<p style="float:left;position:absolute;margin-left:50px;"><i>* Keuntungan sebenar atas setiap baki pembiayaan akan direbat semasa penebusan</i></p>
+<br>
+
+
+
+
+
+  <table id="semakan">
+      <tr>
+      <td colspan="3">.................................................... </td> 
+      <td></td>    
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+      <td></td>    
+      <td colspan="3"> Cagaran Di Keluarkan</td>
+      <td></td> 
+      <td colspan="3">Cagaran Diterima </td>
+      <td></td> 
+      <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>
+
+
+</tr>
+  </table>
+  <br>
+  <br>
+  <hr class="new2"></hr>
+
+<br>
+<br>
+
+</table>
+
+
+<table id="cust">
+<tr>
+<th style="width:5px;"> Salinan Pejabat</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+</table>
+
+<br>
+<table id="inside">
+
+<tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td><b> No SAG</b></td><td>: <b style="font-size:15px">{{ $transaction['norujukan'] }}</b> </td>
+</tr>
+<tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td> Tarikh Bayar</td><td>: @php $time = new DateTime($transaction['created_at']); $date = $time->format('d/m/Y'); echo $date; @endphp </td>
+</tr>
+
+<tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> <b>Tempoh Simpan</b></td><td>:<b> {{ $gadai['tempoh'] }}</b> </td>
+</tr>
+
+<tr>
+  <td colspan="3">Nama Wakil </td> <td>: </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+   </tr>
+  
+   <tr>
+  <td colspan="3">No K/P Wakil </td> <td>: </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+   </tr>
+</table>
+<br>
+
+<h1 style="float:left;position:absolute;margin-left:10px;">A</h1>
+<table id="payment">
+  <tr>
+    <td style="width:30%">Harga Jualan/Baki</td>
+    <td style="width:20%">: RM {{ number_format(($transaction['bakiharga'] + $transaction['duit_masuk']),2) }} </td>
+    <td style="width:30%">Pembiayaan/Baki</td>
+    <td style="width:20%">: RM {{ number_format(($gadai['bakipjm']+$transaction['bayaran_pembiayaan']),2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:30%"><b>Bayaran Harga Jualan</b></td>
+    <td style="width:20%">: <b>RM {{ number_format($transaction['duit_masuk'],2) }} </b></td>
+    <td style="width:30%">Ansuran Pembiyaan</td>
+    <td style="width:20%">: RM {{ number_format($transaction['bayaran_pembiayaan'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:30%">Baki Harga Jualan</td>
+    <td style="width:20%">: RM {{ number_format($transaction['bakiharga'],2) }}</td>
+    <td style="width:30%">Baki Pembiayaan</td>
+    <td style="width:20%">: RM {{ number_format($gadai['bakipjm'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px"></td>
+    <td style="width:10px"></td>
+    <td style="width:10px">Keuntungan</td>
+    <td style="width:10px">: RM {{ number_format($transaction['bayaran_keuntungan'],2) }} </td>
+  </tr>
+</table>
+<p style="float:left;position:absolute;margin-left:50px;"><i>* Keuntungan sebenar atas setiap baki pembiayaan akan direbat semasa penebusan</i></p>
+
+<br>
+
+
+
+
+
+<table id="semakan">
+    <tr>
+    <td colspan="3">.................................................... </td> 
+    <td></td>    
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+    <td></td>    
+    <td colspan="3"> Cagaran Di Keluarkan</td>
+    <td></td> 
+    <td colspan="3">Cagaran Diterima </td>
+    <td></td> 
+    <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>
+
+
+</tr>
+</table>
+<br>

resources/views/resit/resittambahpinjam.blade.php

@@ -0,0 +1,574 @@
+
+
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script>
+    $(document).ready(function () {
+      window.print();
+      window.onfocus=function(){ window.close();}
+    });
+</script>
+<style>
+/* Red border */
+hr.new1 {
+  border-top: 1px solid red;
+}
+
+/* Dashed red border */
+hr.new2 {
+  border-top: 1px dashed red;
+}
+
+/* Dotted red border */
+hr.new3 {
+  border-top: 1px dotted red;
+}
+
+/* Thick red border */
+hr.new4 {
+  border: 1px solid red;
+}
+
+/* Large rounded green border */
+hr.new5 {
+  border: 10px solid green;
+  border-radius: 5px;
+}
+</style>
+
+<style>
+
+#cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:20%;
+    font-size:10px;
+    border: 1px solid black;
+
+  }
+
+  #cust td, #cust th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:9px;
+    text-align:right;
+
+  }
+
+  #cust tr:nth-child(even){background-color: #ffffff;}
+
+  #cust tr:hover {background-color: #ddd;}
+
+  #cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:right;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #cust {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+
+
+
+</style>
+
+
+
+
+
+
+
+
+
+
+
+<style>
+  hr.new1 {
+    border-top: 1px dotted black;
+  }
+  .khazanah{
+    border:1px solid black;
+    margin-left:20px;
+    padding:10px;
+    width : 250px;
+    transform: rotate(-90deg);
+    font-size:12px;
+  }
+
+  #inside {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:15px;
+  }
+
+  #inside td, #inside th {
+    border: none;
+    padding: 2px;
+  }
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+
+
+
+  #semakan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    margin-top:40px;
+    font-size:12px;
+  }
+
+  #semakan td, #semakan th {
+    border: none;
+    padding: 2px;
+    text-align: center;
+  }
+
+  #semakan tr:nth-child(even){background-color: #ffffff;}
+
+  #semakan tr:hover {background-color: #ddd;}
+
+  #semakan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+
+
+
+
+
+
+
+
+
+  #salinan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:12px;
+  }
+
+  #salinan td, #salinan th {
+    padding: 2px;
+  }
+
+
+  #salinan tr:nth-child(even){background-color: #ffffff;}
+
+  #salinan tr:hover {background-color: #ffffff;}
+
+  #salinan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: right;
+    background-color: #ffffff;
+    color: black;
+    padding:2px;
+  }
+  #perjanjian {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:12px;
+
+  }
+
+  #perjanjian td, #perjanjian th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+  }
+
+  #perjanjian tr:nth-child(even){background-color:#ffffff}
+
+  #perjanjian tr:hover {background-color: #ddd;}
+
+  #perjanjian th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:5px;
+  }
+  #keuntungan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:12px;
+
+  }
+
+  #keuntungan td, #keuntungan th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+  }
+
+  #keuntungan tr:nth-child(even){background-color: #ffffff;}
+
+  #keuntungan tr:hover {background-color: #ddd;}
+
+  #keuntungan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 60%;
+    font-size:13px;
+    border: 1px solid black;
+
+  }
+
+  #payment td, #payment th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:15px;
+    text-align: left;
+
+  }
+
+  #payment tr:nth-child(even){background-color: #ffffff;}
+
+  #payment tr:hover {background-color: #ddd;}
+
+  #payment th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:left;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+  #akuan td, #akuan th {
+    padding: 7px;
+    font-size:10px;
+    padding:4px;
+  }
+
+  #akuan tr:nth-child(even){background-color:#ffffff;}
+
+  #akuan tr:hover {background-color: #ddd;}
+
+  #akuan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:3px;
+  }
+  .page-break{
+    page-break-before:always;
+  }
+  
+  .formula{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size:12px;
+  }
+  
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:10%;
+    font-size:12px;
+
+  }
+
+
+
+  #copy_cust tr:nth-child(even){background-color: #ffffff;}
+
+  #copy_cust tr:hover {background-color:#ffffff}
+
+  #copy_cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+
+
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 50%;
+    font-size:12px;
+
+
+  }
+
+  #copy_cust td, #copy_cust th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+    text-align:right;
+    width: 10%;
+
+  }
+
+  #copy_cust {
+    margin-right:0px;margin-left:auto
+}
+
+
+
+
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+ 
+</style>
+
+
+
+
+
+
+
+  <table>
+
+      <td rowspan="4" style="width:50px;"> <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px" alt="User Image" class="center" >  </td>
+      <td rowspan="4"  style="width:50px;"><img src="{{ asset('img/pkb.png') }}" style="width:50px" alt="User Image" class="center" > </td>   
+
+
+
+
+  </table>
+
+  <table id="cust">
+<tr>
+ <th style="width:5px;"> Salinan Pelanggan</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+  </table>
+
+<br>
+  <table id="inside">
+
+ <tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td>: No SAG</td><td> {{ $gadai['norujukan'] }} </td>
+ </tr>
+ <tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td>: Tarikh Bayar</td><td>@php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
+ </tr>
+
+ <tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td>: <b>Tempoh Simpan</b></td><td> <b>{{ $gadai['tempoh'] }}</b> </td>
+ </tr>
+ 
+ <tr>
+  <td colspan="3">Nama Wakil </td> <td>: @php if(sizeof($wakil) != 0){ echo $wakil['nama'];} else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+   </tr>
+  
+   <tr>
+  <td colspan="3">No K/P Wakil </td> <td>: @php if(sizeof($wakil) != 0) echo $wakil['nokp']; else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+   </tr>
+  </table>
+  <br>
+
+  <h1 style="float:left;position:absolute;margin-left:100px;">P</h1>
+
+<table id="payment">
+
+<tr>
+<td style="width:10px"> Tarikh Bayaran</td><td style="width:5px"> </td><td style="width:10px">: @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
+</tr>
+<tr>
+<td style="width:10px">Pembiayaan</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($gadai['bakipjm'],2) }} </td>
+</tr>
+<tr>
+<td style="width:10px">(+) Tambah Pembiayaan</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($penebusan['addpinjaman'],2) }} </td>
+</tr>
+<tr>
+<td style="width:10px"><b>Pembiayaan Baru</b></td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($gadai['bakipjm'] + $penebusan['addpinjaman'],2) }} </td>
+</tr>
+<tr>
+  <td style="width:10px"><b>Bayaran Keuntungan</b></td><td style="width:5px"> </td><td style="width:10px">:<b> RM {{ number_format($penebusan['bakiupah'],2) }} </b> </td>
+</tr>
+
+
+</table>
+
+<br>
+
+
+
+
+
+  <table id="semakan">
+      <tr>
+      <td colspan="3">.................................................... </td> 
+      <td></td>    
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+      <td></td>    
+      <td colspan="3"> Cagaran Di Keluarkan</td>
+      <td></td> 
+      <td colspan="3">Cagaran Diterima </td>
+      <td></td> 
+      <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>
+
+
+</tr>
+  </table>
+  <br>
+  <br>
+  <hr class="new2"></hr>
+
+<br>
+<br>
+
+</table>
+
+
+<table id="cust">
+<tr>
+<th style="width:5px;"> Salinan Pejabat</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+</table>
+
+<br>
+<table id="inside">
+
+<tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td>: No SAG</td><td> {{ $gadai['norujukan'] }} </td>
+</tr>
+<tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td>: Tarikh Bayar</td><td> @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/Y'); echo $date; @endphp </td>
+</tr>
+
+<tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td>: <b>Tempoh Simpan</b></td><td> <b>{{ $gadai['tempoh'] }}</b> </td>
+</tr>
+<tr>
+  <td colspan="3">Nama Wakil </td> <td>: @php if(sizeof($wakil) != 0){ echo $wakil['nama'];} else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+   </tr>
+  
+   <tr>
+  <td colspan="3">No K/P Wakil </td> <td>: @php if(sizeof($wakil) != 0) echo $wakil['nokp']; else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+   </tr>
+</table>
+<br>
+
+<h1 style="float:left;position:absolute;margin-left:100px;">P</h1>
+
+
+<table id="payment">
+
+<tr>
+<td style="width:10px"> Tarikh Bayaran</td><td style="width:5px"> </td><td style="width:10px">: @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
+</tr>
+<tr>
+<td style="width:10px">Pembiayaan</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($gadai['bakipjm'],2) }} </td>
+</tr>
+<tr>
+<td style="width:10px">(+) Tambah Pembiayaan</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($penebusan['addpinjaman'],2) }} </td>
+</tr>
+<tr>
+<td style="width:10px"><b>Pembiayaan Baru</b></td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($gadai['bakipjm'] + $penebusan['addpinjaman'],2) }} </td>
+</tr>
+<tr>
+  <td style="width:10px"><b>Bayaran Keuntungan</b></td><td style="width:5px"> </td><td style="width:10px">:<b> RM {{ number_format($penebusan['bakiupah'],2) }} </b> </td>
+</tr>
+
+
+</table>
+
+<br>
+
+
+
+
+
+<table id="semakan">
+    <tr>
+    <td colspan="3">.................................................... </td> 
+    <td></td>    
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+    <td></td>    
+    <td colspan="3"> Cagaran Di Keluarkan</td>
+    <td></td> 
+    <td colspan="3">Cagaran Diterima </td>
+    <td></td> 
+    <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>
+
+
+</tr>
+</table>
+<br>

resources/views/resit/resittebus.blade.php

@@ -0,0 +1,583 @@
+
+
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script>
+    $(document).ready(function () {
+      window.print();
+      window.onfocus=function(){ window.close();}
+    });
+</script>
+<style>
+/* Red border */
+hr.new1 {
+  border-top: 1px solid red;
+}
+
+/* Dashed red border */
+hr.new2 {
+  border-top: 1px dashed red;
+}
+
+/* Dotted red border */
+hr.new3 {
+  border-top: 1px dotted red;
+}
+
+/* Thick red border */
+hr.new4 {
+  border: 1px solid red;
+}
+
+/* Large rounded green border */
+hr.new5 {
+  border: 10px solid green;
+  border-radius: 5px;
+}
+</style>
+
+<style>
+
+#cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:20%;
+    font-size:12px;
+    border: 1px solid black;
+
+  }
+
+  #cust td, #cust th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:10px;
+    text-align:right;
+
+  }
+
+  #cust tr:nth-child(even){background-color: #ffffff;}
+
+  #cust tr:hover {background-color: #ddd;}
+
+  #cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:right;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #cust {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+
+
+
+</style>
+
+
+
+
+
+
+
+
+
+
+
+<style>
+  hr.new1 {
+    border-top: 1px dotted black;
+  }
+  .khazanah{
+    border:1px solid black;
+    margin-left:20px;
+    padding:10px;
+    width : 250px;
+    transform: rotate(-90deg);
+    font-size:12px;
+  }
+
+  #inside {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:15px;
+  }
+
+  #inside td, #inside th {
+    border: none;
+    padding: 2px;
+  }
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+
+
+
+  #semakan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    margin-top:40px;
+    font-size:12px;
+  }
+
+  #semakan td, #semakan th {
+    border: none;
+    padding: 2px;
+    text-align: center;
+  }
+
+  #semakan tr:nth-child(even){background-color: #ffffff;}
+
+  #semakan tr:hover {background-color: #ddd;}
+
+  #semakan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+
+
+
+
+
+
+
+
+
+  #salinan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:12px;
+  }
+
+  #salinan td, #salinan th {
+    padding: 2px;
+  }
+
+
+  #salinan tr:nth-child(even){background-color: #ffffff;}
+
+  #salinan tr:hover {background-color: #ffffff;}
+
+  #salinan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: right;
+    background-color: #ffffff;
+    color: black;
+    padding:2px;
+  }
+  #perjanjian {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:12px;
+
+  }
+
+  #perjanjian td, #perjanjian th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+  }
+
+  #perjanjian tr:nth-child(even){background-color:#ffffff}
+
+  #perjanjian tr:hover {background-color: #ddd;}
+
+  #perjanjian th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:5px;
+  }
+  #keuntungan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:12px;
+
+  }
+
+  #keuntungan td, #keuntungan th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+  }
+
+  #keuntungan tr:nth-child(even){background-color: #ffffff;}
+
+  #keuntungan tr:hover {background-color: #ddd;}
+
+  #keuntungan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 60%;
+    font-size:12px;
+    border: 1px solid black;
+
+  }
+
+  #payment td, #payment th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:15px;
+    text-align: left;
+
+  }
+
+  #payment tr:nth-child(even){background-color: #ffffff;}
+
+  #payment tr:hover {background-color: #ddd;}
+
+  #payment th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:left;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+  #akuan td, #akuan th {
+    padding: 7px;
+    font-size:10px;
+    padding:4px;
+  }
+
+  #akuan tr:nth-child(even){background-color:#ffffff;}
+
+  #akuan tr:hover {background-color: #ddd;}
+
+  #akuan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:3px;
+  }
+  .page-break{
+    page-break-before:always;
+  }
+  
+  .formula{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size:12px;
+  }
+  
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:10%;
+    font-size:12px;
+
+  }
+
+
+
+  #copy_cust tr:nth-child(even){background-color: #ffffff;}
+
+  #copy_cust tr:hover {background-color:#ffffff}
+
+  #copy_cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+
+
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 50%;
+    font-size:12px;
+
+
+  }
+
+  #copy_cust td, #copy_cust th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+    text-align:right;
+    width: 10%;
+
+  }
+
+  #copy_cust {
+    margin-right:0px;margin-left:auto
+}
+
+
+
+
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+ 
+</style>
+
+
+
+
+
+
+
+  <table>
+
+      <td rowspan="4" style="width:50px;"> <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px" alt="User Image" class="center" >  </td>
+      <td rowspan="4"  style="width:50px;"><img src="{{ asset('img/pkb.png') }}" style="width:50px" alt="User Image" class="center" > </td>   
+      <td></td>
+
+
+
+
+  </table>
+
+  <table id="cust">
+<tr>
+ <th style="width:5px;"> Salinan Pelanggan</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+  </table>
+
+<br>
+
+  <table id="inside">
+
+ <tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td> No SAG</td><td>: {{ $gadai['norujukan'] }} </td>
+ </tr>
+ <tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td> Tarikh Bayar</td><td>: @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
+ </tr>
+
+ <tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp</td> <td colspan="3"> </td>  <td> </td><td> </td><td><b> Tempoh Simpan</b></td><td>:<b> {{ $gadai['tempoh'] }} </b></td>
+ </tr>
+
+ <tr>
+<td colspan="3">Nama Wakil </td> <td>: @php if(sizeof($wakil) != 0){ echo $wakil['nama'];} else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+ </tr>
+
+ <tr>
+<td colspan="3">No K/P Wakil </td> <td>: @php if(sizeof($wakil) != 0) echo $wakil['nokp']; else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+ </tr>
+  </table>
+  <br>
+
+  <h1 style="float:left;position:absolute;margin-left:100px;">T</h1>
+
+<table id="payment">
+  <tr>
+    <td style="width:10px">Harga Jualan</td>
+    <td style="width:10px">: RM {{ number_format(($gadai['hargajualan']),2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px">(-) Jumlah Ansuran Telah Dibayar</td>
+    <td style="width:10px">: RM {{ number_format($totalBayaranAnsuran,2) }}</td>
+  </tr>
+  <tr>
+    <td style="width:10px">Baki Harga Jualan</td>
+    <td style="width:10px">: RM {{ number_format($gadai['bakihargajualan'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px">(-) Ibra' (Rebat)</td>
+    <td style="width:10px">: RM {{ number_format($penebusan['rebate'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px"><b>Tebus Keseluruhan</b></td>
+    <td style="width:10px">:<b> RM {{ number_format(($gadai['bakihargajualan'] - $penebusan['rebate']),2) }} </b></td>
+  </tr>
+</table>
+
+<br>
+
+
+
+
+
+  <table id="semakan">
+      <tr>
+      <td colspan="3">.................................................... </td> 
+      <td></td>    
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+      <td></td>    
+      <td colspan="3"> Cagaran Di Keluarkan</td>
+      <td></td> 
+      <td colspan="3">Cagaran Diterima </td>
+      <td></td> 
+      <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>
+
+
+</tr>
+  </table>
+  <br>
+  <br>
+  <hr class="new2"></hr>
+
+<br>
+<br>
+
+</table>
+
+
+<table id="cust">
+<tr>
+<th style="width:5px;"> Salinan Pejabat</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+</table>
+
+<br>
+<table id="inside">
+
+<tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> No SAG</td><td>: {{ $gadai['norujukan'] }} </td>
+</tr>
+<tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> Tarikh Bayar</td><td>: @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/Y'); echo $date; @endphp </td>
+</tr>
+
+<tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td><b> Tempoh Simpan</b></td><td>:<b> {{ $gadai['tempoh'] }} </b></td>
+</tr>
+
+
+
+<tr>
+<td colspan="3">Nama Wakil </td> <td>: @php if(sizeof($wakil) != 0){ echo $wakil['nama'];} else echo ''; @endphp </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> </td><td> </td>
+</tr>
+
+
+<tr>
+<td colspan="3">No K/P Wakil </td> <td>: @php if(sizeof($wakil) != 0) echo $wakil['nokp']; else echo ''; @endphp</td> <td colspan="3"> <td>  </td><td> </td><td> </td><td> </td>
+</tr>
+</table>
+<br>
+
+<h1 style="float:left;position:absolute;margin-left:100px;">T</h1>
+
+<table id="payment">
+  <tr>
+    <td style="width:10px">Harga Jualan</td>
+    <td style="width:10px">: RM {{ number_format(($gadai['hargajualan']),2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px">(-) Jumlah Ansuran Telah Dibayar</td>
+    <td style="width:10px">: RM {{ number_format($totalBayaranAnsuran,2) }}</td>
+  </tr>
+  <tr>
+    <td style="width:10px">Baki Harga Jualan</td>
+    <td style="width:10px">: RM {{ number_format($gadai['bakihargajualan'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px">(-) Ibra' (Rebat)</td>
+    <td style="width:10px">: RM {{ number_format($penebusan['rebate'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px"><b>Tebus Keseluruhan</b></td>
+    <td style="width:10px">:<b> RM {{ number_format(($gadai['bakihargajualan'] - $penebusan['rebate']),2) }} </b></td>
+  </tr>
+</table>
+
+<br>
+
+
+
+
+
+<table id="semakan">
+    <tr>
+    <td colspan="3">.................................................... </td> 
+    <td></td>    
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+    <td></td>    
+    <td colspan="3"> Cagaran Di Keluarkan</td>
+    <td></td> 
+    <td colspan="3">Cagaran Diterima </td>
+    <td></td> 
+    <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>
+
+
+</tr>
+</table>
+<br>

resources/views/resit/resittebusautotawarruq.blade.php

@@ -0,0 +1,565 @@
+
+
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script>
+    $(document).ready(function () {
+      window.print();
+      window.onfocus=function(){ window.close();}
+    });
+</script>
+<style>
+/* Red border */
+hr.new1 {
+  border-top: 1px solid red;
+}
+
+/* Dashed red border */
+hr.new2 {
+  border-top: 1px dashed red;
+}
+
+/* Dotted red border */
+hr.new3 {
+  border-top: 1px dotted red;
+}
+
+/* Thick red border */
+hr.new4 {
+  border: 1px solid red;
+}
+
+/* Large rounded green border */
+hr.new5 {
+  border: 10px solid green;
+  border-radius: 5px;
+}
+</style>
+
+<style>
+
+#cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:20%;
+    font-size:10px;
+    border: 1px solid black;
+
+  }
+
+  #cust td, #cust th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:10px;
+    text-align:right;
+
+  }
+
+  #cust tr:nth-child(even){background-color: #ffffff;}
+
+  #cust tr:hover {background-color: #ddd;}
+
+  #cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:right;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #cust {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+  hr.new1 {
+    border-top: 1px dotted black;
+  }
+  .khazanah{
+    border:1px solid black;
+    margin-left:20px;
+    padding:10px;
+    width : 250px;
+    transform: rotate(-90deg);
+    font-size:12px;
+  }
+
+  #inside {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:15px;
+  }
+
+  #inside td, #inside th {
+    border: none;
+    padding: 2px;
+  }
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+
+
+
+  #semakan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    margin-top:40px;
+    font-size:12px;
+  }
+
+  #semakan td, #semakan th {
+    border: none;
+    padding: 2px;
+    text-align: center;
+  }
+
+  #semakan tr:nth-child(even){background-color: #ffffff;}
+
+  #semakan tr:hover {background-color: #ddd;}
+
+  #semakan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+  #salinan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:12px;
+  }
+
+  #salinan td, #salinan th {
+    padding: 2px;
+  }
+
+
+  #salinan tr:nth-child(even){background-color: #ffffff;}
+
+  #salinan tr:hover {background-color: #ffffff;}
+
+  #salinan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: right;
+    background-color: #ffffff;
+    color: black;
+    padding:2px;
+  }
+  #perjanjian {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:12px;
+
+  }
+
+  #perjanjian td, #perjanjian th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+  }
+
+  #perjanjian tr:nth-child(even){background-color:#ffffff}
+
+  #perjanjian tr:hover {background-color: #ddd;}
+
+  #perjanjian th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:5px;
+  }
+  #keuntungan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:12px;
+
+  }
+
+  #keuntungan td, #keuntungan th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+  }
+
+  #keuntungan tr:nth-child(even){background-color: #ffffff;}
+
+  #keuntungan tr:hover {background-color: #ddd;}
+
+  #keuntungan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 45%;
+    font-size:13px;
+    border: 1px solid black;
+
+  }
+
+  #payment td, #payment th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:10px;
+    text-align: left;
+
+  }
+
+  #payment tr:nth-child(even){background-color: #ffffff;}
+
+  #payment tr:hover {background-color: #ddd;}
+
+  #payment th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:left;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+  #akuan td, #akuan th {
+    padding: 7px;
+    font-size:10px;
+    padding:4px;
+  }
+
+  #akuan tr:nth-child(even){background-color:#ffffff;}
+
+  #akuan tr:hover {background-color: #ddd;}
+
+  #akuan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:3px;
+  }
+  .page-break{
+    page-break-before:always;
+  }
+  
+  .formula{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size:12px;
+  }
+  
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:10%;
+    font-size:12px;
+
+  }
+
+
+
+  #copy_cust tr:nth-child(even){background-color: #ffffff;}
+
+  #copy_cust tr:hover {background-color:#ffffff}
+
+  #copy_cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+
+
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 50%;
+    font-size:12px;
+
+
+  }
+
+  #copy_cust td, #copy_cust th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+    text-align:right;
+    width: 10%;
+
+  }
+
+  #copy_cust {
+    margin-right:0px;margin-left:auto
+}
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+ 
+</style>
+
+
+
+
+
+
+
+  <table>
+
+      <td rowspan="4" style="width:50px;"> <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px" alt="User Image" class="center" >  </td>
+      <td rowspan="4"  style="width:50px;"><img src="{{ asset('img/pkb.png') }}" style="width:50px" alt="User Image" class="center" > </td>   
+
+
+
+
+  </table>
+
+  <table id="cust">
+<tr>
+ <th style="width:5px;"> Salinan Pelanggan</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+  </table>
+
+<br>
+
+  <table id="inside">
+
+ <tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td> No SAG</td><td>: {{ $gadai['norujukan'] }} </td>
+ </tr>
+ <tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td> Tarikh Bayar</td><td>: @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
+ </tr>
+
+ <tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td><b> Tempoh Simpan</b></td><td>:<b> {{ $gadai['tempoh'] }} </b></td>
+ </tr>
+
+ <tr>
+<td colspan="3">Nama Wakil </td> <td>: @php if(sizeof($wakil) != 0){ echo $wakil['nama'];} else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+ </tr>
+
+ <tr>
+<td colspan="3">No K/P Wakil </td> <td>: @php if(sizeof($wakil) != 0) echo $wakil['nokp']; else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+ </tr>
+  </table>
+  <br>
+
+<h1 style="float:left;position:absolute;margin-left:100px;">AT</h1>
+
+
+<table id="payment">
+  <tr>
+    <td style="width:10px">Pinjaman</td>
+    <td style="width:5px"> </td>
+    <td style="width:10px">: RM {{ number_format($gadai['pinjaman'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px">(-) Bayaran Pinjaman</td>
+    <td style="width:5px"> </td>
+    <td style="width:10px">: RM {{ number_format($transaction_keuntungan['bayaran_pembiayaan'],2) }}</td>
+  </tr>
+  <tr>
+    <td style="width:10px"><b>Bayaran Upah</b></td>
+    <td style="width:5px"> </td>
+    <td style="width:10px">: RM {{ number_format($transaction_keuntungan['bayaran_keuntungan'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px">Pembiyaan Baru</td>
+    <td style="width:5px"> </td>
+    <td style="width:10px">: RM {{ number_format($gadai['pinjaman']-$transaction_keuntungan['bayaran_pembiayaan'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px"><b>Jumlah Bayaran</b></td>
+    <td style="width:5px"> </td>
+    <td style="width:10px">: RM {{ number_format($transaction_keuntungan['bayaran_pembiayaan']+$transaction_keuntungan['bayaran_keuntungan'],2) }}</td>
+  </tr>
+</table>
+
+<br>
+
+
+
+
+
+  <table id="semakan">
+      <tr>
+      <td colspan="3">.................................................... </td> 
+      <td></td>    
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+      <td></td>    
+      <td colspan="3"> Cagaran Di Keluarkan</td>
+      <td></td> 
+      <td colspan="3">Cagaran Diterima </td>
+      <td></td> 
+      <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>
+
+
+</tr>
+  </table>
+  <br>
+  <br>
+  <hr class="new2"></hr>
+
+<br>
+<br>
+
+</table>
+
+
+<table id="cust">
+<tr>
+<th style="width:5px;"> Salinan Pejabat</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+</table>
+
+<br>
+<table id="inside">
+
+<tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> No SAG</td><td>: {{ $gadai['norujukan'] }} </td>
+</tr>
+<tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> Tarikh Bayar</td><td>: @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/y'); echo $date; @endphp </td>
+</tr>
+
+<tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td><b> Tempoh Simpan</b></td><td>:<b> {{ $gadai['tempoh'] }} </b></td>
+</tr>
+
+
+
+<tr>
+<td colspan="3">Nama Wakil </td> <td>: @php if(sizeof($wakil) != 0){ echo $wakil['nama'];} else echo ''; @endphp </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> </td><td> </td>
+</tr>
+
+
+<tr>
+<td colspan="3">No K/P Wakil </td> <td>: @php if(sizeof($wakil) != 0) echo $wakil['nokp']; else echo ''; @endphp</td> <td colspan="3"> <td>  </td><td> </td><td> </td><td> </td>
+</tr>
+</table>
+<br>
+
+<h1 style="float:left;position:absolute;margin-left:100px;">AT</h1>
+
+
+<table id="payment">
+  <tr>
+    <td style="width:10px">Pinjaman</td>
+    <td style="width:5px"> </td>
+    <td style="width:10px">: RM {{ number_format($gadai['pinjaman'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px">(-) Bayaran Pinjaman</td>
+    <td style="width:5px"> </td>
+    <td style="width:10px">: RM {{ number_format($transaction_keuntungan['bayaran_pembiayaan'],2) }}</td>
+  </tr>
+  <tr>
+    <td style="width:10px"><b>Bayaran Upah</b></td>
+    <td style="width:5px"> </td>
+    <td style="width:10px">: RM {{ number_format($transaction_keuntungan['bayaran_keuntungan'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px">Pembiyaan Baru</td>
+    <td style="width:5px"> </td>
+    <td style="width:10px">: RM {{ number_format($gadai['pinjaman']-$transaction_keuntungan['bayaran_pembiayaan'],2) }} </td>
+  </tr>
+  <tr>
+    <td style="width:10px"><b>Jumlah Bayaran</b></td>
+    <td style="width:5px"> </td>
+    <td style="width:10px">: RM {{ number_format($transaction_keuntungan['bayaran_pembiayaan']+$transaction_keuntungan['bayaran_keuntungan'],2) }}</td>
+  </tr>
+</table>
+
+<br>
+
+
+
+
+
+<table id="semakan">
+    <tr>
+    <td colspan="3">.................................................... </td> 
+    <td></td>    
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+    <td></td>    
+    <td colspan="3"> Cagaran Di Keluarkan</td>
+    <td></td> 
+    <td colspan="3">Cagaran Diterima </td>
+    <td></td> 
+    <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>
+
+
+</tr>
+</table>
+<br>

resources/views/resit/resittebusseparuh.blade.php

@@ -0,0 +1,590 @@
+
+
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script>
+    $(document).ready(function () {
+      window.print();
+      window.onfocus=function(){ window.close();}
+    });
+</script>
+<style>
+/* Red border */
+hr.new1 {
+  border-top: 1px solid red;
+}
+
+/* Dashed red border */
+hr.new2 {
+  border-top: 1px dashed red;
+}
+
+/* Dotted red border */
+hr.new3 {
+  border-top: 1px dotted red;
+}
+
+/* Thick red border */
+hr.new4 {
+  border: 1px solid red;
+}
+
+/* Large rounded green border */
+hr.new5 {
+  border: 10px solid green;
+  border-radius: 5px;
+}
+</style>
+
+<style>
+
+#cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:20%;
+    font-size:10px;
+    border: 1px solid black;
+
+  }
+
+  #cust td, #cust th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:10px;
+    text-align:right;
+
+  }
+
+  #cust tr:nth-child(even){background-color: #ffffff;}
+
+  #cust tr:hover {background-color: #ddd;}
+
+  #cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:right;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #cust {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+
+
+
+</style>
+
+
+
+
+
+
+
+
+
+
+
+<style>
+  hr.new1 {
+    border-top: 1px dotted black;
+  }
+  .khazanah{
+    border:1px solid black;
+    margin-left:20px;
+    padding:10px;
+    width : 250px;
+    transform: rotate(-90deg);
+    font-size:12px;
+  }
+
+  #inside {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:15px;
+  }
+
+  #inside td, #inside th {
+    border: none;
+    padding: 2px;
+  }
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+
+
+
+  #semakan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    margin-top:40px;
+    font-size:12px;
+  }
+
+  #semakan td, #semakan th {
+    border: none;
+    padding: 2px;
+    text-align: center;
+  }
+
+  #semakan tr:nth-child(even){background-color: #ffffff;}
+
+  #semakan tr:hover {background-color: #ddd;}
+
+  #semakan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: left;
+    background-color: #4CAF50;
+    color: white;
+  }
+
+
+
+
+
+
+
+
+
+
+  #salinan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:12px;
+  }
+
+  #salinan td, #salinan th {
+    padding: 2px;
+  }
+
+
+  #salinan tr:nth-child(even){background-color: #ffffff;}
+
+  #salinan tr:hover {background-color: #ffffff;}
+
+  #salinan th {
+    padding-top: 12px;
+    padding-bottom: 10px;
+    text-align: right;
+    background-color: #ffffff;
+    color: black;
+    padding:2px;
+  }
+  #perjanjian {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:12px;
+
+  }
+
+  #perjanjian td, #perjanjian th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+  }
+
+  #perjanjian tr:nth-child(even){background-color:#ffffff}
+
+  #perjanjian tr:hover {background-color: #ddd;}
+
+  #perjanjian th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:5px;
+  }
+  #keuntungan {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 100%;
+    font-size:12px;
+
+  }
+
+  #keuntungan td, #keuntungan th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+  }
+
+  #keuntungan tr:nth-child(even){background-color: #ffffff;}
+
+  #keuntungan tr:hover {background-color: #ddd;}
+
+  #keuntungan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 60%;
+    font-size:13px;
+    border: 1px solid black;
+
+  }
+
+  #payment td, #payment th {
+    border: 0px solid;
+    padding: 3px;
+    font-size:15px;
+    text-align: left;
+
+  }
+
+  #payment tr:nth-child(even){background-color: #ffffff;}
+
+  #payment tr:hover {background-color: #ddd;}
+
+  #payment th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align:left;
+    background-color: #d9deda;
+    color: black;
+    padding:2px;
+  }
+
+  #payment {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+  #akuan td, #akuan th {
+    padding: 7px;
+    font-size:10px;
+    padding:4px;
+  }
+
+  #akuan tr:nth-child(even){background-color:#ffffff;}
+
+  #akuan tr:hover {background-color: #ddd;}
+
+  #akuan th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:3px;
+  }
+  .page-break{
+    page-break-before:always;
+  }
+  
+  .formula{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size:12px;
+  }
+  
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:10%;
+    font-size:12px;
+
+  }
+
+
+
+  #copy_cust tr:nth-child(even){background-color: #ffffff;}
+
+  #copy_cust tr:hover {background-color:#ffffff}
+
+  #copy_cust th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+
+
+  #copy_cust {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width: 50%;
+    font-size:12px;
+
+
+  }
+
+  #copy_cust td, #copy_cust th {
+    border: 1px solid #ddd;
+    padding: 2px;
+    font-size:10px;
+    text-align:right;
+    width: 10%;
+
+  }
+
+  #copy_cust {
+    margin-right:0px;margin-left:auto
+}
+
+
+
+
+
+  #inside tr:nth-child(even){background-color: #ffffff;}
+
+  #inside tr:hover {background-color: #ddd;}
+
+  #inside th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: center;
+    background-color: #d9deda;
+    color: black;
+    padding:4px;
+  }
+ 
+</style>
+
+
+
+
+
+
+
+  <table>
+
+      <td rowspan="4" style="width:50px;"> <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px" alt="User Image" class="center" >  </td>
+      <td rowspan="4"  style="width:50px;"><img src="{{ asset('img/pkb.png') }}" style="width:50px" alt="User Image" class="center" > </td>   
+
+
+
+
+  </table>
+
+  <table id="cust">
+<tr>
+ <th style="width:5px;"> Salinan Pelanggan</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+  </table>
+
+<br>
+
+  <table id="inside">
+
+ <tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td> No SAG</td><td>: {{ $gadai['norujukan'] }} </td>
+ </tr>
+ <tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> </td>  <td> </td><td> </td><td> Tarikh Bayar</td><td>: @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
+ </tr>
+
+ <tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td><b> Tempoh Simpan</b></td><td>:<b> {{ $gadai['tempoh'] }} </b></td>
+ </tr>
+
+ <tr>
+<td colspan="3">Nama Wakil </td> <td>: @php if(sizeof($wakil) != 0){ echo $wakil['nama'];} else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+ </tr>
+
+ <tr>
+<td colspan="3">No K/P Wakil </td> <td>: @php if(sizeof($wakil) != 0) echo $wakil['nokp']; else echo ''; @endphp </td> <td colspan="3"> </td>  <td> </td><td> </td><td> </td><td> </td>
+ </tr>
+  </table>
+  <br>
+
+<h1 style="float:left;position:absolute;margin-left:100px;">S</h1>
+
+
+<table id="payment">
+<tr>
+<td style="width:10px"> Tarikh Bayaran</td><td style="width:5px"> </td><td style="width:10px">: @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
+</tr>
+<tr>
+<td style="width:10px">Harga Jualan</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format(($gadai['hargajualan']),2) }} </td>
+</tr>
+<tr>
+<td style="width:10px">(-) Bayaran Pelanggan</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($totaltransaction,2) }}</td>
+</tr>
+<tr>
+<td style="width:10px"><b>Baki Harga Jualan</b></td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($gadai['bakihargajualan'],2) }} </td>
+</tr>
+<tr>
+  <td style="width:10px">(-) Rebate</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($penebusan['rebate'],2) }} </td>
+  </tr>
+<tr>
+  <td style="width:10px"><b>Jumlah Bayaran</b></td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($penebusan['bakipjm'],2) }}</td>
+  </tr>
+  <tr>
+    <td style="width:10px"><b>Pembiayaan Baru</b></td><td style="width:5px"> </td><td style="width:10px">:<b> RM {{ number_format(($gadai['bakihargajualan'] - $penebusan['rebate']-$penebusan['bakipjm']),2) }}</b></td>
+  </tr>
+
+
+</table>
+
+<br>
+
+
+
+
+
+  <table id="semakan">
+      <tr>
+      <td colspan="3">.................................................... </td> 
+      <td></td>    
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+      <td></td> 
+      <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+      <td></td>    
+      <td colspan="3"> Cagaran Di Keluarkan</td>
+      <td></td> 
+      <td colspan="3">Cagaran Diterima </td>
+      <td></td> 
+      <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>
+
+
+</tr>
+  </table>
+  <br>
+  <br>
+  <hr class="new2"></hr>
+
+<br>
+<br>
+
+</table>
+
+
+<table id="cust">
+<tr>
+<th style="width:5px;"> Salinan Pejabat</th>
+</tr>
+<tr>
+<td  style="width:5px;"> RESIT BAYARAN  </td>
+
+</tr>
+
+</table>
+
+<br>
+<table id="inside">
+
+<tr>
+<td colspan="3">Marhun</td> <td>: {{ $gadai['marhun'] }} </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> No SAG</td><td>: {{ $gadai['norujukan'] }} </td>
+</tr>
+<tr>
+<td colspan="3">Nama</td> <td>: {{ $customers_info['nama'] }} </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> Tarikh Bayar</td><td>: @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/y'); echo $date; @endphp </td>
+</tr>
+
+<tr>
+<td colspan="3">No K/P </td> <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td><b> Tempoh Simpan</b></td><td>:<b> {{ $gadai['tempoh'] }} </b></td>
+</tr>
+
+
+
+<tr>
+<td colspan="3">Nama Wakil </td> <td>: @php if(sizeof($wakil) != 0){ echo $wakil['nama'];} else echo ''; @endphp </td> <td colspan="3"> <t/d>  <td> </td><td> </td><td> </td><td> </td>
+</tr>
+
+
+<tr>
+<td colspan="3">No K/P Wakil </td> <td>: @php if(sizeof($wakil) != 0) echo $wakil['nokp']; else echo ''; @endphp</td> <td colspan="3"> <td>  </td><td> </td><td> </td><td> </td>
+</tr>
+</table>
+<br>
+
+<h1 style="float:left;position:absolute;margin-left:100px;">S</h1>
+
+
+<table id="payment">
+<tr>
+<td style="width:10px"> Tarikh Bayaran</td><td style="width:5px"> </td><td style="width:10px">: @php $time = new DateTime($penebusan['t_tebus']); $date = $time->format('d/m/y'); echo $date; @endphp</td>
+</tr>
+<tr>
+<td style="width:10px">Harga Jualan</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format(($gadai['hargajualan']),2) }} </td>
+</tr>
+<tr>
+<td style="width:10px">(-) Bayaran Pelanggan</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($totaltransaction,2) }}</td>
+</tr>
+<tr>
+<td style="width:10px"><b>Baki Harga Jualan</b></td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($gadai['bakihargajualan'],2) }} </td>
+</tr>
+<tr>
+  <td style="width:10px">(-) Rebate</td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($penebusan['rebate'],2) }} </td>
+  </tr>
+<tr>
+  <td style="width:10px"><b>Jumlah Bayaran</b></td><td style="width:5px"> </td><td style="width:10px">: RM {{ number_format($penebusan['bakipjm'],2) }}</td>
+  </tr>
+  <tr>
+    <td style="width:10px"><b>Pembiayaan Baru</b></td><td style="width:5px"> </td><td style="width:10px">:<b> RM {{ number_format(($gadai['bakihargajualan'] - $penebusan['rebate']-$penebusan['bakipjm']),2) }} </b></td>
+  </tr>
+
+
+</table>
+
+<br>
+
+
+
+
+
+<table id="semakan">
+    <tr>
+    <td colspan="3">.................................................... </td> 
+    <td></td>    
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+    <td></td> 
+    <td colspan="3">.................................................... </td>
+</tr>
+<tr>
+
+<td colspan="3">DiSemak </td> 
+    <td></td>    
+    <td colspan="3"> Cagaran Di Keluarkan</td>
+    <td></td> 
+    <td colspan="3">Cagaran Diterima </td>
+    <td></td> 
+    <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>
+
+
+</tr>
+</table>
+<br>

routes/web.php

@@ -78,6 +78,16 @@ Route::get('/akaunhome/cetakstokaudit',['as'=>'cetak.stokaudit','uses'=>'App\Htt
 Route::get('/akaunhome/cetakkawalanstok',['as'=>'cetak.kawalanstok','uses'=>'App\Http\Controllers\AkaunController@cetaklaporan_kawalanstok'])->middleware(['roleChecker:admin,akaun,operasi']);
 Route::get('/akaunhome/cetaklelong',['as'=>'cetak.lelong','uses'=>'App\Http\Controllers\AkaunController@cetaklaporan_lelong'])->middleware(['roleChecker:admin,akaun,operasi']);
 Route::get('/akaunhome/cetakperbelanjaan',['as'=>'cetak.perbelanjaan','uses'=>'App\Http\Controllers\AkaunController@cetaklaporan_perbelanjaan'])->middleware(['roleChecker:admin,akaun,operasi']);
+Route::get('/akaunhome/cetakringkasanterkumpul',['as'=>'cetak.ringkasanterkumpul','uses'=>'App\Http\Controllers\AkaunController@cetakLaporanRingkasanTerkumpul'])->middleware(['roleChecker:admin,akaun,operasi']);
 
 
-
+//Resit
+Route::get('/resit/{id}',['as'=>'resit.ansuran','uses'=>'App\Http\Controllers\ResitController@resit']);
+Route::get('/resitansurans/{id}',['as'=>'resit.ansurans','uses'=>'App\Http\Controllers\ResitController@resitansurans']);
+Route::get('/resitbelumansurans/{id}',['as'=>'resit.belumansurans','uses'=>'App\Http\Controllers\ResitController@resitbelumansurans']);
+Route::get('/resit/tebus/{id}',['as'=>'resit.tebus','uses'=>'App\Http\Controllers\ResitController@resittebus']);
+Route::get('/resit/advansur/{id}',['as'=>'resit.advansur','uses'=>'App\Http\Controllers\ResitController@resitadvansur']);
+Route::get('/resit/tebusseparuh/{id}',['as'=>'resit.tebusseparuh','uses'=>'App\Http\Controllers\ResitController@resittebusseparuh']);
+Route::get('/resit/belumtebus/{id}',['as'=>'resit.belumtebus','uses'=>'App\Http\Controllers\ResitController@resitbelumtebus']);
+Route::get('/resit/tambahpinjam/{id}',['as'=>'resit.tambahpinjam','uses'=>'App\Http\Controllers\ResitController@resittambahpinjam']);
+Route::get('/resit/tebusautotawarruq/{id}',['as'=>'resit.autotawarruq','uses'=>'App\Http\Controllers\ResitController@resitautotawarruq']);