From 4a083e10636c8d766b801d6e7b60867c5a32f85f Mon Sep 17 00:00:00 2001
From: Hafifie PKB <muhdhafifie97@gmail.com>
Date: Wed, 19 Jun 2024 11:53:44 +0800
Subject: [PATCH 1/3] added akrubulananpecahan dan imbangduga range untuk
 tallykan

---
 .../AdminSettings/BalanceSheetsController.php |  43 +++
 app/Http/Controllers/HomeController.php       |  11 +
 app/Providers/RouteServiceProvider.php        |   5 +
 resources/js/Akaun/AkruBulanPecahan.vue       | 101 +++++
 resources/js/Akaun/Home.vue                   |   5 +
 resources/js/ImbangDuga/index.vue             | 165 ++++++++
 resources/js/app.js                           |   3 +
 resources/js/routes.js                        |   1 +
 .../akaun/laporan_akrubulan_pecahan.blade.php | 354 ++++++++++++++++++
 resources/views/imbangduga/index.blade.php    |  17 +
 resources/views/indexTetapanAdmin.blade.php   |  42 +++
 resources/views/layouts/sidebar.blade.php     |  78 ++--
 routes/admin_settings.php                     |  10 +
 13 files changed, 804 insertions(+), 31 deletions(-)
 create mode 100644 app/Http/Controllers/AdminSettings/BalanceSheetsController.php
 create mode 100644 resources/js/Akaun/AkruBulanPecahan.vue
 create mode 100644 resources/js/ImbangDuga/index.vue
 create mode 100644 resources/views/akaun/laporan_akrubulan_pecahan.blade.php
 create mode 100644 resources/views/imbangduga/index.blade.php
 create mode 100644 resources/views/indexTetapanAdmin.blade.php
 create mode 100644 routes/admin_settings.php

diff --git a/app/Http/Controllers/AdminSettings/BalanceSheetsController.php b/app/Http/Controllers/AdminSettings/BalanceSheetsController.php
new file mode 100644
index 0000000..8eb6877
--- /dev/null
+++ b/app/Http/Controllers/AdminSettings/BalanceSheetsController.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace App\Http\Controllers\AdminSettings;
+
+use App\Exports\Ansuran\AnsuranExport;
+use App\Http\Controllers\Controller;
+use Carbon\Carbon;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Http;
+use Maatwebsite\Excel\Facades\Excel;
+
+class BalanceSheetsController extends Controller
+{
+    public function index(Request $request)
+    {
+        return view('imbangduga.index');
+        // $current = new Carbon();
+
+        // $getReportDate = function ($date_string) use ($current) {
+        //     if ($date_string == null) {
+        //         return $current->toDateString();
+        //     }
+
+        //     return $date_string;
+        // };
+
+        // $request->hostname = config('api.url');
+
+        // $data = Http::get($request->hostname . '/api/reports/ansuran', [
+        //     'startDate' => $getReportDate($request->startDate),
+        //     'endDate' => $getReportDate($request->endDate),
+        // ])->json();
+
+        // $summary_ansuran_by_cawangan = $data['summary_ansuran_by_cawangan'];
+        // $summary_ansuran = $data['summary_ansuran'];
+
+        // $startDate = $getReportDate($request->startDate);
+        // $endDate = $getReportDate($request->endDate);
+
+        // return view('reports.ansuran.index', compact('summary_ansuran_by_cawangan', 'summary_ansuran', 'startDate', 'endDate'));
+    }
+}
diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
index 65dfbe3..0938740 100644
--- a/app/Http/Controllers/HomeController.php
+++ b/app/Http/Controllers/HomeController.php
@@ -65,6 +65,17 @@ class HomeController extends Controller
         return view('indexOverallReport');
     }
 
+    public function indexTetapanAdmin()
+    {
+        $auth_user = Auth::user();
+        $api_url = config('api.url');
+
+        $harini = Carbon::now();
+        $harini = new Carbon;
+
+        return view('indexTetapanAdmin');
+    }
+
     public function indexakaun()
     {
         $auth_user = Auth::user();
diff --git a/app/Providers/RouteServiceProvider.php b/app/Providers/RouteServiceProvider.php
index e2ceefb..46a6e60 100644
--- a/app/Providers/RouteServiceProvider.php
+++ b/app/Providers/RouteServiceProvider.php
@@ -48,6 +48,11 @@ class RouteServiceProvider extends ServiceProvider
                 ->prefix('reports')
                 ->group(base_path('routes/reports.php'));
 
+            Route::middleware('web')
+                ->namespace($this->namespace)
+                ->prefix('adminsettings')
+                ->group(base_path('routes/admin_settings.php'));
+
             Route::middleware('web')
                 ->namespace($this->namespace)
                 ->group(base_path('routes/web.php'));
diff --git a/resources/js/Akaun/AkruBulanPecahan.vue b/resources/js/Akaun/AkruBulanPecahan.vue
new file mode 100644
index 0000000..e2ed112
--- /dev/null
+++ b/resources/js/Akaun/AkruBulanPecahan.vue
@@ -0,0 +1,101 @@
+<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 Akru Bulanan Pecahan</span>
+                </div>
+                <form method="get" id="formakru" :action="Urlredirect()" target="_blank">
+                    <div class="rounded bg-white shadow p-6">
+                        <input :value="jenisgenerate" type="hidden" name="jenis" />
+                        <input :value="$kodcaw" name="kodcaw" hidden />
+                        <input :value="$hostname" name="hostname" hidden />
+                        <label for="year"
+                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Pilih Tahun</label>
+                        <select name="year" id="year"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                            <option selected disabled>Tahun</option>
+                            <option v-for="year in upcomingYears" :value="year" :key="year">{{ year }}</option>
+                            <!-- <option value="2022">2022</option>
+                            <option value="2023">2023</option> -->
+                        </select>
+                        <div class="flex justify-center 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: '',
+                upcomingYears: []
+            }
+        },
+        mounted() {
+            this.calculateUpcomingYears();
+        },
+        methods: {
+            calculateUpcomingYears() {
+                const currentYear = new Date().getFullYear();
+                for (let i = 0; i <= 1; i++) {
+                    this.upcomingYears.push(currentYear - i);
+                }
+            },
+            async generatepdf() {
+                await this.setJenis('pdf');
+
+
+                Vue.swal({
+                    title: 'Memuatkan...',
+                    allowEscapeKey: false,
+                    allowOutsideClick: false,
+                    showCancelButton: false,
+                    showConfirmButton: false,
+                    timer: 8000,
+                });
+
+                document.getElementById("formakru").submit();
+            },
+            async generateview() {
+                await this.setJenis('view');
+
+
+                Vue.swal({
+                    title: 'Memuatkan...',
+                    allowEscapeKey: false,
+                    allowOutsideClick: false,
+                    showCancelButton: false,
+                    showConfirmButton: false,
+                    timer: 8000,
+                });
+
+                document.getElementById("formakru").submit();
+            },
+            Urlredirect: function () {
+                return window.route('cetak.akrubulan_pecahan')
+            },
+            setJenis: function (value) {
+                return this.jenisgenerate = value;
+            }
+        }
+
+    }
+
+</script>
diff --git a/resources/js/Akaun/Home.vue b/resources/js/Akaun/Home.vue
index e2b3b62..987dd8b 100644
--- a/resources/js/Akaun/Home.vue
+++ b/resources/js/Akaun/Home.vue
@@ -145,6 +145,11 @@
                     <h2 class="mx-auto text-center font-bold text-2xl uppercase">Akru Bulanan</h2>
                 </router-link>
             </div>
+            <div class="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/akrubulan">
+                    <h2 class="mx-auto text-center font-bold text-2xl uppercase">Akru Bulanan Pecahan</h2>
+                </router-link>
+            </div>
             <div class="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/serahgadai">
                     <h2 class="mx-auto text-center font-bold text-2xl uppercase">Serah Marhun Gadai </h2>
diff --git a/resources/js/ImbangDuga/index.vue b/resources/js/ImbangDuga/index.vue
new file mode 100644
index 0000000..42d259f
--- /dev/null
+++ b/resources/js/ImbangDuga/index.vue
@@ -0,0 +1,165 @@
+<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">Imbang Duga</span>
+                </div>
+                    <form method="get" id="formgadaian" :action="Urlredirect()" target="_blank">
+                    <div class="rounded bg-white shadow p-6">
+                        <div class="pb-6">
+                        <label for="username" class="font-semibold text-gray-700 block pb-1">Tarikh</label>
+                            <div class="flex">
+                                <input :value="$kodcaw" name="kodcaw" hidden/>
+                                <input :value="$hostname" name="hostname" hidden/>
+                                <input :value="jenisgenerate" type="hidden" name="jenis" />
+                                <span style="background-color: #F9FAFB" class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap">Mula</span>
+                                <input id="tarikhmula" name="datetarikh" @change="dateChecking()" class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2" type="date" />
+                                <span style="background-color: #F9FAFB" class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap">Hingga</span>
+                                <input id="tarikhhingga" name="datehingga" @change="dateChecking()" class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2" type="date"/>
+
+                            </div>
+                            
+                            <div class="flex justify-end mt-5">
+                                <!-- <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>Cari</button>
+                            </div>
+                        </div> 
+                    </div>
+                    </form>
+                </div>
+            </div>
+    </div>
+</template>
+
+<script>
+export default {
+
+    data(){
+        return{
+            jenisgenerate:'none',
+            kodcaw: ''
+        }
+    },
+    methods: {
+        async generatepdf(){
+            await this.setJenis('pdf');
+
+            var tarikhMula = document.getElementById("tarikhmula");
+            var tarikhHingga = document.getElementById("tarikhhingga");
+            
+            var tarikh1 = new Date(tarikhMula.value);
+            var tarikh2 = new Date(tarikhHingga.value);
+            var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
+            var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
+
+                if(Difference_In_Days > 62){
+    
+                    Vue.swal({
+                    text: 'Sila Pilih Tarikh Kurang Dari 2 Bulan',
+                    icon: 'error',
+                    allowEscapeKey : false,
+                    showCancelButton: false,
+                    showConfirmButton: true,
+                    
+                    
+                });
+              
+                } else{
+
+
+                    Vue.swal({
+                        title: 'Memuatkan...',
+                        allowEscapeKey : false,
+                        allowOutsideClick: false,
+                        showCancelButton: false,
+                        showConfirmButton: false,
+                        timer: 8000,
+                    });
+        
+                    document.getElementById("formgadaian").submit();
+                }
+
+            
+        },
+        async generateview(){
+            await this.setJenis('view');
+
+
+            var tarikhMula = document.getElementById("tarikhmula");
+            var tarikhHingga = document.getElementById("tarikhhingga");
+            
+            var tarikh1 = new Date(tarikhMula.value);
+            var tarikh2 = new Date(tarikhHingga.value);
+            var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
+            var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
+
+                if(Difference_In_Days > 62){
+    
+                    Vue.swal({
+                    text: 'Sila Pilih Tarikh Kurang Dari 2 Bulan',
+                    icon: 'error',
+                    allowEscapeKey : false,
+                    showCancelButton: false,
+                    showConfirmButton: true,
+                    
+                    
+                    });
+              
+                } else{
+
+                    Vue.swal({
+                        title: 'Memuatkan...',
+                        allowEscapeKey : false,
+                        allowOutsideClick: false,
+                        showCancelButton: false,
+                        showConfirmButton: false,
+                        timer: 8000,
+                    });
+
+                    document.getElementById("formgadaian").submit();
+                }
+
+            
+            
+        },
+        Urlredirect: function() {
+         return window.route('cetak.gadaian')
+        },
+        setJenis: function(value){
+            return this.jenisgenerate = value;
+        },
+
+        dateChecking(){
+            var tarikhMula = document.getElementById("tarikhmula");
+            var tarikhHingga = document.getElementById("tarikhhingga");
+            
+            var tarikh1 = new Date(tarikhMula.value);
+            var tarikh2 = new Date(tarikhHingga.value);
+            var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
+            var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
+
+                if(Difference_In_Days > 62){
+    
+                    Vue.swal({
+                    text: 'Sila Pilih Tarikh Kurang Dari 2 Bulan',
+                    icon: 'error',
+                    allowEscapeKey : false,
+                    showCancelButton: false,
+                    showConfirmButton: true,
+                    
+                    
+                });
+              
+                } 
+
+
+        }
+    }
+    
+}
+</script>
\ No newline at end of file
diff --git a/resources/js/app.js b/resources/js/app.js
index 9a57294..b7436e0 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -260,6 +260,9 @@ Vue.component('tetapan-component', require('./Tetapan/index.vue').default)
 Vue.component('pengguna-component', require('./Pengguna/index.vue').default)
 Vue.component('margin-component', require('./Tetapan/margin.vue').default)
 
