diff --git a/app/Http/Controllers/LaporanController.php b/app/Http/Controllers/LaporanController.php
index c06db93..3c4db49 100644
--- a/app/Http/Controllers/LaporanController.php
+++ b/app/Http/Controllers/LaporanController.php
@@ -4,6 +4,7 @@ namespace Modules\Lpj\Http\Controllers;
 
 use App\Http\Controllers\Controller;
 use Illuminate\Http\Request;
+use Modules\Lpj\Models\Permohonan;
 
 class LaporanController extends Controller
 {
@@ -37,4 +38,75 @@ class LaporanController extends Controller
     public function store(Request $request) {}
 
     public function update(Request $request, $id) {}
+
+    public function dataForDatatables(Request $request)
+    {
+        if (is_null($this->user) || !$this->user->can('debitur.view')) {
+            //abort(403, 'Sorry! You are not allowed to view users.');
+        }
+
+        // Retrieve data from the database
+        $query = Permohonan::query()->whereIn('status',['proses-laporan','done']);
+
+        $query = $query->orderBy('nomor_registrasi', 'desc');
+        // Apply search filter if provided
+        if ($request->has('search') && !empty($request->get('search'))) {
+            $search = $request->get('search');
+            $query->where(function ($q) use ($search) {
+                $q->where('nomor_registrasi', 'LIKE', '%' . $search . '%');
+                $q->orWhere('tanggal_permohonan', 'LIKE', '%' . $search . '%');
+                $q->orWhereRelation('user', 'name', 'LIKE', '%' . $search . '%');
+                $q->orWhereRelation('debiture', 'name', 'LIKE', '%' . $search . '%');
+                $q->orWhereRelation('tujuanPenilaian', 'name', 'LIKE', '%' . $search . '%');
+                $q->orWhereRelation('branch', 'name', 'LIKE', '%' . $search . '%');
+                $q->orWhere('status', 'LIKE', '%' . $search . '%');
+            });
+        }
+
+        // Apply sorting if provided
+        if ($request->has('sortOrder') && !empty($request->get('sortOrder'))) {
+            $order  = $request->get('sortOrder');
+            $column = $request->get('sortField');
+            $query->orderBy($column, $order);
+        }
+
+        // Get the total count of records
+        $totalRecords = $query->count();
+        $size         = $request->get('size', 10);
+        if ($size == 0) {
+            $size = 10;
+        }
+
+        // Apply pagination if provided
+        if ($request->has('page') && $request->has('size')) {
+            $page   = $request->get('page');
+            $size   = $request->get('size');
+            $offset = ($page - 1) * $size; // Calculate the offset
+
+            $query->skip($offset)->take($size);
+        }
+
+        // Get the filtered count of records
+        $filteredRecords = $query->count();
+
+        // Get the data for the current page
+        $data = $query->with(['user', 'debiture', 'branch', 'tujuanPenilaian', 'penilaian','jenisFasilitasKredit'])->get();
+
+        // Calculate the page count
+        $pageCount = ceil($totalRecords / $size);
+
+        // Calculate the current page number
+        $currentPage = max(1, $request->get('page', 1));
+
+        // Return the response data as a JSON object
+        return response()->json([
+            'draw'            => $request->get('draw'),
+            'recordsTotal'    => $totalRecords,
+            'recordsFiltered' => $filteredRecords,
+            'pageCount'       => $pageCount,
+            'page'            => $currentPage,
+            'totalCount'      => $totalRecords,
+            'data'            => $data,
+        ]);
+    }
 }
diff --git a/module.json b/module.json
index a4ab9c3..dd16ad9 100644
--- a/module.json
+++ b/module.json
@@ -325,7 +325,7 @@
                 ]
             },
             {
-                "title": "Laporan",
+                "title": "Resume dan Laporan",
                 "path": "laporan",
                 "icon": "ki-filled ki-filter-tablet text-lg text-primary",
                 "classes": "",
@@ -338,19 +338,6 @@
                     "admin",
                     "senior-officer"
                 ]
