✨ feat(api,noc): Tambah API pencarian debitur dan perbaikan filter jenis penilaian

- API Debitur Controller: method search() (min 2 karakter), getByCode(), transaksi DB, logging, response JSON konsisten
- Batasi hasil pencarian maksimal 20 item untuk performa optimal
- Support pencarian berdasarkan CIF dan nama debitur
- Tambah import JenisPenilaian di NocController
- Perbaiki method penyelesaian() untuk mengirim data jenisPenilaians ke view
- Tambahkan filter nama jenis penilaian di dataForDatatablesPenyelesaian() dan kolom jenis_penilaian pada response tabel
- Update UI view penyelesaian: dropdown dinamis, kolom sortable, integrasi DataTable, perbaikan layout
- Validasi input & keamanan: transaction handling, logging, conditional debug response, SQL injection protection
- Peningkatan UX: autocomplete search, filter responsif, pesan error informatif, loading state, format response konsisten

resources/views/noc/penyelesaian.blade.php

@@ -19,6 +19,14 @@
                         </label>
                     </div>
                     <div class="flex flex-wrap gap-2.5">
+                        <div class="flex">
+                            <select id="jenis_penilaian_filter" class="select select-sm">
+                                <option value="">Semua Jenis Penilaian</option>
+                                @foreach ($jenisPenilaians as $jenisPenilaian)
+                                    <option value="{{ $jenisPenilaian->name }}">{{ $jenisPenilaian->name }}</option>
+                                @endforeach
+                            </select>
+                        </div>
                         <div class="h-[24px] border border-r-gray-200"></div>
                         <a class="btn btn-sm btn-light" href="#"> Export to Excel </a>
                     </div>
@@ -51,6 +59,10 @@
                                     <span class="sort"> <span class="sort-label"> Cabang </span>
                                         <span class="sort-icon"> </span> </span>
                                 </th>
+                                <th class="min-w-[150px]" data-datatable-column="jenis_penilaian">
+                                    <span class="sort"> <span class="sort-label"> Jenis Penilaian </span>
+                                        <span class="sort-icon"> </span> </span>
+                                </th>
                                 <th class="min-w-[150px]" data-datatable-column="tanggal_setor">
                                     <span class="sort"> <span class="sort-label"> Tanggal KSL </span>
                                         <span class="sort-icon"> </span> </span>
@@ -136,6 +148,7 @@
         <script type="module">
             const element = document.querySelector('#noc-table');
             const searchInput = document.getElementById('search');
+            const jenisPenilaianFilter = document.getElementById('jenis_penilaian_filter');
 
             const apiUrl = element.getAttribute('data-api-url');
             const dataTableOptions = {
@@ -167,6 +180,9 @@
                             return data.kode_cabang + ' - ' + data.cabang;
                         }
                     },
+                    jenis_penilaian: {
+                        title: 'Jenis Penilaian'
+                    },
                     tanggal_setor: {
                         title: 'Tanggal Setor',
                     },
@@ -252,5 +268,15 @@
                 const searchValue = this.value.trim();
                 dataTable.search(searchValue, true);
             });
+
+            // Filter berdasarkan jenis penilaian
+            jenisPenilaianFilter.addEventListener('change', function() {
+                const filterValue = this.value.trim();
+                if (filterValue === '') {
+                    dataTable.search('', true); // Reset filter
+                } else {
+                    dataTable.search(filterValue, true);
+                }
+            });
         </script>
     @endpush