+//ImbangDuga
+Vue.component('imbangduga-component', require('./ImbangDuga/index.vue').default)
+
 
 
 
diff --git a/resources/js/routes.js b/resources/js/routes.js
index 728f033..4677e17 100644
--- a/resources/js/routes.js
+++ b/resources/js/routes.js
@@ -22,6 +22,7 @@ import StokAuditBackdate from './Akaun/StokAuditBackdate'
 import Aging from './Akaun/Aging'
 import PetiBesi from './Akaun/PetiBesi'
 import AkruBulan from './Akaun/AkruBulan'
+import AkruBulanPecahan from './Akaun/AkruBulanPecahan.vue'
 import Prestasi from './Akaun/Prestasi'
 import SerahGadai from './Akaun/SerahGadai'
 import SerahTebus from './Akaun/SerahTebus'
diff --git a/resources/views/akaun/laporan_akrubulan_pecahan.blade.php b/resources/views/akaun/laporan_akrubulan_pecahan.blade.php
new file mode 100644
index 0000000..3ce3b1b
--- /dev/null
+++ b/resources/views/akaun/laporan_akrubulan_pecahan.blade.php
@@ -0,0 +1,354 @@
+<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;
+    }
+    </style>
+    
+    
+    
+    
+    <style>
+    #scan {
+      font-family: Arial, Helvetica, sans-serif;
+      border-collapse: collapse;
+      width: 100%;
+    }
+    
+    #scan td, #scan th {
+     
+      padding: 8px;
+      font-size:11px;
+    }
+    
+    #scan tr:nth-child(even){background-color: #ffffff;}
+    
+    #scan tr:hover {background-color: #ddd;}
+    
+    #scan th {
+      padding-top: 12px;
+      padding-bottom: 12px;
+      text-align: left;
+      padding:4px;
+      color:black;
+    }
+    </style>
+    
+    
+    <style>
+    #scan {
+      font-family: Arial, Helvetica, sans-serif;
+      border-collapse: collapse;
+      width: 100%;
+    }
+    
+    #scan td, #scan th {
+      border-collapse: collapse;
+      padding: 8px;
+      font-size:11px;
+    }
+    
+    #scan tr:nth-child(even){background-color: #ffffff;}
+    
+    #scan tr:hover {background-color: #ddd;}
+    
+    #scan th {
+      border-collapse: collapse;
+      padding-top: 12px;
+      padding-bottom: 12px;
+      text-align: left;
+      padding:4px;
+      color:black;
+    }
+    </style>
+    
+    
+    
+    <style>
+    #details {
+      font-family: Arial, Helvetica, sans-serif;
+      border-collapse: collapse;
+      width: 100%;
+      border-style: solid;
+    }
+    
+    #details td {
+        border-style: solid;
+      padding: 8px;
+      font-size:8px;
+    }
+
+    #details th {
+      border-style: solid;
+      font-weight:bolder;
+      text-transform: capitalize;
+      font-size:10px;
+    }
+    
+    #details tr:nth-child(even){background-color: #ffffff;}
+    
+    #details tr:hover {background-color: #ddd;}
+    
+    #details th {
+      padding-top: 12px;
+     font-style:bold;
+      padding-bottom: 12px;
+      text-align: left;
+      padding:4px;
+      color:black;
+    }
+    </style>
+    
+    <style>
+    #sign {
+      font-family: Arial, Helvetica, sans-serif;
+      border-collapse: collapse;
+      width: 100%;
+    }
+    
+    #sign td, #sign th {
+    
+      padding: 8px;
+      font-size:11px;
+      text-align: center;
+    }
+    
+    #sign tr:nth-child(even){background-color: #ffffff;}
+    
+    #sign tr:hover {background-color: #ddd;}
+    
+    #sign th {
+      padding-top: 12px;
+      padding-bottom: 12px;
+      text-align: left;
+      padding:4px;
+      color:black;
+    }
+    </style>
+    
+    
+    
+    <table id="scan">
+      <tr>
+        <th colspan ="5"><b>LAPORAN AKRU BULANAN PECAHAN </b></th>
+        <th> </th>
+        <th> </th>
+        <th>
+        </th>
+        <th></th>
+      </tr>
+      <tr>
+        <td style="width:50px" colspan="2"><b>TAHUN JANAAN:{{ $year }}  </b> 
+        </td>
+        <td></td>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+      </tr>
+    </table>
+    
+    <br>
+    <div class="paparan1">
+      <h4>PAPARAN 1%</h4>
+      <table id="details">
+        <tr style="font-weight: bold;">
+          <th style="text-align: center;">CAWANGAN</th>
+          <th style="text-align: center;">JANUARI</th>
+          <th style="text-align: center;">FEBRUARI</th>
+          <th style="text-align: center;">MAC</th>
+          <th style="text-align: center;">APRIL</th>
+          <th style="text-align: center;">MEI</th>
+          <th style="text-align: center;">JUN</th>
+          <th style="text-align: center;">JULAI</th>
+          <th style="text-align: center;">OGOS</th>
+          <th style="text-align: center;">SEPTEMBER</th>
+          <th style="text-align: center;">OKTOBER</th>
+          <th style="text-align: center;">NOVEMBER</th>
+          <th style="text-align: center;">DISEMBER</th>
+          <th style="text-align: center;">JUMLAH</th>
+      </tr>
+      
+        @php 
+          $totaljan = 0;$totalfeb = 0;$totalmac = 0;$totalapr = 0;$totalmei = 0;$totaljun = 0;$totaljul = 0;
+          $totalogo = 0;$totalsep = 0;$totalokt = 0;$totalnov = 0;$totaldis = 0;
+        @endphp
+        @foreach($akrubulan as $index=>$akru)
+        <tr>
+          <td>{{ $index }}</td>
+          @php 
+            $totalcawangan = 0;
+          @endphp
+          @foreach($akru['onepercent'] as $index2=>$ak)
+              @if(isset( $akru['onepercent'] ))
+              @php
+                $totalcawangan += $ak;
+                ($index2 == 0) ? $totaljan += $ak : $totaljan += 0;
+                ($index2 == 1) ? $totalfeb += $ak : $totalfeb += 0;
+                ($index2 == 2) ? $totalmac += $ak : $totalmac += 0;
+                ($index2 == 3) ? $totalapr += $ak : $totalapr += 0;
+                ($index2 == 4) ? $totalmei += $ak : $totalmei += 0;
+                ($index2 == 5) ? $totaljun += $ak : $totaljun += 0;
+                ($index2 == 6) ? $totaljul += $ak : $totaljul += 0;
+                ($index2 == 7) ? $totalogo += $ak : $totalogo += 0;
+                ($index2 == 8) ? $totalsep += $ak : $totalsep += 0;
+                ($index2 == 9) ? $totalokt += $ak : $totalokt += 0;
+                ($index2 == 10) ? $totalnov += $ak : $totalnov += 0;
+                ($index2 == 11) ? $totaldis += $ak : $totaldis += 0;
+
+              @endphp
+              <td style="text-align: right;">{{ number_format($ak,2) }}</td>
+              @else
+              <td>0.00</td>
+              @endif
+          @endforeach
+          <td style="text-align: right;">{{ number_format($totalcawangan,2) }}</td>
+        </tr>
+        @endforeach
+        <tfoot>
+          <th>JUMLAH</th>
+          <th style="text-align: right;">{{ number_format($totaljan,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalfeb,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalmac,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalapr,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalmei,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totaljun,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totaljul,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalogo,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalsep,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalokt,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalnov,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totaldis,2) }}</th>
+          @php 
+            $totalonepersen = $totaljan + $totalfeb + $totalmac + $totalapr + $totalmei + $totaljun + $totaljul + $totalogo + $totalsep + $totalokt + $totalnov + $totaldis;
+          @endphp
+          <th style="text-align: right;">{{ number_format($totalonepersen,2) }}</th>
+        </tfoot>
+      </table>
+    </div>
+    <br><br>
+
+    <div class="paparanujrah">
+      <h4>PAPARAN UJRAH</h4>
+      <table id="details">
+        <tr style="font-weight: bold;">
+          <th style="text-align: center;">CAWANGAN</th>
+          <th style="text-align: center;">JANUARI</th>
+          <th style="text-align: center;">FEBRUARI</th>
+          <th style="text-align: center;">MAC</th>
+          <th style="text-align: center;">APRIL</th>
+          <th style="text-align: center;">MEI</th>
+          <th style="text-align: center;">JUN</th>
+          <th style="text-align: center;">JULAI</th>
+          <th style="text-align: center;">OGOS</th>
+          <th style="text-align: center;">SEPTEMBER</th>
+          <th style="text-align: center;">OKTOBER</th>
+          <th style="text-align: center;">NOVEMBER</th>
+          <th style="text-align: center;">DISEMBER</th>
+          <th style="text-align: center;">JUMLAH</th>
+      </tr>
+      
+        @php 
+          $totaljan = 0;$totalfeb = 0;$totalmac = 0;$totalapr = 0;$totalmei = 0;$totaljun = 0;$totaljul = 0;
+          $totalogo = 0;$totalsep = 0;$totalokt = 0;$totalnov = 0;$totaldis = 0;
+        @endphp
+        @foreach($akrubulan as $index=>$akru)
+        <tr>
+          <td>{{ $index }}</td>
+          @php 
+            $totalcawangan = 0;
+          @endphp
+          @foreach($akru['ujrah'] as $index2=>$ak)
+              @if(isset( $akru['ujrah'] ))
+              @php
+                $totalcawangan += $ak;
+                ($index2 == 0) ? $totaljan += $ak : $totaljan += 0;
+                ($index2 == 1) ? $totalfeb += $ak : $totalfeb += 0;
+                ($index2 == 2) ? $totalmac += $ak : $totalmac += 0;
+                ($index2 == 3) ? $totalapr += $ak : $totalapr += 0;
+                ($index2 == 4) ? $totalmei += $ak : $totalmei += 0;
+                ($index2 == 5) ? $totaljun += $ak : $totaljun += 0;
+                ($index2 == 6) ? $totaljul += $ak : $totaljul += 0;
+                ($index2 == 7) ? $totalogo += $ak : $totalogo += 0;
+                ($index2 == 8) ? $totalsep += $ak : $totalsep += 0;
+                ($index2 == 9) ? $totalokt += $ak : $totalokt += 0;
+                ($index2 == 10) ? $totalnov += $ak : $totalnov += 0;
+                ($index2 == 11) ? $totaldis += $ak : $totaldis += 0;
+
+              @endphp
+              <td style="text-align: right;">{{ number_format($ak,2) }}</td>
+              @else
+              <td>0.00</td>
+              @endif
+          @endforeach
+          <td style="text-align: right;">{{ number_format($totalcawangan,2) }}</td>
+        </tr>
+        @endforeach
+        <tfoot>
+          <th>JUMLAH</th>
+          <th style="text-align: right;">{{ number_format($totaljan,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalfeb,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalmac,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalapr,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalmei,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totaljun,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totaljul,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalogo,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalsep,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalokt,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totalnov,2) }}</th>
+          <th style="text-align: right;">{{ number_format($totaldis,2) }}</th>
+          @php 
+            $totalonepersen = $totaljan + $totalfeb + $totalmac + $totalapr + $totalmei + $totaljun + $totaljul + $totalogo + $totalsep + $totalokt + $totalnov + $totaldis;
+          @endphp
+          <th style="text-align: right;">{{ number_format($totalonepersen,2) }}</th>
+        </tfoot>
+      </table>
+    </div>
+    
+    
+    <br>
+    <br>
+    <table id="sign">
+      <tr>
+        <td></td>
+        <td colspan="2"> .................................................................. </td>
+        <td> </td>
+        <td colspan="2">.................................................................. </td>
+        <td> </td>
+      </tr>
+      <tr>
+        <td></td>
+        <td colspan="2"><B> DI SEMAK</B> </td>
+        <td> </td>
+        <td colspan="2"><B>DI SAHKAN </B></td>
+        <td> </td>
+      </tr>
+    </table>
+    
+    
+    
+    
+    
+    
+    
\ No newline at end of file
diff --git a/resources/views/imbangduga/index.blade.php b/resources/views/imbangduga/index.blade.php
new file mode 100644
index 0000000..c4e4c1c
--- /dev/null
+++ b/resources/views/imbangduga/index.blade.php
@@ -0,0 +1,17 @@
+@extends('layouts.app')
+@section('content')
+
+    <div id="main-content" class="h-full w-full bg-gray-50 relative overflow-y-auto">
+    <main>
+
+        <div class="pt-6 px-4">
+        <breadcrumb :items="[{ 'title' : 'Imbang Duga', 'icon' : 'fas fa-toolbox' }]"></breadcrumb>
+        test
+        <imbangduga-component kodcaw="{{ Auth::user()->cawangan }}"></imbangduga-component>
+        </div>
+    </main>
+    @include('layouts.footer')
+
+</div>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/indexTetapanAdmin.blade.php b/resources/views/indexTetapanAdmin.blade.php
new file mode 100644
index 0000000..4f8a6fb
--- /dev/null
+++ b/resources/views/indexTetapanAdmin.blade.php
@@ -0,0 +1,42 @@
+@extends('layouts.app')
+
+@section('content')
+    <div class="bg-gray-900 opacity-50 hidden fixed inset-0 z-10" id="sidebarBackdrop"></div>
+    <div id="main-content" class="h-full w-full bg-gray-50 relative overflow-y-auto">
+        <main>
+
+            <div class="pt-6 px-4">
+
+                <breadcrumb :items="[{ 'title': 'Tetapan Admin', 'icon': 'fas fa-file-alt' }]"></breadcrumb>
+
+                <div class="mx-auto content-center flex justify-center items-center">
+                    <div class="grid grid-rows-1">
+                        <br>
+                        <div class="ml-3 grid grid-cols-3">
+                            <div
+                                class="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">
+                                <a href="{{ route('alirantunai') }}">
+                                    <h2 class="mx-auto text-center font-bold text-2xl uppercase">Tunai</h2>
+                                </a>
+                            </div>
+                            <div
+                                class="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">
+                                <a href="{{ route('petibesi') }}">
+                                    <h2 class="mx-auto text-center font-bold text-2xl uppercase">Peti Besi</h2>
+                                </a>
+                            </div>
+                            <div
+                                class="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">
+                                <a href="{{ route('imbangduga', ['startDate' => now()->toDateString(), 'endDate' => now()->toDateString()]) }}" class="">
+                                    <h2 class="mx-auto text-center font-bold text-2xl uppercase">Imbang Duga</h2>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+
+            </div>
+        </main>
+        @include('layouts.footer')
+    @endsection
diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
index cceaa4c..b8eaa8a 100644
--- a/resources/views/layouts/sidebar.blade.php
+++ b/resources/views/layouts/sidebar.blade.php
@@ -11,7 +11,7 @@
     </div>
     <hr>
 
