diff --git a/app/Http/Controllers/LaporanPenilaiJaminanController.php b/app/Http/Controllers/LaporanPenilaiJaminanController.php
index 6b7fc66..1832dd1 100644
--- a/app/Http/Controllers/LaporanPenilaiJaminanController.php
+++ b/app/Http/Controllers/LaporanPenilaiJaminanController.php
@@ -89,13 +89,16 @@ class LaporanPenilaiJaminanController extends Controller
             $userTeam = TeamsUsers::with('team')->firstWhere('user_id', $user->id);
             $regionId = $userTeam?->team->regions_id;
         }
-
+        $paramsSearch = null;
+        // dd($startDate);
         // Retrieve data from the database
         $query = Permohonan::query();
 
         // Apply search filter if provided
         if ($request->has('search') && !empty($request->get('search'))) {
             $search = $request->get('search');
+            $paramsSearch = json_decode($search);
+
             $query->where(function ($q) use ($search) {
                 $q->where('nomor_registrasi', 'LIKE', '%' . $search . '%')
                   ->orWhere('tanggal_permohonan', 'LIKE', '%' . $search . '%')
@@ -104,10 +107,14 @@ class LaporanPenilaiJaminanController extends Controller
                   ->orWhereRelation('tujuanPenilaian', 'name', 'LIKE', '%' . $search . '%')
                   ->orWhereRelation('branch', 'name', 'LIKE', '%' . $search . '%');
 
-                // Split search term by comma to allow multiple statuses
+                  if (!empty($paramsSearch->tanggal_awal) && !empty($paramsSearch->tanggal_akhir)) {
+                    $q->whereBetween('tanggal_permohonan', [$paramsSearch->tanggal_awal, $paramsSearch->tanggal_akhir]);
+                }
+
+
                 $statusKeywords = explode(',', $search);
                 foreach ($statusKeywords as $keyword) {
-                    $q->orWhere('status', 'LIKE', '%' . trim($keyword) . '%');
+                    $q->orWhereRelation('penilai', 'type_penilai', 'LIKE', '%' . trim($keyword) . '%');
                 }
             });
         }
diff --git a/resources/views/laporan-penilai-jaminan/index.blade.php b/resources/views/laporan-penilai-jaminan/index.blade.php
index bdf6683..7d29a7c 100644
--- a/resources/views/laporan-penilai-jaminan/index.blade.php
+++ b/resources/views/laporan-penilai-jaminan/index.blade.php
@@ -5,45 +5,45 @@
 @endsection
 
 @section('content')
-@push('styles')
-<style>
-    .dropdown {
-        position: relative;
-        display: inline-block;
-    }
+    @push('styles')
+        <style>
+            .dropdown {
+                position: relative;
+                display: inline-block;
+            }
 
-    .dropdowns-content {
-        display: none;
-        position: absolute;
-        background-color: white;
-        min-width: 224px;
-        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
-        z-index: 1;
-        margin-top: 0;
-        /* Hilangkan jarak antara tombol dan dropdown */
-    }
+            .dropdowns-content {
+                display: none;
+                position: absolute;
+                background-color: white;
+                min-width: 224px;
+                box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+                z-index: 1;
+                margin-top: 0;
+                /* Hilangkan jarak antara tombol dan dropdown */
+            }
 
-    .dropdown:hover .dropdowns-content {
-        display: block;
-    }
+            .dropdown:hover .dropdowns-content {
+                display: block;
+            }
 
-    /* Tambahkan hover untuk elemen dropdown agar tidak hilang */
-    .dropdowns-content:hover {
-        display: block;
-    }
+            /* Tambahkan hover untuk elemen dropdown agar tidak hilang */
+            .dropdowns-content:hover {
+                display: block;
+            }
 
-    .dropdowns-content a {
-        color: black;
-        padding: 12px 16px;
-        text-decoration: none;
-        display: block;
-    }
+            .dropdowns-content a {
+                color: black;
+                padding: 12px 16px;
+                text-decoration: none;
+                display: block;
+            }
 
-    .dropdowns-content a:hover {
-        background-color: #f1f1f1;
-    }
-</style>
-@endpush
+            .dropdowns-content a:hover {
+                background-color: #f1f1f1;
+            }
+        </style>
+    @endpush
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
         <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="laporan-penilai-jaminan-table"
@@ -76,9 +76,8 @@
                     <div class="flex">
                         <!-- Custom dropdown for status filter -->
                         <div class="dropdown" data-dropdown="true" data-dropdown-trigger="click">
-                            <button
-                                class="dropdowns-toggle btn  btn-light inline-flex justify-between w-full items-center">
-                                Pilih Status
+                            <button class="dropdowns-toggle btn  btn-light inline-flex justify-between w-full items-center">
+                                Pilih Type Laporan
                                 <i class="ki-outline ki-down dropdown-open:hidden">
                                 </i>
                                 <i class="ki-outline ki-up hidden dropdown-open:block">
@@ -96,9 +95,16 @@
                                         </label>
                                     </div>
                                     <!-- Dinamis Status dari Backend -->
-                                @php
-                                    $status_laporan = ['Standar', 'Sederhana', 'Memo', 'Resume', 'Call Report', 'RAP'];
-                                @endphp
+                                    @php
+                                        $status_laporan = [
+                                            'Standar',
+                                            'Sederhana',
+                                            'Memo',
+                                            'Resume',
+                                            'Call Report',
+                                            'RAP',
+                                        ];
+                                    @endphp
                                     @foreach ($status_laporan as $item)
                                         <div class="menu-item">
                                             <label class="menu-link flex items-center px-4 py-2 text-sm text-gray-700">
@@ -216,10 +222,15 @@
         const dataTableOptions = {
             apiEndpoint: apiUrl,
             pageSize: 5,
+            params: {
+                startDate: '',
+                endDate: '',
+            },
             order: [{
                 column: 'nomor_registrasi',
                 dir: 'asc'
             }],
+
             columns: {
                 select: {
                     render: (item, data, context) => {
@@ -292,7 +303,8 @@
                     },
                 },
 
-            }
+            },
+
         };
 
         let dataTable = new KTDataTable(element, dataTableOptions);
@@ -312,14 +324,20 @@
             const tanggalAwal = tanggalAwalInput.value;
             const tanggalAkhir = tanggalAkhirInput.value;
 
-            if (tanggalAwal && tanggalAkhir) {
-                // Reload the table with date filters
-                dataTable.setParameter('tanggal_awal', tanggalAwal);
-                dataTable.setParameter('tanggal_akhir', tanggalAkhir);
-                dataTable.reload();
-            } else {
-                alert('Mohon isi tanggal awal dan tanggal akhir');
+            let filters = {};
+            if (searchInput.value) {
+                filters.search = searchInput.value;
             }
+
+            if (tanggalAwal) {
+                filters.tanggal_awal = tanggalAwal
+            }
+
+            if (tanggalAkhir) {
+                filters.tanggal_akhir = tanggalAkhir
+            }
+
+            dataTable.search(filters);
         }
 
         // Status filter functionality
@@ -342,9 +360,11 @@
                 .map(checkbox => checkbox.value);
 
             if (selectedStatuses.length === 0) {
-                dataTable.setParameter('status', null);
+                dataTable.search('');
+                console.log(selectedStatuses);
             } else {
-                dataTable.setParameter('status', selectedStatuses);
+                dataTable.search(selectedStatuses.join(','), true);
+                console.log(selectedStatuses);
             }
 
             dataTable.reload();