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']);