-    {{-- <span class="text-sm ml-2 text-lg">Muhammad Hafifie</span> --}}
+    {{-- <span class="ml-2 text-lg">Muhammad Hafifie</span> --}}
 
     <p class="font-bold pl-5 pr-5 pt-5 pb-2 mt-5">Menu Utama</p>
     <hr>
@@ -33,7 +33,7 @@
                             <rect x="4" y="14" width="6" height="6" rx="1"></rect>
                             <rect x="14" y="14" width="6" height="6" rx="1"></rect>
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Dashboard</span>
+                        <span class="ml-2 text-lg">Dashboard</span>
                     </div>
                 </li>
             </a>
@@ -48,7 +48,7 @@
                             <path
                                 d="M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Tunai</span>
+                        <span class="ml-2 text-lg">Tunai</span>
                     </div>
                 </li>
             </a>
@@ -64,7 +64,23 @@
                             <path
                                 d="M5.035 8h1.528c.047-.184.12-.357.214-.516l-1.08-1.08A3.482 3.482 0 0 0 5.035 8zm1.369-2.303 1.08 1.08c.16-.094.332-.167.516-.214V5.035a3.482 3.482 0 0 0-1.596.662zM9 5.035v1.528c.184.047.357.12.516.214l1.08-1.08A3.482 3.482 0 0 0 9 5.035zm2.303 1.369-1.08 1.08c.094.16.167.332.214.516h1.528a3.483 3.483 0 0 0-.662-1.596zM11.965 9h-1.528c-.047.184-.12.357-.214.516l1.08 1.08A3.483 3.483 0 0 0 11.965 9zm-1.369 2.303-1.08-1.08c-.16.094-.332.167-.516.214v1.528a3.483 3.483 0 0 0 1.596-.662zM8 11.965v-1.528a1.989 1.989 0 0 1-.516-.214l-1.08 1.08A3.483 3.483 0 0 0 8 11.965zm-2.303-1.369 1.08-1.08A1.988 1.988 0 0 1 6.563 9H5.035c.085.593.319 1.138.662 1.596zM4 8.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0zm4.5-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Peti Besi</span>
+                        <span class="ml-2 text-lg">Peti Besi</span>
+                    </div>
+                </li>
+            </a>
+
+            <a href="{{ route('tetapanaros') }}"
+                class="rounded mb-2 mr-2 {{ Route::is('tetapanaros') || Route::is('tetapanaros.*')  ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
+                <li class="flex w-full justify-between text-gray-600 hover:text-gray-500 cursor-pointer items-center ">
+                    <div class="flex items-center">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
+                            class="bi bi-safe2" viewBox="0 0 16 16">
+                            <path
+                                d="M1 2.5A1.5 1.5 0 0 1 2.5 1h12A1.5 1.5 0 0 1 16 2.5v12a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 1 14.5V14H.5a.5.5 0 0 1 0-1H1V9H.5a.5.5 0 0 1 0-1H1V4H.5a.5.5 0 0 1 0-1H1v-.5zM2.5 2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5v-12a.5.5 0 0 0-.5-.5h-12z" />
+                            <path
+                                d="M5.035 8h1.528c.047-.184.12-.357.214-.516l-1.08-1.08A3.482 3.482 0 0 0 5.035 8zm1.369-2.303 1.08 1.08c.16-.094.332-.167.516-.214V5.035a3.482 3.482 0 0 0-1.596.662zM9 5.035v1.528c.184.047.357.12.516.214l1.08-1.08A3.482 3.482 0 0 0 9 5.035zm2.303 1.369-1.08 1.08c.094.16.167.332.214.516h1.528a3.483 3.483 0 0 0-.662-1.596zM11.965 9h-1.528c-.047.184-.12.357-.214.516l1.08 1.08A3.483 3.483 0 0 0 11.965 9zm-1.369 2.303-1.08-1.08c-.16.094-.332.167-.516.214v1.528a3.483 3.483 0 0 0 1.596-.662zM8 11.965v-1.528a1.989 1.989 0 0 1-.516-.214l-1.08 1.08A3.483 3.483 0 0 0 8 11.965zm-2.303-1.369 1.08-1.08A1.988 1.988 0 0 1 6.563 9H5.035c.085.593.319 1.138.662 1.596zM4 8.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0zm4.5-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
+                        </svg>
+                        <span class="ml-2 text-lg">Tetapan</span>
                     </div>
                 </li>
             </a>
@@ -79,7 +95,7 @@
                                 d="M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1h-3zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5zM.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5z" />
                             <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm8-9a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Pelanggan</span>
+                        <span class="ml-2 text-lg">Pelanggan</span>
                     </div>
                 </li>
             </a>
@@ -93,7 +109,7 @@
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                 d="M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728m-9.9-2.829a5 5 0 010-7.07m7.072 0a5 5 0 010 7.07M13 12a1 1 0 11-2 0 1 1 0 012 0z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Online</span>
+                        <span class="ml-2 text-lg">Online</span>
                     </div>
                 </li>
             </a>
@@ -108,7 +124,7 @@
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Laporan</span>
+                        <span class="ml-2 text-lg">Laporan</span>
                     </div>
                 </li>
             </a>
@@ -120,7 +136,7 @@
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                             <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
                           </svg>
-                        <span class="text-sm ml-2 text-lg">Poskod</span>
+                        <span class="ml-2 text-lg">Poskod</span>
                     </div>
                 </li>
             </a>
@@ -133,7 +149,7 @@
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                             d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
                     </svg>
-                    <span class="text-sm ml-2 text-lg">Permissions</span>
+                    <span class="ml-2 text-lg">Permissions</span>
                 </div>
             </li>
             </a> --}}
@@ -154,7 +170,7 @@
                             <rect x="4" y="14" width="6" height="6" rx="1"></rect>
                             <rect x="14" y="14" width="6" height="6" rx="1"></rect>
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Dashboard</span>
+                        <span class="ml-2 text-lg">Dashboard</span>
                     </div>
                 </li>
             </a>
@@ -168,7 +184,7 @@
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                 d="M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728m-9.9-2.829a5 5 0 010-7.07m7.072 0a5 5 0 010 7.07M13 12a1 1 0 11-2 0 1 1 0 012 0z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Bajet </span>
+                        <span class="ml-2 text-lg">Bajet </span>
                     </div>
                 </li>
             </a>