-            },
-            {
-                "title": "Resume",
-                "path": "resume",
-                "icon": "ki-filled ki-notepad text-lg text-primary",
-                "classes": "",
-                "attributes": [],
-                "permission": "",
-                "roles": [
-                    "administrator",
-                    "pemohon-ao",
-                    "pemohon-eo"
-                ]
             }
         ],
         "master": [
diff --git a/resources/views/laporan/index.blade.php b/resources/views/laporan/index.blade.php
index 39830e2..efbad1e 100644
--- a/resources/views/laporan/index.blade.php
+++ b/resources/views/laporan/index.blade.php
@@ -7,10 +7,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-
-
         <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
-            data-datatable-state-save="false" id="penilai-table" data-api-url="{{ route('penilai.dataForTables') }}">
+            data-datatable-state-save="false" id="laporan-table" data-api-url="{{ route('laporan.datatables') }}">
             <div class="card-header py-5 flex-wrap">
                 <h3 class="card-title">
                     Laporan
@@ -69,7 +67,8 @@
                                     <span class="sort"> <span class="sort-label"> Due Date SLA </span>
                                         <span class="sort-icon"> </span> </span>
                                 </th>
-                                <th class="min-w-[50px] text-center" data-datatable-column="actions">Action</th>
+                                <th class="min-w-[50px] text-center" data-datatable-column="status">Status</th>
+                                <th class="min-w-[50px] text-center" data-datatable-column="actions">Actions</th>
                             </tr>
                         </thead>
                     </table>
@@ -88,9 +87,124 @@
                     </div>
                 </div>
             </div>
-
-
         </div>
 
     </div>
 @endsection
+
+@push('scripts')
+    <script type="module">
+        const element = document.querySelector('#laporan-table');
+        const searchInput = document.getElementById('search');
+
+        const apiUrl = element.getAttribute('data-api-url');
+        const dataTableOptions = {
+            apiEndpoint: apiUrl,
+            pageSize: 5,
+            columns: {
+                select: {
+                    render: (item, data, context) => {
+                        const checkbox = document.createElement('input');
+                        checkbox.className = 'checkbox checkbox-sm';
+                        checkbox.type = 'checkbox';
+                        checkbox.value = data.id.toString();
+                        checkbox.setAttribute('data-datatable-row-check', 'true');
+                        return checkbox.outerHTML.trim();
+                    },
+                },
+                nomor_registrasi: {
+                    title: 'Nomor Registrasi',
+                },
+                debitur_id: {
+                    title: 'Debitur',
+                    render: (item, data) => {
+                        if (data.debiture) {
+                            return `${data.debiture.name.toUpperCase()}`;
+                        }
+                        return "-";
+                    },
+                },
+                branch_id: {
+                    title: 'Cabang Pemohon',
+                    render: (item, data) => {
+                        return `${data.branch.name}`;
+                    },
+                },
+                user_id: {
+                    title: 'User Pemohon',
+                    render: (item, data) => {
+                        return `${data.user.name}`;
+                    },
+                },
+                tujuan_penilaian_id: {
+                    title: 'Tujuan Penilaian',
+                    render: (item, data) => {
+                        switch (data.tujuan_penilaian.code) {
+                            case "TP0001":
+                                return `<span class="badge badge-sm badge-primary">${data.tujuan_penilaian.name}</span>`;
+                            case "TP0002":
+                                return `<span class="badge badge-sm badge-info">${data.tujuan_penilaian.name}</span>`;
+                            case "TP0003":
+                                return `<span class="badge badge-sm badge-success">${data.tujuan_penilaian.name}</span>`;
+                            case "TP0004":
+                                return `<span class="badge badge-sm badge-danger">${data.tujuan_penilaian.name}</span>`;
+                            case "TP0005":
+                                return `<span class="badge badge-sm badge-warning">${data.tujuan_penilaian.name}</span>`;
+                            case "TP0006":
+                                return `<span class="badge badge-sm badge-dark">${data.tujuan_penilaian.name}</span>`;
+                            case "TP0007":
+                                return `<span class="badge badge-sm badge-outline badge-info">${data.tujuan_penilaian.name}</span>`;
+                            default:
+                                return `<span class="badge badge-sm badge-outline badge-default">${data.tujuan_penilaian.name}</span>`;
+                        }
+                    },
+                },
+                jenis_fasilitas_kredit_id:{
+                    title: 'Fasilitas Kredit',
+                    render: (item, data) => {
+                        return `${data.jenis_fasilitas_kredit.name}`;
+                    }
+                },
+                tanggal_survei:{
+                    title: 'Tanggal Survei',
+                    render: (item, data) => {
+                        return '-';
+                    }
+                },
+                due_date_sla: {
+                    title: 'Due Date SLA',
+                    render: (item, data) => {
+                        return '-';
+                    }
+                },
+                status: {
+                    title: 'Status',
+                    render: (item, data) => {
+                        return `<span class="badge badge-sm badge-default uppercase flex justify-center">${data.status}</span>`;
+                    }
+                },
+                actions: {
+                    title: 'Actions',
+                    render: (item, data) => {
+                        return `
+                            <a href="" class="btn btn-sm btn-success">
+                               Resume
+                            </a>
+                            <a href="#" class="btn btn-sm btn-dark">
+                               Laporan
+                            </a>
+                        `;
+                    },
+                }
+            },
+        };
+
+        let dataTable = new KTDataTable(element, dataTableOptions);
+        // Custom search functionality
+        searchInput.addEventListener('input', function () {
+            const searchValue = this.value.trim();
+            dataTable.search(searchValue, true);
+
+        });
+    </script>
+@endpush
diff --git a/routes/web.php b/routes/web.php
index f0d3331..43f0a8e 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -349,6 +349,10 @@ Route::middleware(['auth'])->group(function () {
     });
 
     Route::resource('debitur', DebitureController::class);
+
+    Route::name('laporan.')->prefix('laporan')->group(function () {
+        Route::get('datatables', [LaporanController::class, 'dataForDatatables'])->name('datatables');
+    });
     Route::resource('laporan', LaporanController::class);