diff --git a/DataTables/HapusBukuDataTable.php b/DataTables/HapusBukuDataTable.php
new file mode 100644
index 0000000..f53d51c
--- /dev/null
+++ b/DataTables/HapusBukuDataTable.php
@@ -0,0 +1,149 @@
+<?php
+
+    namespace Modules\Writeoff\DataTables;
+
+    use Carbon\Carbon;
+    use Illuminate\Database\Eloquent\Builder as QueryBuilder;
+    use Illuminate\Support\Number;
+    use Modules\Writeoff\Entities\Branch;
+    use Modules\Writeoff\Entities\FacilityType;
+    use Modules\Writeoff\Entities\LoanType;
+    use Modules\Writeoff\Entities\HapusBuku;
+    use Nwidart\Modules\Facades\Module;
+    use Yajra\DataTables\EloquentDataTable;
+    use Yajra\DataTables\Html\Builder as HtmlBuilder;
+    use Yajra\DataTables\Html\Column;
+    use Yajra\DataTables\Services\DataTable;
+
+    class HapusBukuDataTable extends DataTable
+    {
+        /**
+         * Build the DataTable class.
+         *
+         * @param QueryBuilder $query Results from query() method.
+         */
+        public function dataTable(QueryBuilder $query)
+        : EloquentDataTable
+        {
+            return (new EloquentDataTable($query))->filter(callback: function ($query) {
+                if (request()->has('search')) {
+                    $search = request()->get('search');
+                    $query->where('nomor_pinjaman', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('kode_jenis_pinjaman', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('kode_debitur', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('alamat_debitur', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('npwp_debitur', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('kode_cabang', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('kode_mata_uang', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('tanggal_hapus_buku', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('nomor_fasilitas', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('kode_jenis_fasilitas', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('nilai_plafond_awal', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('suku_bunga', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('baki_debet', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('jumlah_bunga', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('jumlah_kewajiban_lain', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('total_kewajiban', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('total_bunga_extra', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('bunga_ekstra', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('bunga_non_ekstra', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('denda', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('tagihan_lain', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('biaya_lain', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('total_all_kewajiban', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('memo_persetujuan', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('lama_hari', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('proses_hukum', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('komitmen_debitur', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('keterangan', 'like', "%" . $search['value'] . "%")
+                          ->orWhere('status', 'like', "%" . $search['value'] . "%");
+                }
+            })->addIndexColumn()->editColumn('tanggal_hapus_buku', function ($row) {
+                $date = Carbon::create($row->tanggal_hapus_buku);
+                return $date->locale('id')->translatedFormat('d F Y');
+            })->editColumn('cabang', function ($row) {
+               return Branch::where('kode', $row->kode_cabang)->first()->name;
+            })->editColumn('jenis_pinjaman', function ($row) {
+                return LoanType::where('kode', $row->kode_jenis_pinjaman)->first()->name;
+            })->editColumn('jenis_fasilitas', function ($row) {
+                return FacilityType::where('kode', $row->kode_jenis_fasilitas)->first()->name;
+            })->editColumn('updated_at', function ($row) {
+                return $row->updated_at->locale('id')->translatedFormat('d F Y H:i:s');
+            })->editColumn('total_kewajiban', function ($row) {
+                return Number::currency($row->total_kewajiban,'IDR','id_ID');
+            })->editColumn('status', function ($row) {
+                $status = $row->status ? '<span class="badge badge-light-success">Aktif</span>' : '<span class="badge badge-light-danger">Tidak Aktif</span>';
+                $oto    = $row->authorized_at !== null ? '<span class="badge badge-light-success">Authorised</span>' : '<span class="badge badge-light-danger">Not Authorised</span>';
+                return $status . ' ' . $oto;
+            })->rawColumns(['action', 'status'])->addColumn('action', function ($hapus_buku) {
+                return view('writeoff::pencatatan.hapus_buku._actions', compact('hapus_buku'));
+            })->setRowId('id');
+        }
+
+        private function rupiah($expression)
+        {
+            return "Rp. " . number_format($expression, 2, ',', '.');
+        }
+
+        /**
+         * Get the query source of dataTable.
+         */
+        public function query(HapusBuku $model)
+        : QueryBuilder
+        {
+            return $model->newQuery();
+        }
+
+        /**
+         * Optional method if you want to use the html builder.
+         */
+        public function html()
+        : HtmlBuilder
+        {
+            return $this->builder()
+                        ->setTableId('hapus-buku-table')
+                        ->columns($this->getColumns())
+                        ->minifiedAjax()
+                        ->stateSave(false)
+                        ->responsive()
+                        ->autoWidth(true)
+                        ->orderBy(1)
+                        ->parameters([
+                            'scrollX'      => false,
+                            'drawCallback' => 'function() { KTMenu.createInstances(); }',
+                        ])
+                        ->addTableClass('align-middle table-row-dashed fs-6 gy-5')
+                        ->drawCallback("function() {" . file_get_contents(Module::getModulePath('writeoff') . 'Resources/views/pencatatan/hapus_buku/_draw-scripts.js') . "}");
+        }
+
+        /**
+         * Get the dataTable columns definition.
+         */
+        public function getColumns()
+        : array
+        {
+            return [
+                Column::make('DT_RowIndex')->title('No')->orderable(false)->searchable(false),
+                Column::make('nomor_pinjaman')->title('Nomor Pinjaman'),
+                Column::make('debitur')->title('Debitur'),
+                Column::make('cabang')->title('Cabang'),
+                Column::make('jenis_pinjaman')->title('Jenis Pinjaman'),
+                Column::make('jenis_fasilitas')->title('Jenis Fasilitas'),
+                Column::make('tanggal_hapus_buku')->title('Tanggal Hapus Buku'),
+                Column::make('total_kewajiban')->title('Total Kewajiban'),
+                Column::make('memo_persetujuan')->title('Memo Persetujuan'),
+                Column::make('keterangan')->title('Keterangan'),
+                Column::make('status')->title('status'),
+                Column::computed('action')->exportable(false)->printable(false)->width(60)->addClass('text-center')
+            ];
+        }
+
+        /**
+         * Get the filename for export.
+         */
+        protected function filename()
+        : string
+        {
+            return 'HapusBuku_' . date('YmdHis');
+        }
+    }
diff --git a/DataTables/SubrogasiJamkrindoDataTable.php b/DataTables/SubrogasiJamkrindoDataTable.php
index e28b4f1..de8591d 100644
--- a/DataTables/SubrogasiJamkrindoDataTable.php
+++ b/DataTables/SubrogasiJamkrindoDataTable.php
@@ -10,6 +10,7 @@
     use Yajra\DataTables\Html\Builder as HtmlBuilder;
     use Yajra\DataTables\Html\Column;
     use Yajra\DataTables\Services\DataTable;
+    use Illuminate\Support\Number;
 
     class SubrogasiJamkrindoDataTable extends DataTable
     {
@@ -44,11 +45,11 @@
                     $date = Carbon::create($row->tanggal_pengajuan_klaim);
                     return $date->locale('id')->translatedFormat('d F Y');
                 })->editColumn('plafond', function ($row) {
-                    return $this->rupiah($row->plafond);
+                    return Number::currency($row->plafond,'IDR','id_ID');
                 })->editColumn('piutang_subrogasi', function ($row) {
-                    return $this->rupiah($row->piutang_subrogasi);
+                    return Number::currency($row->piutang_subrogasi,'IDR','id_ID');
                 })->editColumn('sisa_piutang_subrogasi', function ($row) {
-                    return $this->rupiah($row->sisa_piutang_subrogasi);
+                    return Number::currency($row->sisa_piutang_subrogasi,'IDR','id_ID');
                 })->editColumn('is_lunas_subrogasi', function ($row) {
                     return $row->is_lunas_subrogasi ? 'Lunas' : 'Belum Lunas';
                 })->editColumn('updated_at', function ($row) {
@@ -58,11 +59,6 @@
                 })->setRowId('id');
         }
 
-        private function rupiah($expression)
-        {
-            return "Rp. " . number_format($expression, 2, ',', '.');
-        }
-
         /**
          * Get the query source of dataTable.
          */
diff --git a/Database/Migrations/2023_12_05_033249_create_hapus_buku_table.php b/Database/Migrations/2023_12_05_033249_create_hapus_buku_table.php
index a0d5669..934a2b3 100644
--- a/Database/Migrations/2023_12_05_033249_create_hapus_buku_table.php
+++ b/Database/Migrations/2023_12_05_033249_create_hapus_buku_table.php
@@ -17,6 +17,7 @@
                 $table->string('nomor_pinjaman', 20);
                 $table->integer('kode_jenis_pinjaman', false, true);
                 $table->integer('kode_debitur', false, true);
+                $table->string('nama_debitur');
                 $table->text('alamat_debitur')->nullable();
                 $table->string('npwp_debitur', 16)->nullable();
                 $table->string('kode_cabang', 11);
diff --git a/Entities/HapusBuku.php b/Entities/HapusBuku.php
index 2280d14..95fbc8f 100644
--- a/Entities/HapusBuku.php
+++ b/Entities/HapusBuku.php
@@ -10,6 +10,7 @@
             'nomor_pinjaman',
             'kode_jenis_pinjaman',
             'kode_debitur',
+            'nama_debitur',
             'alamat_debitur',
             'npwp_debitur',
             'kode_cabang',
diff --git a/Http/Controllers/HapusBukuController.php b/Http/Controllers/HapusBukuController.php
new file mode 100644
index 0000000..f5575b5
--- /dev/null
+++ b/Http/Controllers/HapusBukuController.php
@@ -0,0 +1,37 @@
+<?php
+
+    namespace Modules\Writeoff\Http\Controllers;
+
+    use App\Http\Controllers\Controller;
+    use Illuminate\Http\Request;
+    use Illuminate\Support\Facades\Auth;
+    use Modules\Writeoff\DataTables\HapusBukuDataTable;
+
+    class HapusBukuController extends Controller
+    {
+        public $user;
+
+        public function __construct()
+        {
+            $this->middleware(function ($request, $next) {
+                $this->user = Auth::guard('web')->user();
+                return $next($request);
+            });
+        }
+
+        /**
+         * Display a listing of the SubrogasiJamkrindos.
+         *
+         * @param \Modules\Writeoff\DataTables\HapusBukuDataTable $dataTable
+         *
+         * @return mixed
+         */
+        public function index(HapusBukuDataTable $dataTable, Request $request)
+        {
+            if (is_null($this->user) || !$this->user->can('master.read')) {
+                abort(403, 'Sorry !! You are Unauthorized to view any master data !');
+            }
+
+            return $dataTable->render('writeoff::pencatatan.hapus_buku.index');
+        }
+    }
diff --git a/Http/Requests/HapusBuku/StoreHapusBukuRequest.php b/Http/Requests/HapusBuku/StoreHapusBukuRequest.php
index 3e9bc6b..5172a9e 100644
--- a/Http/Requests/HapusBuku/StoreHapusBukuRequest.php
+++ b/Http/Requests/HapusBuku/StoreHapusBukuRequest.php
@@ -31,6 +31,7 @@
                 'nomor_pinjaman'        => 'required|integer',
                 'kode_jenis_pinjaman'   => 'required|integer',
                 'kode_debitur'          => 'required|integer',
+                'nama_debitur'          => 'required|string',
                 'alamat_debitur'        => 'nullable|string',
                 'npwp_debitur'          => 'nullable|string',
                 'kode_cabang'           => 'required|string',
diff --git a/Http/Requests/HapusBuku/UpdateHapusBukuRequest.php b/Http/Requests/HapusBuku/UpdateHapusBukuRequest.php
index 9a23450..cebbdd6 100644
--- a/Http/Requests/HapusBuku/UpdateHapusBukuRequest.php
+++ b/Http/Requests/HapusBuku/UpdateHapusBukuRequest.php
@@ -1,6 +1,6 @@
 <?php
 
-    namespace Modules\Writeoff\Http\Requests\SubrogasiJamkrindo;
+    namespace Modules\Writeoff\Http\Requests\HapusBuku;
 
     use Illuminate\Foundation\Http\FormRequest;
     use Illuminate\Http\Exceptions\HttpResponseException;
@@ -28,22 +28,36 @@
         : array
         {
             return [
-                'nomor_pinjaman'          => 'required|integer',
-                'kode_debitur'            => 'required|integer',
-                'nama_debitur'            => 'required|string',
-                'kode_cabang'             => 'required|string',
-                'nama_cabang'             => 'required|string',
-                'nomor_rekening'          => 'required|integer',
-                'nama_rekening'           => 'required|string',
-                'plafond'                 => 'required|numeric',
-                'tenor'                   => 'required|integer',
-                'tanggal_pengajuan_klaim' => 'required|date',
-                'piutang_subrogasi'       => 'required|numeric',
-                'total_bayar_subrogasi'   => 'required|numeric',
-                'sisa_piutang_subrogasi'  => 'required|numeric',
-                'is_lunas_subrogasi'      => 'required|boolean',
-                'keterangan'              => 'nullable|string',
-                'status'                  => 'nullable|boolean',
+                'nomor_pinjaman'        => 'required|integer',
+                'kode_jenis_pinjaman'   => 'required|integer',
+                'kode_debitur'          => 'required|integer',
+                'nama_debitur'          => 'required|string',
+                'alamat_debitur'        => 'nullable|string',
+                'npwp_debitur'          => 'nullable|string',
+                'kode_cabang'           => 'required|string',
+                'kode_mata_uang'        => 'required|string',
+                'tanggal_hapus_buku'    => 'required|date',
+                'nomor_fasilitas'       => 'required|string',
+                'kode_jenis_fasilitas'  => 'required|integer',
+                'nilai_plafond_awal'    => 'required|numeric',
+                'suku_bunga'            => 'required|integer',
+                'baki_debet'            => 'required|numeric',
+                'jumlah_bunga'          => 'required|numeric',
+                'jumlah_kewajiban_lain' => 'nullable|numeric',
+                'total_kewajiban'       => 'nullable|numeric',
+                'total_bunga_extra'     => 'required|numeric',
+                'bunga_ekstra'          => 'nullable|numeric',
+                'bunga_non_ekstra'      => 'required|numeric',
+                'denda'                 => 'nullable|numeric',
+                'tagihan_lain'          => 'required|numeric',
+                'biaya_lain'            => 'required|numeric',
+                'total_all_kewajiban'   => 'nullable|numeric',
+                'memo_persetujuan'      => 'nullable|string',
+                'lama_hari'             => 'nullable|integer',
+                'proses_hukum'          => 'nullable|string',
+                'komitmen_debitur'      => 'nullable|string',
+                'keterangan'            => 'nullable|string',
+                'status'                => 'nullable|boolean',
             ];
         }
 
@@ -61,8 +75,8 @@
                     }
 
                     return redirect()
-                        ->route('pencatatan.subrogasi_jamkrindo.index')
-                        ->with('error', 'Subrogasi Jamkrindo updated failed.');
+                        ->route('pencatatan.hapus_buku.index')
+                        ->with('error', 'Hapus Buku updated failed.');
                 }
             });
         }
@@ -75,7 +89,7 @@
             throw new HttpResponseException(response()->json([
                 'success'  => false,
                 'errors'   => $errors,
-                'messages' => 'Subrogasi Jamkrindo updated failed.'
+                'messages' => 'Hapus Buku updated failed.'
             ], JsonResponse::HTTP_UNPROCESSABLE_ENTITY));
         }
     }
diff --git a/Livewire/HapusBuku/HapusBukuModal.php b/Livewire/HapusBuku/HapusBukuModal.php
new file mode 100644
index 0000000..aa292ed
--- /dev/null
+++ b/Livewire/HapusBuku/HapusBukuModal.php
@@ -0,0 +1,200 @@
+<?php
+
+    namespace Modules\Writeoff\Livewire\HapusBuku;
+
+    use Illuminate\Support\Facades\DB;
+    use Livewire\Component;
+    use Modules\Writeoff\Entities\Branch;
+    use Modules\Writeoff\Entities\Debitur;
+    use Modules\Writeoff\Entities\FacilityType;
+    use Modules\Writeoff\Entities\HapusBuku;
+    use Modules\Writeoff\Entities\LoanType;
+    use Modules\Writeoff\Http\Requests\HapusBuku\StoreHapusBukuRequest;
+    use Modules\Writeoff\Http\Requests\HapusBuku\UpdateHapusBukuRequest;
+
+    class HapusBukuModal extends Component
+    {
+        public $id;
+        public $nomor_pinjaman;
+        public $kode_jenis_pinjaman;
+        public $kode_debitur;
+        public $nama_debitur;
+        public $alamat_debitur;
+        public $npwp_debitur;
+        public $kode_cabang;
+        public $kode_mata_uang;
+        public $tanggal_hapus_buku;
+        public $nomor_fasilitas;
+        public $kode_jenis_fasilitas;
+        public $nilai_plafond_awal;
+        public $suku_bunga;
+        public $baki_debet;
+        public $jumlah_bunga;
+        public $jumlah_kewajiban_lain;
+        public $total_kewajiban;
+        public $total_bunga_extra;
+        public $bunga_ekstra;
+        public $bunga_non_ekstra;
+        public $denda;
+        public $tagihan_lain;
+        public $biaya_lain;
+        public $total_all_kewajiban;
+        public $memo_persetujuan;
+        public $lama_hari;
+        public $proses_hukum;
+        public $komitmen_debitur;
+        public $keterangan;
+        public $status;
+
+        public $edit_mode = false;
+
+        protected $listeners = [
+            'delete' => 'delete',
+            'update' => 'update',
+        ];
+
+        public function render()
+        {
+            $branch = Branch::all();
+            $loan_type = LoanType::all();
+            $facility_type = FacilityType::all();
+
+            return view('writeoff::livewire.hapus-buku.hapus-buku-modal', compact('branch', 'loan_type', 'facility_type'));
+        }
+
+        public function submit()
+        {
+            $this->validate();
+
+            // Validate the form input data
+            DB::transaction(function () {
+                // Prepare the data for creating a new user
+                $data = [
+                    'nomor_pinjaman'        => $this->nomor_pinjaman,
+                    'kode_jenis_pinjaman'   => $this->kode_jenis_pinjaman,
+                    'kode_debitur'          => $this->kode_debitur,
+                    'nama_debitur'          => $this->nama_debitur,
+                    'alamat_debitur'        => $this->alamat_debitur,
+                    'npwp_debitur'          => $this->npwp_debitur,
+                    'kode_cabang'           => $this->kode_cabang,
+                    'kode_mata_uang'        => $this->kode_mata_uang,
+                    'tanggal_hapus_buku'    => $this->tanggal_hapus_buku,
+                    'nomor_fasilitas'       => $this->nomor_fasilitas,
+                    'kode_jenis_fasilitas'  => $this->kode_jenis_fasilitas,
+                    'nilai_plafond_awal'    => $this->nilai_plafond_awal,
+                    'suku_bunga'            => $this->suku_bunga,
+                    'baki_debet'            => $this->baki_debet,
+                    'jumlah_bunga'          => $this->jumlah_bunga,
+                    'jumlah_kewajiban_lain' => $this->jumlah_kewajiban_lain,
+                    'total_kewajiban'       => $this->total_kewajiban,
+                    'total_bunga_extra'     => $this->total_bunga_extra,
+                    'bunga_ekstra'          => $this->bunga_ekstra,
+                    'bunga_non_ekstra'      => $this->bunga_non_ekstra,
+                    'denda'                 => $this->denda,
+                    'tagihan_lain'          => $this->tagihan_lain,
+                    'biaya_lain'            => $this->biaya_lain,
+                    'total_all_kewajiban'   => $this->total_all_kewajiban,
+                    'memo_persetujuan'      => $this->memo_persetujuan,
+                    'lama_hari'             => $this->lama_hari,
+                    'proses_hukum'          => $this->proses_hukum,
+                    'komitmen_debitur'      => $this->komitmen_debitur,
+                    'keterangan'            => $this->keterangan,
+                    'status'                => $this->status
+                ];
+
+                if ($this->edit_mode) {
+                    // Emit a success event with a message
+                    $hapus_buku = HapusBuku::find($this->id);
+                    $hapus_buku->update($data);
+
+                    $this->dispatch('success', __('Hapus Buku updated'));
+                } else {
+                    // Emit a success event with a message
+                    HapusBuku::create($data);
+                    $this->dispatch('success', __('New Hapus Buku created'));
+                }
+            });
+
+            // Reset the form fields after successful submission
+            //$this->reset();
+
+        }
+
+        public function update($id)
+        {
+            $this->edit_mode = true;
+
+            $hapus_buku = HapusBuku::find($id);
+
+            $this->id                    = $hapus_buku->id;
+            $this->nomor_pinjaman        = $hapus_buku->nomor_pinjaman;
+            $this->kode_jenis_pinjaman   = $hapus_buku->kode_jenis_pinjaman;
+            $this->kode_debitur          = $hapus_buku->kode_debitur;
+            $this->nama_debitur          = $hapus_buku->nama_debitur;
+            $this->alamat_debitur        = $hapus_buku->alamat_debitur;
+            $this->npwp_debitur          = $hapus_buku->npwp_debitur;
+            $this->kode_cabang           = $hapus_buku->kode_cabang;
+            $this->kode_mata_uang        = $hapus_buku->kode_mata_uang;
+            $this->tanggal_hapus_buku    = $hapus_buku->tanggal_hapus_buku;
+            $this->nomor_fasilitas       = $hapus_buku->nomor_fasilitas;
+            $this->kode_jenis_fasilitas  = $hapus_buku->kode_jenis_fasilitas;
+            $this->nilai_plafond_awal    = $hapus_buku->nilai_plafond_awal;
+            $this->suku_bunga            = $hapus_buku->suku_bunga;
+            $this->baki_debet            = $hapus_buku->baki_debet;
+            $this->jumlah_bunga          = $hapus_buku->jumlah_bunga;
+            $this->jumlah_kewajiban_lain = $hapus_buku->jumlah_kewajiban_lain;
+            $this->total_kewajiban       = $hapus_buku->total_kewajiban;
+            $this->total_bunga_extra     = $hapus_buku->total_bunga_extra;
+            $this->bunga_ekstra          = $hapus_buku->bunga_ekstra;
+            $this->bunga_non_ekstra      = $hapus_buku->bunga_non_ekstra;
+            $this->denda                 = $hapus_buku->denda;
+            $this->tagihan_lain          = $hapus_buku->tagihan_lain;
+            $this->biaya_lain            = $hapus_buku->biaya_lain;
+            $this->total_all_kewajiban   = $hapus_buku->total_all_kewajiban;
+            $this->memo_persetujuan      = $hapus_buku->memo_persetujuan;
+            $this->lama_hari             = $hapus_buku->lama_hari;
+            $this->proses_hukum          = $hapus_buku->proses_hukum;
+            $this->komitmen_debitur      = $hapus_buku->komitmen_debitur;
+            $this->keterangan            = $hapus_buku->keterangan;
+            $this->status                = $hapus_buku->status == 1;
+        }
+
+        public function getDebitur()
+        {
+            $debitur = Debitur::where('kode', $this->kode_debitur)->first();
+            if ($debitur) {
+                $this->nama_debitur = $debitur->name;
+            } else {
+                $this->nama_debitur = '';
+                $this->addError('nama_debitur', 'Debitur Tidak Ditemukan');
+            }
+        }
+
+        public function delete($id)
+        {
+            HapusBuku::destroy($id);
+
+            // Emit a success event with a message
+            $this->dispatch('success', 'Hapus Buku successfully deleted');
+        }
+
+        public function hydrate()
+        {
+            $this->resetErrorBag();
+            $this->resetValidation();
+        }
+
+        protected function rules()
+        {
+
+            if ($this->edit_mode) {
+                $request = new UpdateHapusBukuRequest();
+            } else {
+                $request = new StoreHapusBukuRequest();
+            }
+
+
+            return $request->rules();
+        }
+    }
+
diff --git a/Resources/views/livewire/hapus-buku/hapus-buku-modal.blade.php b/Resources/views/livewire/hapus-buku/hapus-buku-modal.blade.php
new file mode 100644
index 0000000..dd48483
--- /dev/null
+++ b/Resources/views/livewire/hapus-buku/hapus-buku-modal.blade.php
@@ -0,0 +1,72 @@
+<div class="modal fade" id="kt_modal_add_hapus_buku" tabindex="-1" aria-hidden="true" wire:ignore.self>
+    <!--begin::Modal dialog-->
+    <div class="modal-dialog modal-dialog-centered mw-650px">
+        <!--begin::Modal content-->
+        <div class="modal-content">
+            <!--begin::Modal header-->
+            <div class="modal-header" id="kt_modal_add_branch_header">
+                <!--begin::Modal title-->
+                <h2 class="fw-bold">Add Cabang</h2>
+                <!--end::Modal title-->
+                <!--begin::Close-->
+                <div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal" aria-label="Close">
+                    {!! getIcon('cross','fs-1') !!}
+                </div>
+                <!--end::Close-->
+            </div>
+            <!--end::Modal header-->
+            <!--begin::Modal body-->
+            <div class="modal-body px-5 my-7">
+                <!--begin::Form-->
+                <form id="kt_modal_add_branch_form" class="form" action="#" wire:submit.prevent="submit">
+                    <!--begin::Scroll-->
+                    <div class="d-flex flex-column scroll-y px-5 px-lg-10" id="kt_modal_add_branch_scroll" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_modal_add_branch_header" data-kt-scroll-wrappers="#kt_modal_add_branch_scroll" data-kt-scroll-offset="300px">
+
+                        <!--begin::Input group-->
+                        <div class="fv-row mb-7">
+                            <!--begin::Label-->
+                            <label class="required fw-semibold fs-6 mb-2">Kode Cabang</label>
+                            <!--end::Label-->
+                            <!--begin::Input-->
+                            <input type="text" wire:model.defer="kode" name="kode" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Kode Cabang"/>
+                            <!--end::Input-->
+                            @error('kode')
+                            <span class="text-danger">{{ $message }}</span> @enderror
+                        </div>
+                        <!--end::Input group-->
+                        <!--begin::Input group-->
+                        <div class="fv-row mb-7">
+                            <!--begin::Label-->
+                            <label class="required fw-semibold fs-6 mb-2">Nama Cabang</label>
+                            <!--end::Label-->
+                            <!--begin::Input-->
+                            <input type="text" wire:model.defer="name" name="name" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nama Cabang"/>
+                            <!--end::Input-->
+                            @error('name')
+                            <span class="text-danger">{{ $message }}</span> @enderror
+                        </div>
+                        <!--end::Input group-->
+
+                    </div>
+                    <!--end::Scroll-->
+                    <!--begin::Actions-->
+                    <div class="text-center pt-15">
+                        <button type="reset" class="btn btn-light me-3" data-bs-dismiss="modal" aria-label="Close" wire:loading.attr="disabled">Discard</button>
+                        <button type="submit" class="btn btn-primary" data-kt-branches-modal-action="submit">
+                            <span class="indicator-label" wire:loading.remove>Submit</span>
+                            <span class="indicator-progress" wire:loading wire:target="submit">
+                                Please wait...
+                                <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
+                            </span>
+                        </button>
+                    </div>
+                    <!--end::Actions-->
+                </form>
+                <!--end::Form-->
+            </div>
+            <!--end::Modal body-->
+        </div>
+        <!--end::Modal content-->
+    </div>
+    <!--end::Modal dialog-->
+</div>
diff --git a/Resources/views/partials/menu/_app.blade.php b/Resources/views/partials/menu/_app.blade.php
index de72025..e6d599a 100644
--- a/Resources/views/partials/menu/_app.blade.php
+++ b/Resources/views/partials/menu/_app.blade.php
@@ -95,6 +95,15 @@
         <div class="menu-sub menu-sub-accordion">
             <!--begin:Menu item-->
             <div class="menu-item ">
+                <!--begin:Menu link-->
+                <a class="menu-link {{ isset($route[1]) && $route[1] == 'hapus_buku' ? 'active' : '' }}" href="{{ route('pencatatan.hapus_buku.index') }}">
+							<span class="menu-bullet">
+								<span class="bullet bullet-dot"></span>
+							</span>
+                    <span class="menu-title">Data Hapus Buku dan AYDA</span>
+                </a>
+                <!--end:Menu link-->
+
                 <!--begin:Menu link-->
                 <a class="menu-link {{ isset($route[1]) && $route[1] == 'klaim_jamkrindo' ? 'active' : '' }}" href="{{ route('pencatatan.klaim_jamkrindo.index') }}">
 							<span class="menu-bullet">
diff --git a/Resources/views/pencatatan/hapus_buku/_actions.blade.php b/Resources/views/pencatatan/hapus_buku/_actions.blade.php
new file mode 100644
index 0000000..44cab0a
--- /dev/null
+++ b/Resources/views/pencatatan/hapus_buku/_actions.blade.php
@@ -0,0 +1,23 @@
+<a href="#" class="btn btn-light btn-active-light-primary btn-flex btn-center btn-sm" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
+    Actions
+    <i class="ki-duotone ki-down fs-5 ms-1"></i>
+</a>
+<!--begin::Menu-->
+<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
+  <!--begin::Menu item-->
+    <div class="menu-item px-3">
+        <a href="#" class="menu-link px-3" data-kt-id="{{ $hapus_buku->id }}" data-bs-toggle="modal" data-bs-target="#kt_modal_add_hapus_buku" data-kt-action="update_row">
+            Edit
+        </a>
+    </div>
+    <!--end::Menu item-->
+
+    <!--begin::Menu item-->
+    <div class="menu-item px-3">
+        <a href="#" class="menu-link px-3" data-kt-id="{{ $hapus_buku->id }}" data-kt-action="delete_row">
+            Delete
+        </a>
+    </div>
+    <!--end::Menu item-->
+</div>
+<!--end::Menu-->
diff --git a/Resources/views/pencatatan/hapus_buku/_draw-scripts.js b/Resources/views/pencatatan/hapus_buku/_draw-scripts.js
new file mode 100644
index 0000000..9040a9e
--- /dev/null
+++ b/Resources/views/pencatatan/hapus_buku/_draw-scripts.js
@@ -0,0 +1,37 @@
+// Initialize KTMenu
+KTMenu.init();
+
+// Add click event listener to delete buttons
+document.querySelectorAll('[data-kt-action="delete_row"]').forEach(function (element) {
+    element.addEventListener('click', function () {
+        Swal.fire({
+            text: 'Are you sure you want to remove?',
+            icon: 'warning',
+            buttonsStyling: false,
+            showCancelButton: true,
+            confirmButtonText: 'Yes',
+            cancelButtonText: 'No',
+            customClass: {
+                confirmButton: 'btn btn-danger',
+                cancelButton: 'btn btn-secondary',
+            }
+        }).then((result) => {
+            if (result.isConfirmed) {
+                Livewire.dispatch('delete', { id : this.getAttribute('data-kt-id') });
+            }
+        });
+    });
+});
+
+// Add click event listener to update buttons
+document.querySelectorAll('[data-kt-action="update_row"]').forEach(function (element) {
+    element.addEventListener('click', function () {
+        Livewire.dispatch('update', { id : this.getAttribute('data-kt-id') });
+    });
+});
+
+// Listen for 'success' event emitted by Livewire
+Livewire.on('success', (message) => {
+    // Reload the users-table datatable
+    LaravelDataTables['hapus-buku-table'].ajax.reload();
+});
diff --git a/Resources/views/pencatatan/hapus_buku/index.blade.php b/Resources/views/pencatatan/hapus_buku/index.blade.php
new file mode 100644
index 0000000..a541c6e
--- /dev/null
+++ b/Resources/views/pencatatan/hapus_buku/index.blade.php
@@ -0,0 +1,86 @@
+<x-default-layout>
+
+    @section('title')
+        Data Hapus Buku dan AYDA
+    @endsection
+
+    @section('breadcrumbs')
+        {{ Breadcrumbs::render('pencatatan.hapus-buku') }}
+    @endsection
+
+    <div class="card">
+        <!--begin::Card header-->
+        <div class="card-header border-0 pt-6">
+            <!--begin::Card title-->
+            <div class="card-title">
+                <!--begin::Search-->
+                <div class="d-flex align-items-center position-relative my-1">
+                    {!! getIcon('magnifier', 'fs-3 position-absolute ms-5') !!}
+                    <input type="text" data-kt-hapus_buku-table-filter="search" class="form-control form-control-solid w-250px ps-13" placeholder="Search hapus buku" id="mySearchInput"/>
+                </div>
+                <!--end::Search-->
+            </div>
+            <!--begin::Card title-->
+
+            <!--begin::Card toolbar-->
+            <div class="card-toolbar">
+                <!--begin::Toolbar-->
+                <div class="d-flex justify-content-end" data-kt-hapus_buku-table-toolbar="base">
+                    <!--begin::Add hapus_buku-->
+                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_add_hapus_buku">
+                        {!! getIcon('plus', 'fs-2', '', 'i') !!}
+                        Add Hapus Buku
+                    </button>
+                    <!--end::Add hapus_buku-->
+                </div>
+                <!--end::Toolbar-->
+
+                <!--begin::Modal-->
+                <livewire:writeoff::hapus-buku.hapus-buku-modal/>
+                <!--end::Modal-->
+            </div>
+            <!--end::Card toolbar-->
+        </div>
+        <!--end::Card header-->
+
+        <!--begin::Card body-->
+        <div class="card-body py-4">
+            <!--begin::Table-->
+            <div class="table-responsive">
+                {{ $dataTable->table() }}
+            </div>
+            <!--end::Table-->
+        </div>
+        <!--end::Card body-->
+    </div>
+
+    @push('scripts')
+        {{ $dataTable->scripts() }}
+        <script>
+            document.getElementById('mySearchInput').addEventListener('keyup', function () {
+                window.LaravelDataTables['hapus-buku-table'].search(this.value).draw();
+            });
+            document.addEventListener('livewire:initialized', function () {
+                Livewire.on('success', function () {
+                    $('#kt_modal_add_hapus_buku').modal('hide');
+                    window.LaravelDataTables['hapus-buku-table'].ajax.reload();
+                });
+            });
+
+            Inputmask.extendAliases({
+                'currency': {
+                    autoUnmask: true,
+                    allowPlus: true,
+                    allowMinus: true,
+                }
+            });
+
+            $(function(){
+                $('#kt_modal_add_hapus_buku').on('hidden.bs.modal', function () {
+                    $(this).find('form').trigger('reset');
+                })
+            });
+        </script>
+    @endpush
+
+</x-default-layout>
diff --git a/Routes/breadcrumbs.php b/Routes/breadcrumbs.php
index 428de14..080fd83 100644
--- a/Routes/breadcrumbs.php
+++ b/Routes/breadcrumbs.php
@@ -52,6 +52,11 @@
         $trail->push('Pencatatan', '#');
     });
 
+    Breadcrumbs::for('pencatatan.hapus-buku', function (BreadcrumbTrail $trail) {
+        $trail->parent('pencatatan');
+        $trail->push('Data Hapus Buku dan AYDA', route('pencatatan.hapus_buku.index'));
+    });
+
     Breadcrumbs::for('pencatatan.klaim-jamkrindo', function (BreadcrumbTrail $trail) {
         $trail->parent('pencatatan');
         $trail->push('Data Klaim Jamkrindo', route('pencatatan.klaim_jamkrindo.index'));
diff --git a/Routes/web.php b/Routes/web.php
index 6164a56..77ae3d7 100644
--- a/Routes/web.php
+++ b/Routes/web.php
@@ -23,6 +23,7 @@ Route::name('parameter.')->prefix('parameter')->group(function() {
 });
 
     Route::name('pencatatan.')->prefix('pencatatan')->group(function() {
+        Route::get('hapus-buku', 'HapusBukuController@index')->name('hapus_buku.index');
         Route::get('klaim-jamkrindo', 'KlaimJamkrindoController@index')->name('klaim_jamkrindo.index');
         Route::get('subrogasi-jamkrindo', 'SubrogasiJamkrindoController@index')->name('subrogasi_jamkrindo.index');
     });