@@ -182,7 +198,7 @@
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                 d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Blacklist</span>
+                        <span class="ml-2 text-lg">Blacklist</span>
                     </div>
                 </li>
             </a>
@@ -199,7 +215,7 @@
                             <path
                                 d="M9.972 2.508a.5.5 0 0 0-.16-.556l-.178-.129a5.009 5.009 0 0 0-2.076-.783C6.215.862 4.504 1.229 2.84 3.133H1.786a.5.5 0 0 0-.354.147L.146 4.567a.5.5 0 0 0 0 .706l2.571 2.579a.5.5 0 0 0 .708 0l1.286-1.29a.5.5 0 0 0 .146-.353V5.57l8.387 8.873A.5.5 0 0 0 14 14.5l1.5-1.5a.5.5 0 0 0 .017-.689l-9.129-8.63c.747-.456 1.772-.839 3.112-.839a.5.5 0 0 0 .472-.334z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Lelong</span>
+                        <span class="ml-2 text-lg">Lelong</span>
                     </div>
                 </li>
             </a>
@@ -213,7 +229,7 @@
                             <path stroke-linecap="round" stroke-linejoin="round"
                                 d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">WTD</span>
+                        <span class="ml-2 text-lg">WTD</span>
                     </div>
                 </li>
             </a>
@@ -229,7 +245,7 @@
                                 d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" />
                             <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Tetapan</span>
+                        <span class="ml-2 text-lg">Tetapan</span>
                     </div>
                 </li>
             </a> --}}
@@ -245,7 +261,7 @@
                             d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" />
                         <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
                     </svg>
-                    <span class="text-sm ml-2 text-lg">Tetapan</span>
+                    <span class="ml-2 text-lg">Tetapan</span>
                 </div>
             </li>
         </a>
@@ -260,7 +276,7 @@
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                             d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5" />
                     </svg>
-                    <span class="text-sm ml-2 text-lg">Kelulusan</span>
+                    <span class="ml-2 text-lg">Kelulusan</span>
                 </div>
             </li>
             </a> --}}
@@ -275,7 +291,7 @@
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Laporan</span>
+                        <span class="ml-2 text-lg">Laporan</span>
                     </div>
                 </li>
             </a>
@@ -289,7 +305,7 @@
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Laporan Keseluruhan</span>
+                        <span class="ml-2 text-lg">Laporan Keseluruhan</span>
                     </div>
                 </li>
             </a>
@@ -302,7 +318,7 @@
                         <path stroke-linecap="round" stroke-linejoin="round"
                             d="M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z" />
                     </svg>
-                    <span class="text-sm ml-2 text-lg">Permohonan</span>
+                    <span class="ml-2 text-lg">Permohonan</span>
                 </div>
             </li>
             </a> --}}
@@ -318,7 +334,7 @@
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Audit</span>
+                        <span class="ml-2 text-lg">Audit</span>
                     </div>
                 </li>
             </a>
@@ -332,7 +348,7 @@
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Laporan</span>
+                        <span class="ml-2 text-lg">Laporan</span>
                     </div>
                 </li>
             </a>
@@ -346,7 +362,7 @@
                         <path stroke-linecap="round" stroke-linejoin="round"
                             d="M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z" />
                     </svg>
-                    <span class="text-sm ml-2 text-lg">Permohonan</span>
+                    <span class="ml-2 text-lg">Permohonan</span>
                 </div>
             </li>
             </a> --}}
@@ -370,7 +386,7 @@
                                 <rect x="14" y="14" width="6" height="6" rx="1">
                                 </rect>
                             </svg>
-                            <span class="text-sm ml-2 text-lg">Dashboard</span>
+                            <span class="ml-2 text-lg">Dashboard</span>
                         </div>
                     </li>
                 </a>
@@ -386,7 +402,7 @@
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                     d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
                             </svg>
-                            <span class="text-sm ml-2 text-lg">Laporan</span>
+                            <span class="ml-2 text-lg">Laporan</span>
                         </div>
                     </li>
                 </a>
@@ -411,7 +427,7 @@
                                 <rect x="14" y="14" width="6" height="6" rx="1">
                                 </rect>
                             </svg>
-                            <span class="text-sm ml-2 text-lg">Dashboard</span>
+                            <span class="ml-2 text-lg">Dashboard</span>
                         </div>
                     </li>
                 </a>
@@ -427,7 +443,7 @@
                                 d="M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1h-3zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5zM.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5z" />
                             <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm8-9a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Pelanggan</span>
+                        <span class="ml-2 text-lg">Pelanggan</span>
                     </div>
                 </li>
                 </a>    
@@ -443,7 +459,7 @@
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                     d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
                             </svg>
-                            <span class="text-sm ml-2 text-lg">Laporan</span>
+                            <span class="ml-2 text-lg">Laporan</span>
                         </div>
                     </li>
                 </a>
@@ -466,7 +482,7 @@
                             <path
                                 d="M2 1a2 2 0 0 0-2 2v9.5A1.5 1.5 0 0 0 1.5 14h.653a5.373 5.373 0 0 1 1.066-2H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v9h-2.219c.554.654.89 1.373 1.066 2h.653a1.5 1.5 0 0 0 1.5-1.5V3a2 2 0 0 0-2-2H2Z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Pengguna</span>
+                        <span class="ml-2 text-lg">Pengguna</span>
                     </div>
                 </li>
             </a>
@@ -479,7 +495,7 @@
                             <path
                                 d="M12.643 15C13.979 15 15 13.845 15 12.5V5H1v7.5C1 13.845 2.021 15 3.357 15h9.286zM5.5 7h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zM.8 1a.8.8 0 0 0-.8.8V3a.8.8 0 0 0 .8.8h14.4A.8.8 0 0 0 16 3V1.8a.8.8 0 0 0-.8-.8H.8z" />
                         </svg>
-                        <span class="text-sm ml-2 text-lg">Arkib</span>
+                        <span class="ml-2 text-lg">Arkib</span>
                     </div>
                 </li>
             </a>
@@ -492,7 +508,7 @@
             <li class="flex w-full justify-between text-white cursor-pointer items-center ">
                 <div class="flex items-center">
                     <i class="fas fa-times"></i>
-                    <span class="text-sm ml-2 text-lg">Close</span>
+                    <span class="ml-2 text-lg">Close</span>
                 </div>
             </li>
         </button>
diff --git a/routes/admin_settings.php b/routes/admin_settings.php
new file mode 100644
index 0000000..808d922
--- /dev/null
+++ b/routes/admin_settings.php
@@ -0,0 +1,10 @@
+<?php
+
+use App\Http\Controllers\AdminSettings\BalanceSheetsController;
+
+use Illuminate\Support\Facades\Route;
+
+Route::middleware(['roleChecker:admin,akaun,operasi,kpo, null'])->group(function () {
+    Route::get('', [App\Http\Controllers\HomeController::class, 'indexTetapanAdmin'])->name('tetapanaros');
+    Route::get('imbangduga', [BalanceSheetsController::class, 'index'])->name('imbangduga');
+});

From c436433765f122072fb46eb4db5687b7b00bf593 Mon Sep 17 00:00:00 2001
From: unknown <ain55645@gmail.com>
Date: Tue, 25 Jun 2024 10:52:13 +0800
Subject: [PATCH 2/3] imbangduga

---
 resources/js/ImbangDuga/index.vue             | 517 +++++++++++++-----
 .../js/components/util/ImbangdugaModal.vue    |  92 ++++
 resources/views/imbangduga/index.blade.php    |   2 +-
 resources/views/layouts/sidebar.blade.php     |  12 +-
 4 files changed, 471 insertions(+), 152 deletions(-)
 create mode 100644 resources/js/components/util/ImbangdugaModal.vue

diff --git a/resources/js/ImbangDuga/index.vue b/resources/js/ImbangDuga/index.vue
index 42d259f..e39edeb 100644
--- a/resources/js/ImbangDuga/index.vue
+++ b/resources/js/ImbangDuga/index.vue
@@ -1,165 +1,392 @@
 <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">Imbang Duga</span>
-                </div>
-                    <form method="get" id="formgadaian" :action="Urlredirect()" target="_blank">
-                    <div class="rounded bg-white shadow p-6">
-                        <div class="pb-6">
-                        <label for="username" class="font-semibold text-gray-700 block pb-1">Tarikh</label>
-                            <div class="flex">
-                                <input :value="$kodcaw" name="kodcaw" hidden/>
-                                <input :value="$hostname" name="hostname" hidden/>
-                                <input :value="jenisgenerate" type="hidden" name="jenis" />
-                                <span style="background-color: #F9FAFB" class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap">Mula</span>
-                                <input id="tarikhmula" name="datetarikh" @change="dateChecking()" class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2" type="date" />
-                                <span style="background-color: #F9FAFB" class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap">Hingga</span>
-                                <input id="tarikhhingga" name="datehingga" @change="dateChecking()" class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2" type="date"/>
-
-                            </div>
-                            
-                            <div class="flex justify-end mt-5">
-                                <!-- <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>Cari</button>
-                            </div>
-                        </div> 
+  <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"
+            >Imbang Duga</span
+          >
+        </div>
+        <form
+          method="get"
+          id="formgadaian"
+          :action="Urlredirect()"
+          target="_blank"
+        >
+          <div class="rounded bg-white shadow p-6">
+            <div class="pb-6">
+              <label
+                for="username"
+                class="font-semibold text-gray-700 block pb-1"
+                >Tarikh</label
+              >
+              <div class="flex">
+                <input :value="kodcaw" name="kodcaw" hidden />
+                <input :value="hostname" name="hostname" hidden />
+                <input :value="jenisgenerate" type="hidden" name="jenis" />
+                <span
+                  style="background-color: #f9fafb"
+                  class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap"
+                  >Mula</span
+                >
+                <input
+                  id="tarikhmula"
+                  name="datetarikh"
+                  @change="dateChecking"
+                  class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2"
+                  type="date"
+                />
+                <span
+                  style="background-color: #f9fafb"
+                  class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap"
+                  >Hingga</span
+                >
+                <input
+                  id="tarikhhingga"
+                  name="datehingga"
+                  @change="dateChecking"
+                  class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2"
+                  type="date"
+                />
+              </div>
+              <div class="flex justify-end mt-5">
+                <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>Cari
+                </button>
+              </div>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+    <div class="container mx-auto px-5 my-10">
+      <modal ref="modal" @clickEvent_="getImbangDuga"></modal>
+      <table class="min-w-full leading-normal">
+        <thead class="text-center">
+          <tr>
+            <th
+              class="px-4 py-8 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+            >
+              Bil
+            </th>
+            <th
+              class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+            >
+              Tarikh
+            </th>
+            <th
+              class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+            >
+              Kod Caw
+            </th>
+            <th
+              class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+            >
+              Tanggungan Semasa
+            </th>
+            <th
+              class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+            >
+              Harta Semasa
+            </th>
+            <th
+              class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+            >
+              Tag Telly
+            </th>
+            <th
+              class="px-10 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+            >
+              Act
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <!-- <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
+              1
+            </td>
+            <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
+              2024-06-19
+            </td> -->
+            <!-- <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
+              1234
+            </td>
+            <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
+              5000
+            </td>
+            <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
+              10000
+            </td>
+            <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
+              Tag123
+            </td> -->
+         <tr v-for="(imbangduga, i) in showimbangduga.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="(showimbangduga.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="formatterfunction(imbangduga.tarikh)">
+                      </p>
                     </div>
-                    </form>
+                  </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="formatterfunction(imbangduga.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="formatterfunction(imbangduga.tanggunganSemasa)">
+                  </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="formatterfunction(imbangduga.hartaSemasa )">
+                  </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="formatterfunction(imbangduga.tagTelly)">
+                  </p>
+                </div>
+            </div>
+         </td>
+          <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+              <button
+                @click="action('2024', 'kb2')"
+                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"
+                  width="16"
+                  height="16"
+                  fill="currentColor"
+                  class="bi bi-card-checklist"
+                  viewBox="0 0 16 16"
+                >
+                  <path
+                    d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"
+                  />
+                  <path
+                    d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"
+                  />
+                </svg>
+              </button>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <pagination :data="paginate" @clickEvent_="getImbangDuga"></pagination>
     </div>
+  </div>
 </template>
 
 <script>
+import modal from "../components/util/ImbangdugaModal.vue";
+// import pagination from './pagination.veu'
+
+const formatter = new Intl.NumberFormat("en-US", {
+  minimumFractionDigits: 2,
+});
+
 export default {
+  components: {
+    pagination,
+    modal
+  },
 
-    data(){
-        return{
-            jenisgenerate:'none',
-            kodcaw: ''
-        }
+  data() {
+    return {
+      jenisgenerate: "none",
+      kodcaw: "",
+      hostname: "",
+
+      index: 0,
+      leftToRight: true,
+      imbangduga: [],
+      PaginationLimit: 2,
+      perPage: 5,
+      totalPage: 0,
+      currentPage: 1,
+      lastPage: 5,
+      showimbangduga: [],
+      paginate: {},
+      activePage: 1,
+      showLoader: false,
+    };
+  },
+  methods: {
+    async generatepdf() {
+      await this.setJenis("pdf");
+
+      var tarikhMula = document.getElementById("tarikhmula");
+      var tarikhHingga = document.getElementById("tarikhhingga");
+
+      var tarikh1 = new Date(tarikhMula.value);
+      var tarikh2 = new Date(tarikhHingga.value);
+      var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
+      var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
+
+      if (Difference_In_Days > 62) {
+        this.$swal({
+          text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
+          icon: "error",
+          allowEscapeKey: false,
+          showCancelButton: false,
+          showConfirmButton: true,
+        });
+      } else {
+        this.$swal({
+          title: "Memuatkan...",
+          allowEscapeKey: false,
+          allowOutsideClick: false,
+          showCancelButton: false,
+          showConfirmButton: false,
+          timer: 8000,
+        });
+
+        document.getElementById("formgadaian").submit();
+      }
     },
-    methods: {
-        async generatepdf(){
-            await this.setJenis('pdf');
+    async generateview() {
+      await this.setJenis("view");
+      var tarikhMula = document.getElementById("tarikhmula");
+      var tarikhHingga = document.getElementById("tarikhhingga");
 
-            var tarikhMula = document.getElementById("tarikhmula");
-            var tarikhHingga = document.getElementById("tarikhhingga");
-            
-            var tarikh1 = new Date(tarikhMula.value);
-            var tarikh2 = new Date(tarikhHingga.value);
-            var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
-            var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
+      var tarikh1 = new Date(tarikhMula.value);
+      var tarikh2 = new Date(tarikhHingga.value);
+      var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
+      var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
 
-                if(Difference_In_Days > 62){
-    
-                    Vue.swal({
-                    text: 'Sila Pilih Tarikh Kurang Dari 2 Bulan',
-                    icon: 'error',
-                    allowEscapeKey : false,
-                    showCancelButton: false,
-                    showConfirmButton: true,
-                    
-                    
-                });
-              
-                } else{
+      if (Difference_In_Days > 62) {
+        this.$swal({
+          text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
+          icon: "error",
+          allowEscapeKey: false,
+          showCancelButton: false,
+          showConfirmButton: true,
+        });
+      } else {
+        this.$swal({
+          title: "Memuatkan...",
+          allowEscapeKey: false,
+          allowOutsideClick: false,
+          showCancelButton: false,
+          showConfirmButton: false,
+          timer: 8000,
+        });
+        document.getElementById("formgadaian").submit();
+      }
+    },
 
+    Urlredirect: function () {
+      return window.route("cetak.gadaian");
+    },
+    setJenis: function (value) {
+      this.jenisgenerate = value;
+    },
 
-                    Vue.swal({
-                        title: 'Memuatkan...',
-                        allowEscapeKey : false,
-                        allowOutsideClick: false,
-                        showCancelButton: false,
-                        showConfirmButton: false,
-                        timer: 8000,
-                    });
-        
-                    document.getElementById("formgadaian").submit();
-                }
+    dateChecking() {
+      var tarikhMula = document.getElementById("tarikhmula");
+      var tarikhHingga = document.getElementById("tarikhhingga");
 
-            
-        },
-        async generateview(){
-            await this.setJenis('view');
+      var tarikh1 = new Date(tarikhMula.value);
+      var tarikh2 = new Date(tarikhHingga.value);
+      var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
+      var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
 
+      if (Difference_In_Days > 62) {
+        this.$swal({
+          text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
+          icon: "error",
+          allowEscapeKey: false,
+          showCancelButton: false,
+          showConfirmButton: true,
+        });
+      }
+    },
+        // .then(function (response) {
+        //   console.log(response);
+        // })
 
-            var tarikhMula = document.getElementById("tarikhmula");
-            var tarikhHingga = document.getElementById("tarikhhingga");
-            
-            var tarikh1 = new Date(tarikhMula.value);
-            var tarikh2 = new Date(tarikhHingga.value);
-            var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
-            var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
-
-                if(Difference_In_Days > 62){
-    
-                    Vue.swal({
-                    text: 'Sila Pilih Tarikh Kurang Dari 2 Bulan',
-                    icon: 'error',
-                    allowEscapeKey : false,
-                    showCancelButton: false,
-                    showConfirmButton: true,
-                    
-                    
-                    });
-              
-                } else{
-
-                    Vue.swal({
-                        title: 'Memuatkan...',
-                        allowEscapeKey : false,
-                        allowOutsideClick: false,
-                        showCancelButton: false,
-                        showConfirmButton: false,
-                        timer: 8000,
-                    });
-
-                    document.getElementById("formgadaian").submit();
-                }
-
-            
-            
-        },
-        Urlredirect: function() {
-         return window.route('cetak.gadaian')
-        },
-        setJenis: function(value){
-            return this.jenisgenerate = value;
-        },
-
-        dateChecking(){
-            var tarikhMula = document.getElementById("tarikhmula");
-            var tarikhHingga = document.getElementById("tarikhhingga");
-            
-            var tarikh1 = new Date(tarikhMula.value);
-            var tarikh2 = new Date(tarikhHingga.value);
-            var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
-            var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
-
-                if(Difference_In_Days > 62){
-    
-                    Vue.swal({
-                    text: 'Sila Pilih Tarikh Kurang Dari 2 Bulan',
-                    icon: 'error',
-                    allowEscapeKey : false,
-                    showCancelButton: false,
-                    showConfirmButton: true,
-                    
-                    
-                });
-              
-                } 
-
+        // .catch(function (error) {
+        //   console.log(error);
+        // })
 
+    //     .finally(function () {});
+    // },
+    },
+    action(tarikhmula,kodcaw, tarikhhingga) {
+      this.$refs.modal.showModal = true;
+       axios.get('', {
+        params: {
+          hostname:this.$hostname,
+           kodcaw: kodcaw,
+           mula: tarikhmula,
+           hingga: tarikhhingga,
         }
-    }
-    
-}
-</script>
\ No newline at end of file
+      }).then(response => { 
+
+        if(response.data === 'sama')
+        {
+          this.showLoader = false;
+         this.$toast("Nilai Tunai sama dengan nilai tunai");
+
+        }else{
+          this.Imban = response.data;
+          this.showLoader = false;
+          this.$refs.modal.showModal = true;
+          this.$refs.modal.tarikh= tarikh;
+          this.$refs.modal.kod = kodcaw;
+          this.$refs.modal.kod = kodcaw;
+          this.$refs.modal.kod = kodcaw;
+          this.$refs.modal.kod = kodcaw;
+          this.$refs.modal.kod = kodcaw;
+          this.$refs.modal.pageNumber = this.currentPage;
+        }
+       });
+      },
+
+      getImbangDuga(pageNumber) {
+      this.axios.get(this.$hostname + "/api/reports/getBalanceSheetsList", {
+          params: {
+            kodcaw: kodcawteller,
+            mula: tarikhmula,
+            hingga: tarikhhingga,
+            page: pageNumber,
+          },
+          
+        }).then(response => {
+          console.log(response)
+        });
+
+    },
+    formatterfunction(value) {
+      return formatter.format(value);
+    },
+  }
+</script>
diff --git a/resources/js/components/util/ImbangdugaModal.vue b/resources/js/components/util/ImbangdugaModal.vue
new file mode 100644
index 0000000..53edcfc
--- /dev/null
+++ b/resources/js/components/util/ImbangdugaModal.vue
@@ -0,0 +1,92 @@
+<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-screen  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-->
+          <div class="flex items-start bg-gray-200 justify-between p-5 border-b border-solid border-blueGray-200 rounded-t">
+            <h3 class="text-3xl font-semibold">
+              Pemeriksaan Imbang Duga
+            </h3>
+            <button class="p-1 ml-auto  border-0 text-black opacity-5 float-right text-3xl leading-none font-semibold outline-none focus:outline-none" v-on:click="toggleModal()">
+              <span class=" text-black opacity-5 h-6 w-6 text-2xl block outline-none focus:outline-none">
+                ×
+              </span>
+            </button>
+          </div>
+          <!--body-->
+         
+          <!--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" type="button" v-on:click="toggleModal()">
+              Batal
+            </button>
+            <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 border border-blue-700 rounded" type="button" v-on:click="kemaskinifunc()">
+              Kemaskini
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+   </transition>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "modal",
+  data() {
+    return {
+      showModal: false,
+      tarikh: Date,
+      kodcaw: String,
+      bakiawal: 0,
+      bakiakhir: 0,
+      pendahuluan: 0,
+      serahan: 0,
+      pendteller: 0,
+      serteller: 0,
+      panjar: 0
+
+    }
+  },
+  methods: {
+    toggleModal: function(){
+      this.showModal = !this.showModal;
+    },
+    kemaskinifunc: function(){
+
+      // axios.put('/api/check/imbangduga', 
+      // { 
+      //     hostname:this.$hostname,
+      //     tarikh: this.tarikh,
+      //     kodcaw: this.kodcaw,
+      //     bakiawal: this.bakiawal.replace(/[^0-9.-]+/g,""), 
+      //     keluar: this.pendteller.replace(/[^0-9.-]+/g,""),
+      //     masuk: this.serteller.replace(/[^0-9.-]+/g,""),
+      //     pendahuluan: this.pendahuluan.replace(/[^0-9.-]+/g,""),
+      //     serahan: this.serahan.replace(/[^0-9.-]+/g,""),
+      //     panjar: this.panjar.replace(/[^0-9.-]+/g,""),
+      //     bakiakhir: this.bakiakhir.replace(/[^0-9.-]+/g,"") 
+        
+      // }).then(response => {
+
+        if(response.data == 'berjaya')
+        {
+          this.showModal = false;
+          this.$toast.success("Kemaskini Sudah Berjaya!")
+          
+          setTimeout("window.location.reload()", 3000);
+        }else{
+
+          this.showModal = false;
+          this.$toast.error("Kemaskini tidak berjaya")
+        }
+      }
+
+    }
+  }
+  
+</script>
\ No newline at end of file
diff --git a/resources/views/imbangduga/index.blade.php b/resources/views/imbangduga/index.blade.php
index c4e4c1c..5cb7968 100644
--- a/resources/views/imbangduga/index.blade.php
+++ b/resources/views/imbangduga/index.blade.php
@@ -6,7 +6,7 @@
 
         <div class="pt-6 px-4">
         <breadcrumb :items="[{ 'title' : 'Imbang Duga', 'icon' : 'fas fa-toolbox' }]"></breadcrumb>
-        test
+
         <imbangduga-component kodcaw="{{ Auth::user()->cawangan }}"></imbangduga-component>
         </div>
     </main>
diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
index b8eaa8a..ab0daaf 100644
--- a/resources/views/layouts/sidebar.blade.php
+++ b/resources/views/layouts/sidebar.blade.php
@@ -74,12 +74,12 @@
                 <li class="flex w-full justify-between text-gray-600 hover:text-gray-500 cursor-pointer items-center ">
                     <div class="flex items-center">
                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-                            class="bi bi-safe2" viewBox="0 0 16 16">
-                            <path
-                                d="M1 2.5A1.5 1.5 0 0 1 2.5 1h12A1.5 1.5 0 0 1 16 2.5v12a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 1 14.5V14H.5a.5.5 0 0 1 0-1H1V9H.5a.5.5 0 0 1 0-1H1V4H.5a.5.5 0 0 1 0-1H1v-.5zM2.5 2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5v-12a.5.5 0 0 0-.5-.5h-12z" />
-                            <path
-                                d="M5.035 8h1.528c.047-.184.12-.357.214-.516l-1.08-1.08A3.482 3.482 0 0 0 5.035 8zm1.369-2.303 1.08 1.08c.16-.094.332-.167.516-.214V5.035a3.482 3.482 0 0 0-1.596.662zM9 5.035v1.528c.184.047.357.12.516.214l1.08-1.08A3.482 3.482 0 0 0 9 5.035zm2.303 1.369-1.08 1.08c.094.16.167.332.214.516h1.528a3.483 3.483 0 0 0-.662-1.596zM11.965 9h-1.528c-.047.184-.12.357-.214.516l1.08 1.08A3.483 3.483 0 0 0 11.965 9zm-1.369 2.303-1.08-1.08c-.16.094-.332.167-.516.214v1.528a3.483 3.483 0 0 0 1.596-.662zM8 11.965v-1.528a1.989 1.989 0 0 1-.516-.214l-1.08 1.08A3.483 3.483 0 0 0 8 11.965zm-2.303-1.369 1.08-1.08A1.988 1.988 0 0 1 6.563 9H5.035c.085.593.319 1.138.662 1.596zM4 8.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0zm4.5-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
-                        </svg>
+                             class="bi bi-gear" viewBox="0 0 16 16">
+                            <path 
+                             d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0"/>
+                            <path 
+                            d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z"/>
+                          </svg>
                         <span class="ml-2 text-lg">Tetapan</span>
                     </div>
                 </li>

From 5d37a2d10073751a904b7b3f83f56d42a73ec502 Mon Sep 17 00:00:00 2001
From: Hafifie PKB <muhdhafifie97@gmail.com>
Date: Sun, 7 Jul 2024 23:45:51 +0800
Subject: [PATCH 3/3] added akru bulanan pecahan

---
 app/Http/Controllers/AkaunController.php      |  20 +
 resources/js/Akaun/Home.vue                   |   2 +-
 resources/js/ImbangDuga/index.vue             | 675 ++++++++----------
 resources/js/ImbangDuga/result.vue            | 101 +++
 .../js/components/util/ImbangdugaModal.vue    | 305 +++++---
 resources/js/routes.js                        |   2 +-
 resources/views/layouts/sidebar.blade.php     |   4 +-
 routes/web.php                                |   1 +
 8 files changed, 650 insertions(+), 460 deletions(-)
 create mode 100644 resources/js/ImbangDuga/result.vue

diff --git a/app/Http/Controllers/AkaunController.php b/app/Http/Controllers/AkaunController.php
index 14fd073..3b57432 100644
--- a/app/Http/Controllers/AkaunController.php
+++ b/app/Http/Controllers/AkaunController.php
@@ -1585,5 +1585,25 @@ class AkaunController extends Controller
 
     }
 
+    public function cetak_akrubulanpecahan(Request $request){
+        $auth_user = Auth::user();
+
+        $year = $request->year;
+        
+        $akrubulan = Http::get(config('api.url').'/api/reports/getaccrualincome/all',['kodcaw' => 'KB2','year' => $request->year])->json();
+
+        if(isset($request->jenis))
+        {
+            if($request->jenis == 'pdf')
+            {
+                $pdf = PDF::loadView('akaun.laporan_akrubulan_pecahan',compact('akrubulan','year'))->setPaper('a4', 'potrait');
+                return $pdf->download('laporan_akrubulanpecahan' . $year . '.pdf');
+            }else{
+                return view('akaun.laporan_akrubulan_pecahan',compact('akrubulan','year'));
+            }
+        }
+
+    }
+
     
 }
diff --git a/resources/js/Akaun/Home.vue b/resources/js/Akaun/Home.vue
index 987dd8b..bb2eddf 100644
--- a/resources/js/Akaun/Home.vue
+++ b/resources/js/Akaun/Home.vue
@@ -146,7 +146,7 @@
                 </router-link>
             </div>
             <div class="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/akrubulan">
+                <router-link to="/akaunhome/akrubulanpecahan">
                     <h2 class="mx-auto text-center font-bold text-2xl uppercase">Akru Bulanan Pecahan</h2>
                 </router-link>
             </div>
diff --git a/resources/js/ImbangDuga/index.vue b/resources/js/ImbangDuga/index.vue
index e39edeb..4a0b5e7 100644
--- a/resources/js/ImbangDuga/index.vue
+++ b/resources/js/ImbangDuga/index.vue
@@ -1,392 +1,323 @@
 <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"
-            >Imbang Duga</span
-          >
-        </div>
-        <form
-          method="get"
-          id="formgadaian"
-          :action="Urlredirect()"
-          target="_blank"
-        >
-          <div class="rounded bg-white shadow p-6">
-            <div class="pb-6">
-              <label
-                for="username"
-                class="font-semibold text-gray-700 block pb-1"
-                >Tarikh</label
-              >
-              <div class="flex">
-                <input :value="kodcaw" name="kodcaw" hidden />
-                <input :value="hostname" name="hostname" hidden />
-                <input :value="jenisgenerate" type="hidden" name="jenis" />
-                <span
-                  style="background-color: #f9fafb"
-                  class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap"
-                  >Mula</span
+    <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"
                 >
-                <input
-                  id="tarikhmula"
-                  name="datetarikh"
-                  @change="dateChecking"
-                  class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2"
-                  type="date"
-                />
-                <span
-                  style="background-color: #f9fafb"
-                  class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap"
-                  >Hingga</span
+                    <router-link to="/akaunhome">
+                        <i class="fas fa-backspace text-white"></i>
+                    </router-link>
+                    <span class="text-center mx-auto text-white font-bold"
+                        >Imbang Duga</span
+                    >
+                </div>
+                <form
+                    method="get"
+                    id="formgadaian"
+                    :action="Urlredirect()"
+                    target="_blank"
                 >
-                <input
-                  id="tarikhhingga"
-                  name="datehingga"
-                  @change="dateChecking"
-                  class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2"
-                  type="date"
-                />
-              </div>
-              <div class="flex justify-end mt-5">
-                <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>Cari
-                </button>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-    </div>
-    <div class="container mx-auto px-5 my-10">
-      <modal ref="modal" @clickEvent_="getImbangDuga"></modal>
-      <table class="min-w-full leading-normal">
-        <thead class="text-center">
-          <tr>
-            <th
-              class="px-4 py-8 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
-            >
-              Bil
-            </th>
-            <th
-              class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
-            >
-              Tarikh
-            </th>
-            <th
-              class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
-            >
-              Kod Caw
-            </th>
-            <th
-              class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
-            >
-              Tanggungan Semasa
-            </th>
-            <th
-              class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
-            >
-              Harta Semasa
-            </th>
-            <th
-              class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
-            >
-              Tag Telly
-            </th>
-            <th
-              class="px-10 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
-            >
-              Act
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <!-- <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
-              1
-            </td>
-            <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
-              2024-06-19
-            </td> -->
-            <!-- <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
-              1234
-            </td>
-            <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
-              5000
-            </td>
-            <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
-              10000
-            </td>
-            <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
-              Tag123
-            </td> -->
-         <tr v-for="(imbangduga, i) in showimbangduga.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="(showimbangduga.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="formatterfunction(imbangduga.tarikh)">
-                      </p>
+                    <div class="rounded bg-white shadow p-6">
+                        <div class="pb-6">
+                            <label
+                                for="username"
+                                class="font-semibold text-gray-700 block pb-1"
+                                >Tarikh</label
+                            >
+                            <div class="flex">
+                                <span
+                                    style="background-color: #f9fafb"
+                                    class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap"
+                                    >Mula</span
+                                >
+                                <input
+                                    id="tarikhmula"
+                                    name="datetarikh"
+                                    @change="dateChecking"
+                                    v-model="tarikhmula"
+                                    class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2"
+                                    type="date"
+                                />
+                                <span
+                                    style="background-color: #f9fafb"
+                                    class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap"
+                                    >Hingga</span
+                                >
+                                <input
+                                    id="tarikhhingga"
+                                    name="datehingga"
+                                    v-model="tarikhhingga"
+                                    @change="dateChecking"
+                                    class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2"
+                                    type="date"
+                                />
+                            </div>
+                            <div class="flex justify-end mt-5">
+                                <button
+                                    @click.prevent="getImbangDuga(1)"
+                                    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>Cari
+                                </button>
+                            </div>
+                        </div>
                     </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="formatterfunction(imbangduga.kodCaw)">
-                  </p>
-                </div>
+                </form>
             </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="formatterfunction(imbangduga.tanggunganSemasa)">
-                  </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="formatterfunction(imbangduga.hartaSemasa )">
-                  </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="formatterfunction(imbangduga.tagTelly)">
-                  </p>
-                </div>
-            </div>
-         </td>
-          <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
-              <button
-                @click="action('2024', 'kb2')"
-                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"
-                  width="16"
-                  height="16"
-                  fill="currentColor"
-                  class="bi bi-card-checklist"
-                  viewBox="0 0 16 16"
-                >
-                  <path
-                    d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"
-                  />
-                  <path
-                    d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"
-                  />
-                </svg>
-              </button>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      <pagination :data="paginate" @clickEvent_="getImbangDuga"></pagination>
+        </div>
+        <div class="container mx-auto px-5 my-10">
+            <modal ref="modal"></modal>
+            <table class="min-w-full leading-normal">
+                <thead class="text-center">
+                    <tr>
+                        <th
+                            class="px-4 py-8 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+                        ></th>
+                        <th
+                            class="px-4 py-8 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+                        >
+                            Bil
+                        </th>
+                        <th
+                            class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+                        >
+                            Tarikh
+                        </th>
+                        <th
+                            class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+                        >
+                            Kod Caw
+                        </th>
+                        <th
+                            class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+                        >
+                            Tanggungan Semasa
+                        </th>
+                        <th
+                            class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+                        >
+                            Harta Semasa
+                        </th>
+                        <th
+                            class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+                        >
+                            Tag Telly
+                        </th>
+                        <th
+                            class="px-10 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
+                        >
+                            Act
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="(imbangduga, i) in showimbangduga.data" :key="i">
+                        <td
+                            class="px-5 py-5 border-b border-gray-200 bg-white text-sm"
+                        >
+                         
+                        </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="showimbangduga.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="imbangduga.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="imbangduga.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="
+                                            formatterfunction(
+                                                imbangduga.totaltanggungan
+                                            )
+                                        "
+                                    ></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="
+                                            formatterfunction(
+                                                imbangduga.totalharta
+                                            )
+                                        "
+                                    ></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">
+                                    <span
+                                        :class="{
+                                            'bg-green-100 text-green-800 border-green-400 dark:text-green-400':
+                                                imbangduga.tagtally,
+                                        }"
+                                        class="bg-red-100 text-red-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-red-400 border border-red-400"
+                                        >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span
+                                    >
+                                </div>
+                            </div>
+                        </td>
+                        <td
+                            class="px-5 py-5 border-b border-gray-200 bg-white text-sm"
+                        >
+                            <button
+                                @click="action('2024', 'kb2')"
+                                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"
+                                    width="16"
+                                    height="16"
+                                    fill="currentColor"
+                                    class="bi bi-card-checklist"
+                                    viewBox="0 0 16 16"
+                                >
+                                    <path
+                                        d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"
+                                    />
+                                    <path
+                                        d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"
+                                    />
+                                </svg>
+                            </button>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+            <pagination
+                :data="paginate"
+                @clickEvent_="getImbangDuga"
+            ></pagination>
+        </div>
     </div>
-  </div>
 </template>
 
 <script>
 import modal from "../components/util/ImbangdugaModal.vue";
-// import pagination from './pagination.veu'
+import pagination from "../components/pagination.vue";
 
 const formatter = new Intl.NumberFormat("en-US", {
-  minimumFractionDigits: 2,
+    minimumFractionDigits: 2,
 });
 
 export default {
-  components: {
-    pagination,
-    modal
-  },
-
-  data() {
-    return {
-      jenisgenerate: "none",
-      kodcaw: "",
-      hostname: "",
-
-      index: 0,
-      leftToRight: true,
-      imbangduga: [],
-      PaginationLimit: 2,
-      perPage: 5,
-      totalPage: 0,
-      currentPage: 1,
-      lastPage: 5,
-      showimbangduga: [],
-      paginate: {},
-      activePage: 1,
-      showLoader: false,
-    };
-  },
-  methods: {
-    async generatepdf() {
-      await this.setJenis("pdf");
-
-      var tarikhMula = document.getElementById("tarikhmula");
-      var tarikhHingga = document.getElementById("tarikhhingga");
-
-      var tarikh1 = new Date(tarikhMula.value);
-      var tarikh2 = new Date(tarikhHingga.value);
-      var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
-      var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
-
-      if (Difference_In_Days > 62) {
-        this.$swal({
-          text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
-          icon: "error",
-          allowEscapeKey: false,
-          showCancelButton: false,
-          showConfirmButton: true,
-        });
-      } else {
-        this.$swal({
-          title: "Memuatkan...",
-          allowEscapeKey: false,
-          allowOutsideClick: false,
-          showCancelButton: false,
-          showConfirmButton: false,
-          timer: 8000,
-        });
-
-        document.getElementById("formgadaian").submit();
-      }
-    },
-    async generateview() {
-      await this.setJenis("view");
-      var tarikhMula = document.getElementById("tarikhmula");
-      var tarikhHingga = document.getElementById("tarikhhingga");
-
-      var tarikh1 = new Date(tarikhMula.value);
-      var tarikh2 = new Date(tarikhHingga.value);
-      var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
-      var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
-
-      if (Difference_In_Days > 62) {
-        this.$swal({
-          text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
-          icon: "error",
-          allowEscapeKey: false,
-          showCancelButton: false,
-          showConfirmButton: true,
-        });
-      } else {
-        this.$swal({
-          title: "Memuatkan...",
-          allowEscapeKey: false,
-          allowOutsideClick: false,
-          showCancelButton: false,
-          showConfirmButton: false,
-          timer: 8000,
-        });
-        document.getElementById("formgadaian").submit();
-      }
+    components: {
+        pagination,
+        modal,
     },
 
-    Urlredirect: function () {
-      return window.route("cetak.gadaian");
+    data() {
+        return {
+            tarikhmula: "",
+            tarikhhingga: "",
+
+            index: 0,
+            leftToRight: true,
+            imbangduga: [],
+            PaginationLimit: 2,
+            perPage: 5,
+            totalPage: 0,
+            currentPage: 1,
+            lastPage: 5,
+            showimbangduga: [],
+            paginate: {},
+            activePage: 1,
+            showLoader: false,
+        };
     },
-    setJenis: function (value) {
-      this.jenisgenerate = value;
+    methods: {
+        Urlredirect: function () {
+            return window.route("cetak.gadaian");
+        },
+
+        dateChecking() {
+            var tarikhMula = document.getElementById("tarikhmula");
+            var tarikhHingga = document.getElementById("tarikhhingga");
+
+            var tarikh1 = new Date(tarikhMula.value);
+            var tarikh2 = new Date(tarikhHingga.value);
+            var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
+            var Difference_In_Days =
+                Difference_In_Time / (1000 * 3600 * 24) + 1;
+
+            if (Difference_In_Days > 62) {
+                this.$swal({
+                    text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
+                    icon: "error",
+                    allowEscapeKey: false,
+                    showCancelButton: false,
+                    showConfirmButton: true,
+                });
+            }
+        },
+        action(tarikhmula, kodcaw, tarikhhingga) {
+            this.$refs.modal.showModal = true;
+        },
+
+        getImbangDuga(pageNumber) {
+            this.axios
+                .get(this.$hostname + "/api/reports/balancesheets/get", {
+                    params: {
+                        kodcaw: this.$kodcaw,
+                        mula: this.tarikhmula,
+                        hingga: this.tarikhhingga,
+                        page: pageNumber,
+                    },
+                })
+                .then((response) => {
+                    this.showimbangduga = response.data;
+                    this.paginate = response.data;
+                });
+        },
+
+        formatterfunction(value) {
+            return formatter.format(value);
+        },
     },
-
-    dateChecking() {
-      var tarikhMula = document.getElementById("tarikhmula");
-      var tarikhHingga = document.getElementById("tarikhhingga");
-
-      var tarikh1 = new Date(tarikhMula.value);
-      var tarikh2 = new Date(tarikhHingga.value);
-      var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
-      var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
-
-      if (Difference_In_Days > 62) {
-        this.$swal({
-          text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
-          icon: "error",
-          allowEscapeKey: false,
-          showCancelButton: false,
-          showConfirmButton: true,
-        });
-      }
-    },
-        // .then(function (response) {
-        //   console.log(response);
-        // })
-
-        // .catch(function (error) {
-        //   console.log(error);
-        // })
-
-    //     .finally(function () {});
-    // },
-    },
-    action(tarikhmula,kodcaw, tarikhhingga) {
-      this.$refs.modal.showModal = true;
-       axios.get('', {
-        params: {
-          hostname:this.$hostname,
-           kodcaw: kodcaw,
-           mula: tarikhmula,
-           hingga: tarikhhingga,
-        }
-      }).then(response => { 
-
-        if(response.data === 'sama')
-        {
-          this.showLoader = false;
-         this.$toast("Nilai Tunai sama dengan nilai tunai");
-
-        }else{
-          this.Imban = response.data;
-          this.showLoader = false;
-          this.$refs.modal.showModal = true;
-          this.$refs.modal.tarikh= tarikh;
-          this.$refs.modal.kod = kodcaw;
-          this.$refs.modal.kod = kodcaw;
-          this.$refs.modal.kod = kodcaw;
-          this.$refs.modal.kod = kodcaw;
-          this.$refs.modal.kod = kodcaw;
-          this.$refs.modal.pageNumber = this.currentPage;
-        }
-       });
-      },
-
-      getImbangDuga(pageNumber) {
-      this.axios.get(this.$hostname + "/api/reports/getBalanceSheetsList", {
-          params: {
-            kodcaw: kodcawteller,
-            mula: tarikhmula,
-            hingga: tarikhhingga,
-            page: pageNumber,
-          },
-          
-        }).then(response => {
-          console.log(response)
-        });
-
-    },
-    formatterfunction(value) {
-      return formatter.format(value);
-    },
-  }
+};
 </script>
diff --git a/resources/js/ImbangDuga/result.vue b/resources/js/ImbangDuga/result.vue
new file mode 100644
index 0000000..9a51ba1
--- /dev/null
+++ b/resources/js/ImbangDuga/result.vue
@@ -0,0 +1,101 @@
+<template>
+    <div>
+        <transition name="modal-fade">
+            <div v-if="showModal" class="modal-overlay show"></div>
+        </transition>
+        <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-screen 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-->
+                        <div
+                            class="flex items-start bg-gray-200 justify-between p-5 border-b border-solid border-blueGray-200 rounded-t"
+                        >
+                            <h3 class="text-3xl font-semibold">
+                                Hasil Penukaran
+                            </h3>
+                            <button
+                                class="p-1 ml-auto border-0 text-black opacity-5 float-right text-3xl leading-none font-semibold outline-none focus:outline-none"
+                                v-on:click="toggleModal()"
+                            >
+                                <span
+                                    class="text-black opacity-5 h-6 w-6 text-2xl block outline-none focus:outline-none"
+                                >
+                                    ×
+                                </span>
+                            </button>
+                        </div>
+                        <!--body-->
+               
+                        test
+                        <!--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"
+                                type="button"
+                                v-on:click="toggleModal()"
+                            >
+                                Batal
+                            </button>
+                            <button
+                                class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 border border-blue-700 rounded"
+                                type="button"
+                                v-on:click="kemaskinifunc()"
+                            >
+                                Kemaskini
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </transition>
+    </div>
+</template>
+
+<script>
+
+export default {
+    name: "resultmodal",
+    data() {
+        return {
+            showModal: false,
+        };
+    },
+    methods: {
+        toggleModal: function () {
+            this.showModal = !this.showModal;
+        },
+    },
+};
+</script>
+<style scoped>
+.modal-fade-enter-active,
+.modal-fade-leave-active {
+    transition: opacity 0.3s ease;
+}
+.modal-fade-enter, .modal-fade-leave-to /* .modal-fade-leave-active in <2.1.8 */ {
+    opacity: 0;
+}
+.modal-overlay {
+    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 40; /* Ensure it is behind the modal but in front of other content */
+    opacity: 0;
+    transition: opacity 0.3s ease;
+}
+.modal-overlay.show {
+    opacity: 1;
+}
+</style>
diff --git a/resources/js/components/util/ImbangdugaModal.vue b/resources/js/components/util/ImbangdugaModal.vue
index 53edcfc..750cdef 100644
--- a/resources/js/components/util/ImbangdugaModal.vue
+++ b/resources/js/components/util/ImbangdugaModal.vue
@@ -1,92 +1,229 @@
 <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-screen  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-->
-          <div class="flex items-start bg-gray-200 justify-between p-5 border-b border-solid border-blueGray-200 rounded-t">
-            <h3 class="text-3xl font-semibold">
-              Pemeriksaan Imbang Duga
-            </h3>
-            <button class="p-1 ml-auto  border-0 text-black opacity-5 float-right text-3xl leading-none font-semibold outline-none focus:outline-none" v-on:click="toggleModal()">
-              <span class=" text-black opacity-5 h-6 w-6 text-2xl block outline-none focus:outline-none">
-                ×
-              </span>
-            </button>
-          </div>
-          <!--body-->
-         
-          <!--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" type="button" v-on:click="toggleModal()">
-              Batal
-            </button>
-            <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 border border-blue-700 rounded" type="button" v-on:click="kemaskinifunc()">
-              Kemaskini
-            </button>
-          </div>
-        </div>
-      </div>
+    <div>
+        <transition name="modal-fade">
+            <div v-if="showModal" class="modal-overlay show"></div>
+        </transition>
+        <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-screen 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-->
+                        <div
+                            class="flex items-start bg-gray-200 justify-between p-5 border-b border-solid border-blueGray-200 rounded-t"
+                        >
+                            <h3 class="text-3xl font-semibold">
+                                Pemilihan Kemaskini
+                            </h3>
+                            <button
+                                class="p-1 ml-auto border-0 text-black opacity-5 float-right text-3xl leading-none font-semibold outline-none focus:outline-none"
+                                v-on:click="toggleModal()"
+                            >
+                                <span
+                                    class="text-black opacity-5 h-6 w-6 text-2xl block outline-none focus:outline-none"
+                                >
+                                    ×
+                                </span>
+                            </button>
+                        </div>
+                        <!--body-->
+                        <div>
+                            <div class="grid sm:grid-cols-3 gap-2 p-4">
+                                <label
+                                    for="checkbox-tunai"
+                                    class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
+                                >
+                                    <input
+                                        type="checkbox"
+                                        v-model="selectedCheckbox"
+                                        class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
+                                        id="checkbox-tunai"
+                                    />
+                                    <span
+                                        class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
+                                        >Tunai Di Tangan</span
+                                    >
+                                </label>
+
+                                <label
+                                    for="checkbox-pembiayaan"
+                                    class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
+                                >
+                                    <input
+                                        type="checkbox"
+                                        v-model="selectedCheckbox"
+                                        class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
+                                        id="checkbox-pembiayaan"
+                                        checked=""
+                                    />
+                                    <span
+                                        class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
+                                        >Pembiayaan Di Bawah Tawarruq</span
+                                    >
+                                </label>
+
+                                <label
+                                    for="checkbox-serahan"
+                                    class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
+                                >
+                                    <input
+                                        type="checkbox"
+                                        v-model="selectedCheckbox"
+                                        class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
+                                        id="checkbox-serahan"
+                                        checked=""
+                                    />
+                                    <span
+                                        class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
+                                        >Serahan Kepada HQ</span
+                                    >
+                                </label>
+
+                                <label
+                                    for="checkbox-pendahuluan"
+                                    class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
+                                >
+                                    <input
+                                        type="checkbox"
+                                        v-model="selectedCheckbox"
+                                        class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
+                                        id="checkbox-pendahuluan"
+                                    />
+                                    <span
+                                        class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
+                                        >Bayaran Pendahuluan</span
+                                    >
+                                </label>
+
+                                <label
+                                    for="checkbox-panjar"
+                                    class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
+                                >
+                                    <input
+                                        type="checkbox"
+                                        v-model="selectedCheckbox"
+                                        class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
+                                        id="checkbox-panjar"
+                                        checked=""
+                                    />
+                                    <span
+                                        class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
+                                        >Panjar</span
+                                    >
+                                </label>
+
+                                <label
+                                    for="checkbox-lelong"
+                                    class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
+                                >
+                                    <input
+                                        type="checkbox"
+                                        v-model="selectedCheckbox"
+                                        class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
+                                        id="checkbox-lelong"
+                                        checked=""
+                                    />
+                                    <span
+                                        class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
+                                        >Lelong</span
+                                    >
+                                </label>
+
+                                <label
+                                    for="checkbox-pendahuluanhq"
+                                    class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
+                                >
+                                    <input
+                                        type="checkbox"
+                                        v-model="selectedCheckbox"
+                                        class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
+                                        id="checkbox-pendahuluanhq"
+                                        checked=""
+                                    />
+                                    <span
+                                        class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
+                                        >Pendahuluan kepada HQ</span
+                                    >
+                                </label>
+                            </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"
+                                type="button"
+                                v-on:click="toggleModal()"
+                            >
+                                Batal
+                            </button>
+                            <button
+                                class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 border border-blue-700 rounded"
+                                type="button"
+                                v-on:click="resultfunc()"
+                            >
+                                Seterusnya
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </transition>
     </div>
-   </transition>
-  </div>
 </template>
 
 <script>
+// import modal from "../components/util/ImbangdugaModal.vue";
+import resultmodal from "../../ImbangDuga/result.vue"
+
 export default {
-  name: "modal",
-  data() {
-    return {
-      showModal: false,
-      tarikh: Date,
-      kodcaw: String,
-      bakiawal: 0,
-      bakiakhir: 0,
-      pendahuluan: 0,
-      serahan: 0,
-      pendteller: 0,
-      serteller: 0,
-      panjar: 0
-
-    }
-  },
-  methods: {
-    toggleModal: function(){
-      this.showModal = !this.showModal;
+    name: "modal",
+    components: {
+      resultmodal,
     },
-    kemaskinifunc: function(){
-
-      // axios.put('/api/check/imbangduga', 
-      // { 
-      //     hostname:this.$hostname,
-      //     tarikh: this.tarikh,
-      //     kodcaw: this.kodcaw,
-      //     bakiawal: this.bakiawal.replace(/[^0-9.-]+/g,""), 
-      //     keluar: this.pendteller.replace(/[^0-9.-]+/g,""),
-      //     masuk: this.serteller.replace(/[^0-9.-]+/g,""),
-      //     pendahuluan: this.pendahuluan.replace(/[^0-9.-]+/g,""),
-      //     serahan: this.serahan.replace(/[^0-9.-]+/g,""),
-      //     panjar: this.panjar.replace(/[^0-9.-]+/g,""),
-      //     bakiakhir: this.bakiakhir.replace(/[^0-9.-]+/g,"") 
-        
-      // }).then(response => {
-
-        if(response.data == 'berjaya')
-        {
-          this.showModal = false;
-          this.$toast.success("Kemaskini Sudah Berjaya!")
-          
-          setTimeout("window.location.reload()", 3000);
-        }else{
-
-          this.showModal = false;
-          this.$toast.error("Kemaskini tidak berjaya")
+    data() {
+        return {
+            showModal: false,
+            selectedCheckbox: [],
+        };
+    },
+    methods: {
+        toggleModal: function () {
+            this.showModal = !this.showModal;
+        },
+        resultfunc: function(){
+          console.log('test');
+          console.log(this.selectedCheckbox);
         }
-      }
-
-    }
-  }
-  
-</script>
\ No newline at end of file
+    },
+};
+</script>
+<style scoped>
+.modal-fade-enter-active,
+.modal-fade-leave-active {
+    transition: opacity 0.3s ease;
+}
+.modal-fade-enter, .modal-fade-leave-to /* .modal-fade-leave-active in <2.1.8 */ {
+    opacity: 0;
+}
+.modal-overlay {
+    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 40; /* Ensure it is behind the modal but in front of other content */
+    opacity: 0;
+    transition: opacity 0.3s ease;
+}
+.modal-overlay.show {
+    opacity: 1;
+}
+</style>
diff --git a/resources/js/routes.js b/resources/js/routes.js
index 4677e17..2fa647c 100644
--- a/resources/js/routes.js
+++ b/resources/js/routes.js
@@ -63,7 +63,6 @@ import UpahSimpanPage from './Audit/UpahSimpan'
 
 
 
-
 Vue.use(VueRouter)
 
 export default new VueRouter({
@@ -92,6 +91,7 @@ export default new VueRouter({
         { path: '/akaunhome/PetiBesi', component: PetiBesi },
         { path: '/akaunhome/prestasi', component: Prestasi },
         { path: '/akaunhome/akrubulan', component: AkruBulan },
+        { path: '/akaunhome/akrubulanpecahan', component: AkruBulanPecahan },
         { path: '/akaunhome/serahgadai', component: SerahGadai },
         { path: '/akaunhome/serahtebus', component: SerahTebus },
         { path: '/akaunhome/online', component: Online },
diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
index ab0daaf..1d3c43b 100644
--- a/resources/views/layouts/sidebar.blade.php
+++ b/resources/views/layouts/sidebar.blade.php
@@ -69,7 +69,7 @@
                 </li>
             </a>
 
-            <a href="{{ route('tetapanaros') }}"
+            {{-- <a href="{{ route('tetapanaros') }}"
                 class="rounded mb-2 mr-2 {{ Route::is('tetapanaros') || Route::is('tetapanaros.*')  ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
                 <li class="flex w-full justify-between text-gray-600 hover:text-gray-500 cursor-pointer items-center ">
                     <div class="flex items-center">
@@ -83,7 +83,7 @@
                         <span class="ml-2 text-lg">Tetapan</span>
                     </div>
                 </li>
-            </a>
+            </a> --}}
 
             <a href="{{ route('pelanggan') }}"
                 class="rounded mb-2 mr-2 {{ Route::is('pelanggan') || Route::is('pelanggan.*')  ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
diff --git a/routes/web.php b/routes/web.php
index 583326d..23f58cc 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -111,6 +111,7 @@ Route::get('/akaunhome/cetakaging',['as'=>'cetak.aging','uses'=>'App\Http\Contro
 Route::get('/akaunhome/cetakpetibesi',['as'=>'cetak.petibesi','uses'=>'App\Http\Controllers\AkaunController@cetakPetiBesi'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
 Route::get('/akaunhome/prestasi',['as'=>'cetak.prestasi','uses'=>'App\Http\Controllers\AkaunController@cetakLaporanPrestasi'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
 Route::get('/akaunhome/cetakakrubulan',['as'=>'cetak.akrubulan','uses'=>'App\Http\Controllers\AkaunController@cetak_akru_bulanan'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
+Route::get('/akaunhome/cetakakrubulanpecahan',['as'=>'cetak.akrubulan_pecahan','uses'=>'App\Http\Controllers\AkaunController@cetak_akrubulanpecahan'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
 Route::get('/akaunhome/cetakserahgadai',['as'=>'cetak.serahgadai','uses'=>'App\Http\Controllers\AkaunController@cetak_serahgadai'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
 Route::get('/akaunhome/cetakserahtebus',['as'=>'cetak.serahtebus','uses'=>'App\Http\Controllers\AkaunController@cetak_serahtebus'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
 Route::get('/akaunhome/cetakonline',['as'=>'cetak.online','uses'=>'App\Http\Controllers\AkaunController@cetak_laporan_online'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);