From c714b08de95239bed28418f6de0eabeaec97e37d Mon Sep 17 00:00:00 2001
From: daengdeni <ddeni05@gmail.com>
Date: Mon, 11 Dec 2023 14:46:21 +0700
Subject: [PATCH] update hapus buku

---
 Http/Controllers/HapusBukuController.php      |  16 +-
 Livewire/HapusBuku/HapusBukuModal.php         |  62 +-
 Livewire/HapusBuku/NomorPinjamanModal.php     |   7 +-
 .../hapus-buku/hapus-buku-modal.blade.php     | 770 +++++++++---------
 .../views/pencatatan/hapus_buku/add.blade.php | 442 ++++++++--
 5 files changed, 818 insertions(+), 479 deletions(-)

diff --git a/Http/Controllers/HapusBukuController.php b/Http/Controllers/HapusBukuController.php
index 60c1cf5..69d4b47 100644
--- a/Http/Controllers/HapusBukuController.php
+++ b/Http/Controllers/HapusBukuController.php
@@ -6,6 +6,11 @@
     use Illuminate\Http\Request;
     use Illuminate\Support\Facades\Auth;
     use Modules\Writeoff\DataTables\HapusBukuDataTable;
+    use Modules\Writeoff\Entities\Branch;
+    use Modules\Writeoff\Entities\Currency;
+    use Modules\Writeoff\Entities\FacilityType;
+    use Modules\Writeoff\Entities\LoanType;
+    use function Termwind\render;
 
     class HapusBukuController extends Controller
     {
@@ -33,8 +38,7 @@
             }
 
             if($request->rekening){
-                $this->dispatch('show', $request->rekening);
-                return $dataTable->render('writeoff::pencatatan.hapus_buku.add', ['add' => true]);
+                return redirect()->route('pencatatan.hapus_buku.create', ['rekening' => $request->rekening]);
             }else{
                 return $dataTable->render('writeoff::pencatatan.hapus_buku.index', ['add' => false]);
             }
@@ -53,6 +57,12 @@
                 abort(403, 'Sorry !! You are Unauthorized to view any master data !');
             }
 
-            return $dataTable->render('writeoff::pencatatan.hapus_buku.add');
+            $branch        = Branch::all();
+            $loan_type     = LoanType::all();
+            $facility_type = FacilityType::all();
+            $currency      = Currency::all();
+            $rekening      = $request->rekening;
+
+            return view('writeoff::pencatatan.hapus_buku.add', compact('branch', 'loan_type', 'facility_type', 'currency','rekening'));
         }
     }
diff --git a/Livewire/HapusBuku/HapusBukuModal.php b/Livewire/HapusBuku/HapusBukuModal.php
index b2426b7..a261b0a 100644
--- a/Livewire/HapusBuku/HapusBukuModal.php
+++ b/Livewire/HapusBuku/HapusBukuModal.php
@@ -11,6 +11,7 @@
     use Modules\Writeoff\Entities\FacilityType;
     use Modules\Writeoff\Entities\HapusBuku;
     use Modules\Writeoff\Entities\LoanType;
+    use Modules\Writeoff\Entities\Rekening;
     use Modules\Writeoff\Http\Requests\HapusBuku\StoreHapusBukuRequest;
     use Modules\Writeoff\Http\Requests\HapusBuku\UpdateHapusBukuRequest;
 
@@ -47,34 +48,35 @@
         public $komitmen_debitur;
         public $keterangan;
         public $status;
+        public $rekening;
 
         public $edit_mode = false;
 
         protected $listeners = [
             'delete' => 'delete',
             'update' => 'update',
-            'show' => 'show'
+            'show'   => 'show'
         ];
 
-        public function render($rekenings = null)
+        public function render()
         {
-            $rekening='';
-            if($rekenings) {
-                $rekening = $rekenings->first();
-            }
-            $branch = Branch::all();
-            $loan_type = LoanType::all();
-            $facility_type = FacilityType::all();
-            $currency = Currency::all();
+            $this->rekening = request()->rekening;
 
-            return view('writeoff::livewire.hapus-buku.hapus-buku-modal', compact('branch', 'loan_type', 'facility_type', 'currency','rekening'));
+            $branch        = Branch::all();
+            $loan_type     = LoanType::all();
+            $facility_type = FacilityType::all();
+            $currency      = Currency::all();
+
+
+            $this->dispatch('show');
+            return view('writeoff::livewire.hapus-buku.hapus-buku-modal', compact('branch', 'loan_type', 'facility_type', 'currency'));
         }
 
         public function submit()
         {
-            if($this->action=="continue"){
+            if ($this->action == "continue") {
                 $this->addError('nomor_pinjaman', 'Debitur Tidak Ditemukan');
-            }else {
+            } else {
 
                 $this->validate();
 
@@ -134,13 +136,6 @@
 
         }
 
-        public function show($rekening)
-        {
-            $rekening = json_decode($rekening);
-            $this->nomor_pinjaman = $rekening->nomor_rekening;
-
-        }
-
         public function update($id)
         {
             $this->edit_mode = true;
@@ -180,6 +175,24 @@
             $this->status                = $hapus_buku->status == 1;
         }
 
+        public function show()
+        {
+
+            $rekenings = Rekening::with('product', 'debitur')
+                                 ->where('nomor_rekening', $this->rekening)
+                                 ->whereDoesntHave('hapusBuku')
+                                 ->whereHas('product', function ($query) {
+                                     $query->whereBetween('kode', [3000, 3999]);
+                                 })
+                                 ->get()
+                                 ->first();
+            if($rekenings) {
+                $this->rekening       = $rekenings->nomor_rekening;
+                $this->nomor_pinjaman = $rekenings->nomor_rekening;
+            }
+
+        }
+
         public function getDebitur()
         {
             $debitur = Debitur::where('kode', $this->kode_debitur)->first();
@@ -191,9 +204,10 @@
             }
         }
 
-        public function countLamaHari(){
-            $date = Carbon::create($this->tanggal_hapus_buku);
-            $now = Carbon::now();
+        public function countLamaHari()
+        {
+            $date            = Carbon::create($this->tanggal_hapus_buku);
+            $now             = Carbon::now();
             $this->lama_hari = $date->diffInDays($now);
             return $this->lama_hari;
         }
@@ -214,14 +228,12 @@
 
         protected function rules()
         {
-
             if ($this->edit_mode) {
                 $request = new UpdateHapusBukuRequest();
             } else {
                 $request = new StoreHapusBukuRequest();
             }
 
-
             return $request->rules();
         }
     }
diff --git a/Livewire/HapusBuku/NomorPinjamanModal.php b/Livewire/HapusBuku/NomorPinjamanModal.php
index f264a22..eee70fa 100644
--- a/Livewire/HapusBuku/NomorPinjamanModal.php
+++ b/Livewire/HapusBuku/NomorPinjamanModal.php
@@ -26,11 +26,12 @@
                                  ->whereHas('product', function ($query) {
                                      $query->whereBetween('kode', [3000, 3999]);
                                  })
-                                 ->get()->first();
+                                 ->get()
+                                 ->first();
+
             if ($rekenings->count() > 0) {
-                $this->dispatch('show', json_encode($rekenings));
                 $this->dispatch('success', __('Nomor Pinjaman ditemukan'));
-                $this->redirect(route('pencatatan.hapus_buku.index', ['rekening' => json_encode($rekenings)]));
+                $this->redirect(route('pencatatan.hapus_buku.index', ['rekening' => $this->nomor_pinjaman]));
             } else {
                 $this->addError('nomor_pinjaman', 'Nomor Pinjaman Salah Atau Nomor Pinjaman sudah terdaftar');
 
diff --git a/Resources/views/livewire/hapus-buku/hapus-buku-modal.blade.php b/Resources/views/livewire/hapus-buku/hapus-buku-modal.blade.php
index eb0b884..967acb3 100644
--- a/Resources/views/livewire/hapus-buku/hapus-buku-modal.blade.php
+++ b/Resources/views/livewire/hapus-buku/hapus-buku-modal.blade.php
@@ -1,399 +1,389 @@
 @php use Carbon\Carbon; @endphp
-<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 modal-fullscreen">
-        <!--begin::Modal content-->
-        <div class="modal-content">
-            <!--begin::Modal header-->
-            <div class="modal-header" id="kt_modal_add_hapus_buku_header">
-                <!--begin::Modal title-->
-                <h2 class="fw-bold">Add Subrogasi Jamkrindo</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_hapus_buku_form" class="form" action="#" wire:submit.prevent="submit">
-                    <!--begin::Scroll-->
-                    <div class="d-flex flex-column px-5 px-lg-10">
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Nomor Pinjaman</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="number" wire:model.defer="nomor_pinjaman" name="nomor_pinjaman" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nomor Pinjaman"/>
-                                <!--end::Input-->
-                                @error('nomor_pinjaman')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <!--begin::Label-->
-                                <label class="required fw-semibold fs-6 mb-2">Jenis Pinjaman</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <select wire:model.defer="kode_jenis_pinjaman" name="kode_jenis_pinjaman" data-control="select2" data-dropdown-parent="#kt_modal_add_hapus_buku" data-placeholder="Pilih Jenis Pinjaman" class="form-control form-control-solid mb-3 mb-lg-0">
-                                    <option value="">Jenis Pinjaman</option>
-                                    @foreach($loan_type as $item)
-                                        <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
-                                    @endforeach
-                                </select>
-                                <!--end::Input-->
-                                @error('kode_jenis_pinjaman')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Debitur</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="number" wire:change="getDebitur" wire:model.defer="kode_debitur" name="kode_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Kode Debitur"/>
-                                <!--end::Input-->
-                                @error('kode_debitur')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">&nbsp;</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" wire:model.defer="nama_debitur" readonly name="nama_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nama Debitur"/>
-                                <!--end::Input-->
-                                @error('nama_debitur')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">Alamat Debitur</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="number" wire:model.defer="alamat_debitur" name="alamat_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Alamat Debitur"/>
-                                <!--end::Input-->
-                                @error('alamat_debitur')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">NPWP Debitur</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" wire:model.defer="npwp_debitur" name="npwp_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="NPWP Debitur"/>
-                                <!--end::Input-->
-                                @error('npwp_debitur')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <!--begin::Label-->
-                                <label class="required fw-semibold fs-6 mb-2">Cabang</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <select wire:model.defer="kode_cabang" name="kode_cabang" data-control="select2" data-dropdown-parent="#kt_modal_add_hapus_buku" data-placeholder="Pilih Cabang" class="form-control form-control-solid mb-3 mb-lg-0">
-                                    <option value="">Cabang</option>
-                                    @foreach($branch as $item)
-                                        <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
-                                    @endforeach
-                                </select>
-                                <!--end::Input-->
-                                @error('kode_cabang')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <!--begin::Label-->
-                                <label class="required fw-semibold fs-6 mb-2">Mata Uang</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <select wire:model.defer="kode_mata_uang" name="kode_mata_uang"  id="kode_mata_uang" data-control="select2" data-dropdown-parent="#kt_modal_nomor_pinjaman" data-placeholder="Pilih Mata Uang" class="form-control form-control-solid mb-3 mb-lg-0">
-                                    <option value="">Mata Uang</option>
-                                    @foreach($currency as $item)
-                                        <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
-                                    @endforeach
-                                </select>
-                                <!--end::Input-->
-                                @error('kode_mata_uang')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Tanggal Hapus Buku</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="date" wire:change="countLamaHari" wire:model.defer="tanggal_hapus_buku" name="tanggal_hapus_buku" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Tanggal Hapus Buku" max="{{ Carbon::now()->format('Y-m-d') }}"/>
-                                <!--end::Input-->
-                                @error('tanggal_hapus_buku')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">Lama Hari</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="number" readonly wire:model.defer="lama_hari" readonly name="lama_hari" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Lama Hari"/>
-                                <!--end::Input-->
-                                @error('lama_hari')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Nomor Fasilitas</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" wire:model.defer="nomor_fasilitas" name="nomor_fasilitas" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nomor Fasilitas"/>
-                                <!--end::Input-->
-                                @error('nomor_fasilitas')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <!--begin::Label-->
-                                <label class="required fw-semibold fs-6 mb-2">Jenis Fasilitas</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <select wire:model.defer="kode_jenis_fasilitas" name="kode_jenis_fasilitas" data-control="select2" data-dropdown-parent="#kt_modal_add_hapus_buku" data-placeholder="Pilih Jenis Fasilitas" class="form-control form-control-solid mb-3 mb-lg-0">
-                                    <option value="">Jenis Fasilitas</option>
-                                    @foreach($facility_type as $item)
-                                        <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
-                                    @endforeach
-                                </select>
-                                <!--end::Input-->
-                                @error('kode_jenis_fasilitas')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Nilai Plafond Awal</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="nilai_plafond_awal" name="nilai_plafond_awal" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nilai Plafond Awal"/>
-                                <!--end::Input-->
-                                @error('nilai_plafond_awal')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">Suku Bunga</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="number" wire:model.defer="suku_bunga" readonly name="suku_bunga" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Suku Bunga"/>
-                                <!--end::Input-->
-                                @error('suku_bunga')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Baki Debet</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="baki_debet" name="baki_debet" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Baki Debet"/>
-                                <!--end::Input-->
-                                @error('baki_debet')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">Jumlah Bunga</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="jumlah_bunga" readonly name="jumlah_bunga" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Jumlah Bunga"/>
-                                <!--end::Input-->
-                                @error('jumlah_bunga')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Kewajiban Lain</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="jumlah_kewajiban_lain" name="jumlah_kewajiban_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Kewajiban Lain"/>
-                                <!--end::Input-->
-                                @error('jumlah_kewajiban_lain')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">Total Kewajiban</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_kewajiban" readonly name="total_kewajiban" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Kewajiban"/>
-                                <!--end::Input-->
-                                @error('total_kewajiban')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Total Bunga Extra</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_bunga_extra" name="total_bunga_extra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Bunga Extra"/>
-                                <!--end::Input-->
-                                @error('total_bunga_extra')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">Denda</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="bunga_extra" readonly name="bunga_extra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Denda"/>
-                                <!--end::Input-->
-                                @error('bunga_extra')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Amount Due</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_bunga_non_extra" name="total_bunga_non_extra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Amount Due"/>
-                                <!--end::Input-->
-                                @error('total_bunga_non_extra')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">Tagihan Lainnya</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="denda" readonly name="denda" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Tagihan Lainnya"/>
-                                <!--end::Input-->
-                                @error('denda')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Bunga Berjalan</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="tagihan_lain" name="tagihan_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Bunga Berjalan"/>
-                                <!--end::Input-->
-                                @error('tagihan_lain')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">Biaya Lain</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="biaya_lain" readonly name="biaya_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Biaya Lain"/>
-                                <!--end::Input-->
-                                @error('biaya_lain')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="row mb-7">
-                            <div class="col-6">
-                                <label class="required fw-semibold fs-6 mb-2">Total Seluruh Kewajiban</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_all_kewajiban" name="total_all_kewajiban" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Seluruh Kewajiban"/>
-                                <!--end::Input-->
-                                @error('total_all_kewajiban')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                            <div class="col-6">
-                                <label class="fw-semibold fs-6 mb-2">Memo Persetujuaan</label>
-                                <!--end::Label-->
-                                <!--begin::Input-->
-                                <input type="text" wire:model.defer="memo_persetujuan" readonly name="memo_persetujuan" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Memo Persetujuaan"/>
-                                <!--end::Input-->
-                                @error('memo_persetujuan')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
-                        <!--end::Input group-->
-
-                        <!--begin::Input group-->
-                        <div class="fv-row mb-7">
-                            <!--begin::Label-->
-                            <label class="fw-semibold fs-6 mb-2">Keterangan</label>
-                            <!--end::Label-->
-                            <!--begin::Input-->
-                                <select wire:model.defer="keterangan" name="keterangan" data-control="select2" data-dropdown-parent="#kt_modal_add_hapus_buku" data-placeholder="Pilih Keterangan" class="form-control form-control-solid mb-3 mb-lg-0">
-                                <option value="write-off">Write-Off</option>
-                                <option value="ayda">AYDA</option>
-                            </select>
-                            <!--end::Input-->
-                            @error('keterangan')
-                            <span class="text-danger">{{ $message }}</span> @enderror
-                        </div>
-                        <!--end::Input group-->
-                        <div class="fv-row mb-7"><label class="fw-semibold fs-6 mb-2">Status Data</label>
-                            <div class="form-check form-switch form-check-custom form-check-solid" style="display: block!important;">
-                                <input class="form-check-input h-20px w-30px me-5" type="checkbox" wire:model.defer="status" id="status" name="status"/>
-                                <label class="form-check-label" for="status">
-                                    Aktif
-                                </label>
-                                @error('status')
-                                <span class="text-danger">{{ $message }}</span> @enderror
-                            </div>
-                        </div>
+<div class="card">
+    <!--begin::Card header-->
+    <div class="card-header border-0 pt-6">
+        <!--begin::Card title-->
+        <div class="card-title">
+            &nbsp;
+        </div>
+        <!--begin::Card title-->
+    </div>
+    <!--end::Card header-->
 
+    <!--begin::Card body-->
+    <div class="card-body py-4">
+        <!--begin::Form-->
+        <form id="kt_modal_add_hapus_buku_form" class="form" action="#" wire:submit.prevent="submit">
+            <!--begin::Scroll-->
+            <div class="d-flex flex-column px-5 px-lg-10">
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Nomor Pinjaman</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="number" wire:model.defer="nomor_pinjaman" name="nomor_pinjaman" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nomor Pinjaman"/>
+                        <!--end::Input-->
+                        @error('nomor_pinjaman')
+                        <span class="text-danger">{{ $message }}</span> @enderror
                     </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-hapus_bukues-modal-action="submit">
-                            <span class="indicator-label" wire:loading.remove>Submit</span>
-                            <span class="indicator-progress" wire:loading wire:target="submit">
+                    <div class="col-6">
+                        <!--begin::Label-->
+                        <label class="required fw-semibold fs-6 mb-2">Jenis Pinjaman</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <select wire:model.defer="kode_jenis_pinjaman" name="kode_jenis_pinjaman" data-dropdown-parent="#kt_modal_add_hapus_buku" data-control="select2" data-placeholder="Pilih Jenis Pinjaman" class="select2 form-control form-control-solid mb-3 mb-lg-0">
+                            <option value="">Jenis Pinjaman</option>
+                            @foreach($loan_type as $item)
+                                <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
+                            @endforeach
+                        </select>
+                        <!--end::Input-->
+                        @error('kode_jenis_pinjaman')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Debitur</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="number" wire:change="getDebitur" wire:model.defer="kode_debitur" name="kode_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Kode Debitur"/>
+                        <!--end::Input-->
+                        @error('kode_debitur')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">&nbsp;</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" wire:model.defer="nama_debitur" readonly name="nama_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nama Debitur"/>
+                        <!--end::Input-->
+                        @error('nama_debitur')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">Alamat Debitur</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="number" wire:model.defer="alamat_debitur" name="alamat_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Alamat Debitur"/>
+                        <!--end::Input-->
+                        @error('alamat_debitur')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">NPWP Debitur</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" wire:model.defer="npwp_debitur" name="npwp_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="NPWP Debitur"/>
+                        <!--end::Input-->
+                        @error('npwp_debitur')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <!--begin::Label-->
+                        <label class="required fw-semibold fs-6 mb-2">Cabang</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <select wire:model.defer="kode_cabang" name="kode_cabang" data-control="select2" data-placeholder="Pilih Cabang" class="form-control form-control-solid mb-3 mb-lg-0">
+                            <option value="">Cabang</option>
+                            @foreach($branch as $item)
+                                <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
+                            @endforeach
+                        </select>
+                        <!--end::Input-->
+                        @error('kode_cabang')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <!--begin::Label-->
+                        <label class="required fw-semibold fs-6 mb-2">Mata Uang</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <select wire:model.defer="kode_mata_uang" name="kode_mata_uang"  id="kode_mata_uang" data-control="select2"  data-placeholder="Pilih Mata Uang" class="form-control form-control-solid mb-3 mb-lg-0">
+                            <option value="">Mata Uang</option>
+                            @foreach($currency as $item)
+                                <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
+                            @endforeach
+                        </select>
+                        <!--end::Input-->
+                        @error('kode_mata_uang')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Tanggal Hapus Buku</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="date" wire:change="countLamaHari" wire:model.defer="tanggal_hapus_buku" name="tanggal_hapus_buku" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Tanggal Hapus Buku" max="{{ Carbon::now()->format('Y-m-d') }}"/>
+                        <!--end::Input-->
+                        @error('tanggal_hapus_buku')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">Lama Hari</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="number" readonly wire:model.defer="lama_hari" readonly name="lama_hari" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Lama Hari"/>
+                        <!--end::Input-->
+                        @error('lama_hari')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Nomor Fasilitas</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" wire:model.defer="nomor_fasilitas" name="nomor_fasilitas" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nomor Fasilitas"/>
+                        <!--end::Input-->
+                        @error('nomor_fasilitas')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <!--begin::Label-->
+                        <label class="required fw-semibold fs-6 mb-2">Jenis Fasilitas</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <select wire:model.defer="kode_jenis_fasilitas" name="kode_jenis_fasilitas" data-control="select2" data-placeholder="Pilih Jenis Fasilitas" class="form-control form-control-solid mb-3 mb-lg-0">
+                            <option value="">Jenis Fasilitas</option>
+                            @foreach($facility_type as $item)
+                                <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
+                            @endforeach
+                        </select>
+                        <!--end::Input-->
+                        @error('kode_jenis_fasilitas')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Nilai Plafond Awal</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="nilai_plafond_awal" name="nilai_plafond_awal" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nilai Plafond Awal"/>
+                        <!--end::Input-->
+                        @error('nilai_plafond_awal')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">Suku Bunga</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="number" wire:model.defer="suku_bunga" readonly name="suku_bunga" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Suku Bunga"/>
+                        <!--end::Input-->
+                        @error('suku_bunga')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Baki Debet</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="baki_debet" name="baki_debet" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Baki Debet"/>
+                        <!--end::Input-->
+                        @error('baki_debet')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">Jumlah Bunga</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="jumlah_bunga" readonly name="jumlah_bunga" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Jumlah Bunga"/>
+                        <!--end::Input-->
+                        @error('jumlah_bunga')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Kewajiban Lain</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="jumlah_kewajiban_lain" name="jumlah_kewajiban_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Kewajiban Lain"/>
+                        <!--end::Input-->
+                        @error('jumlah_kewajiban_lain')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">Total Kewajiban</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_kewajiban" readonly name="total_kewajiban" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Kewajiban"/>
+                        <!--end::Input-->
+                        @error('total_kewajiban')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Total Bunga Extra</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_bunga_extra" name="total_bunga_extra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Bunga Extra"/>
+                        <!--end::Input-->
+                        @error('total_bunga_extra')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">Denda</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="bunga_extra" readonly name="bunga_extra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Denda"/>
+                        <!--end::Input-->
+                        @error('bunga_extra')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Amount Due</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_bunga_non_extra" name="total_bunga_non_extra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Amount Due"/>
+                        <!--end::Input-->
+                        @error('total_bunga_non_extra')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">Tagihan Lainnya</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="denda" readonly name="denda" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Tagihan Lainnya"/>
+                        <!--end::Input-->
+                        @error('denda')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Bunga Berjalan</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="tagihan_lain" name="tagihan_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Bunga Berjalan"/>
+                        <!--end::Input-->
+                        @error('tagihan_lain')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">Biaya Lain</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="biaya_lain" readonly name="biaya_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Biaya Lain"/>
+                        <!--end::Input-->
+                        @error('biaya_lain')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="row mb-7">
+                    <div class="col-6">
+                        <label class="required fw-semibold fs-6 mb-2">Total Seluruh Kewajiban</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_all_kewajiban" name="total_all_kewajiban" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Seluruh Kewajiban"/>
+                        <!--end::Input-->
+                        @error('total_all_kewajiban')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                    <div class="col-6">
+                        <label class="fw-semibold fs-6 mb-2">Memo Persetujuaan</label>
+                        <!--end::Label-->
+                        <!--begin::Input-->
+                        <input type="text" wire:model.defer="memo_persetujuan" readonly name="memo_persetujuan" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Memo Persetujuaan"/>
+                        <!--end::Input-->
+                        @error('memo_persetujuan')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+                <!--end::Input group-->
+
+                <!--begin::Input group-->
+                <div class="fv-row mb-7">
+                    <!--begin::Label-->
+                    <label class="fw-semibold fs-6 mb-2">Keterangan</label>
+                    <!--end::Label-->
+                    <!--begin::Input-->
+                    <select wire:model.defer="keterangan" name="keterangan" data-control="select2" data-placeholder="Pilih Keterangan" class="form-control form-control-solid mb-3 mb-lg-0">
+                        <option value="write-off">Write-Off</option>
+                        <option value="ayda">AYDA</option>
+                    </select>
+                    <!--end::Input-->
+                    @error('keterangan')
+                    <span class="text-danger">{{ $message }}</span> @enderror
+                </div>
+                <!--end::Input group-->
+                <div class="fv-row mb-7"><label class="fw-semibold fs-6 mb-2">Status Data</label>
+                    <div class="form-check form-switch form-check-custom form-check-solid" style="display: block!important;">
+                        <input class="form-check-input h-20px w-30px me-5" type="checkbox" wire:model.defer="status" id="status" name="status"/>
+                        <label class="form-check-label" for="status">
+                            Aktif
+                        </label>
+                        @error('status')
+                        <span class="text-danger">{{ $message }}</span> @enderror
+                    </div>
+                </div>
+
+            </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-hapus_bukues-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-->
+                </button>
             </div>
-            <!--end::Modal body-->
-        </div>
-        <!--end::Modal content-->
+            <!--end::Actions-->
+        </form>
+        <!--end::Form-->
     </div>
-    <!--end::Modal dialog-->
+    <!--end::Card body-->
 </div>
diff --git a/Resources/views/pencatatan/hapus_buku/add.blade.php b/Resources/views/pencatatan/hapus_buku/add.blade.php
index 7370fd3..3af158c 100644
--- a/Resources/views/pencatatan/hapus_buku/add.blade.php
+++ b/Resources/views/pencatatan/hapus_buku/add.blade.php
@@ -1,72 +1,403 @@
+@php use Carbon\Carbon; @endphp
 <x-default-layout>
 
     @section('title')
-        Data Hapus Buku dan AYDA
+       Tambah 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 class="card">
+            <!--begin::Card header-->
+            <div class="card-header border-0 pt-6">
+                <!--begin::Card title-->
+                <div class="card-title">
+                    &nbsp;
                 </div>
-                <!--end::Search-->
+                <!--begin::Card title-->
             </div>
-            <!--begin::Card title-->
+            <!--end::Card header-->
 
-            <!--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_hapus_buku">
-                        {!! getIcon('plus', 'fs-2', '', 'i') !!}
-                        Add Hapus Buku
-                    </button>
-                    <!--end::Add hapus_buku-->
-                </div>
-                <!--end::Toolbar-->
+            <!--begin::Card body-->
+            <div class="card-body py-4">
+                <!--begin::Form-->
+                <form id="kt_modal_add_hapus_buku_form" class="form" action="#" wire:submit.prevent="submit">
+                    <!--begin::Scroll-->
+                    <div class="d-flex flex-column px-5 px-lg-10">
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Nomor Pinjaman</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="number" wire:model.defer="nomor_pinjaman" name="nomor_pinjaman" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nomor Pinjaman"/>
+                                <!--end::Input-->
+                                @error('nomor_pinjaman')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <!--begin::Label-->
+                                <label class="required fw-semibold fs-6 mb-2">Jenis Pinjaman</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <select wire:model.defer="kode_jenis_pinjaman" name="kode_jenis_pinjaman" data-control="select2" data-placeholder="Pilih Jenis Pinjaman" class="form-control form-control-solid mb-3 mb-lg-0">
+                                    <option value="">Jenis Pinjaman</option>
+                                    @foreach($loan_type as $item)
+                                        <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
+                                    @endforeach
+                                </select>
+                                <!--end::Input-->
+                                @error('kode_jenis_pinjaman')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
 
-                <!--begin::Modal-->
-                <livewire:writeoff::hapus-buku.hapus-buku-modal/>
-                <!--end::Modal-->
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Debitur</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="number" wire:change="getDebitur" wire:model.defer="kode_debitur" name="kode_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Kode Debitur"/>
+                                <!--end::Input-->
+                                @error('kode_debitur')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">&nbsp;</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" wire:model.defer="nama_debitur" readonly name="nama_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nama Debitur"/>
+                                <!--end::Input-->
+                                @error('nama_debitur')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">Alamat Debitur</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="number" wire:model.defer="alamat_debitur" name="alamat_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Alamat Debitur"/>
+                                <!--end::Input-->
+                                @error('alamat_debitur')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">NPWP Debitur</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" wire:model.defer="npwp_debitur" name="npwp_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="NPWP Debitur"/>
+                                <!--end::Input-->
+                                @error('npwp_debitur')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <!--begin::Label-->
+                                <label class="required fw-semibold fs-6 mb-2">Cabang</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <select wire:model.defer="kode_cabang" name="kode_cabang" data-control="select2" data-placeholder="Pilih Cabang" class="form-control form-control-solid mb-3 mb-lg-0">
+                                    <option value="">Cabang</option>
+                                    @foreach($branch as $item)
+                                        <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
+                                    @endforeach
+                                </select>
+                                <!--end::Input-->
+                                @error('kode_cabang')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <!--begin::Label-->
+                                <label class="required fw-semibold fs-6 mb-2">Mata Uang</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <select wire:model.defer="kode_mata_uang" name="kode_mata_uang"  id="kode_mata_uang" data-control="select2"  data-placeholder="Pilih Mata Uang" class="form-control form-control-solid mb-3 mb-lg-0">
+                                    <option value="">Mata Uang</option>
+                                    @foreach($currency as $item)
+                                        <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
+                                    @endforeach
+                                </select>
+                                <!--end::Input-->
+                                @error('kode_mata_uang')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Tanggal Hapus Buku</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="date" wire:change="countLamaHari" wire:model.defer="tanggal_hapus_buku" name="tanggal_hapus_buku" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Tanggal Hapus Buku" max="{{ Carbon::now()->format('Y-m-d') }}"/>
+                                <!--end::Input-->
+                                @error('tanggal_hapus_buku')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">Lama Hari</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="number" readonly wire:model.defer="lama_hari" readonly name="lama_hari" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Lama Hari"/>
+                                <!--end::Input-->
+                                @error('lama_hari')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Nomor Fasilitas</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" wire:model.defer="nomor_fasilitas" name="nomor_fasilitas" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nomor Fasilitas"/>
+                                <!--end::Input-->
+                                @error('nomor_fasilitas')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <!--begin::Label-->
+                                <label class="required fw-semibold fs-6 mb-2">Jenis Fasilitas</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <select wire:model.defer="kode_jenis_fasilitas" name="kode_jenis_fasilitas" data-control="select2" data-placeholder="Pilih Jenis Fasilitas" class="form-control form-control-solid mb-3 mb-lg-0">
+                                    <option value="">Jenis Fasilitas</option>
+                                    @foreach($facility_type as $item)
+                                        <option value="{{ $item->kode }}">{{ $item->kode }} - {{ $item->name }}</option>
+                                    @endforeach
+                                </select>
+                                <!--end::Input-->
+                                @error('kode_jenis_fasilitas')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Nilai Plafond Awal</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="nilai_plafond_awal" name="nilai_plafond_awal" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nilai Plafond Awal"/>
+                                <!--end::Input-->
+                                @error('nilai_plafond_awal')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">Suku Bunga</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="number" wire:model.defer="suku_bunga" readonly name="suku_bunga" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Suku Bunga"/>
+                                <!--end::Input-->
+                                @error('suku_bunga')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Baki Debet</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="baki_debet" name="baki_debet" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Baki Debet"/>
+                                <!--end::Input-->
+                                @error('baki_debet')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">Jumlah Bunga</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="jumlah_bunga" readonly name="jumlah_bunga" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Jumlah Bunga"/>
+                                <!--end::Input-->
+                                @error('jumlah_bunga')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Kewajiban Lain</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="jumlah_kewajiban_lain" name="jumlah_kewajiban_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Kewajiban Lain"/>
+                                <!--end::Input-->
+                                @error('jumlah_kewajiban_lain')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">Total Kewajiban</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_kewajiban" readonly name="total_kewajiban" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Kewajiban"/>
+                                <!--end::Input-->
+                                @error('total_kewajiban')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Total Bunga Extra</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_bunga_extra" name="total_bunga_extra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Bunga Extra"/>
+                                <!--end::Input-->
+                                @error('total_bunga_extra')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">Denda</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="bunga_extra" readonly name="bunga_extra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Denda"/>
+                                <!--end::Input-->
+                                @error('bunga_extra')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Amount Due</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_bunga_non_extra" name="total_bunga_non_extra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Amount Due"/>
+                                <!--end::Input-->
+                                @error('total_bunga_non_extra')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">Tagihan Lainnya</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="denda" readonly name="denda" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Tagihan Lainnya"/>
+                                <!--end::Input-->
+                                @error('denda')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Bunga Berjalan</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="tagihan_lain" name="tagihan_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Bunga Berjalan"/>
+                                <!--end::Input-->
+                                @error('tagihan_lain')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">Biaya Lain</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="biaya_lain" readonly name="biaya_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Biaya Lain"/>
+                                <!--end::Input-->
+                                @error('biaya_lain')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="row mb-7">
+                            <div class="col-6">
+                                <label class="required fw-semibold fs-6 mb-2">Total Seluruh Kewajiban</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" data-inputmask="'alias': 'currency'" wire:model.defer="total_all_kewajiban" name="total_all_kewajiban" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Seluruh Kewajiban"/>
+                                <!--end::Input-->
+                                @error('total_all_kewajiban')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                            <div class="col-6">
+                                <label class="fw-semibold fs-6 mb-2">Memo Persetujuaan</label>
+                                <!--end::Label-->
+                                <!--begin::Input-->
+                                <input type="text" wire:model.defer="memo_persetujuan" readonly name="memo_persetujuan" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Memo Persetujuaan"/>
+                                <!--end::Input-->
+                                @error('memo_persetujuan')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+                        <!--end::Input group-->
+
+                        <!--begin::Input group-->
+                        <div class="fv-row mb-7">
+                            <!--begin::Label-->
+                            <label class="fw-semibold fs-6 mb-2">Keterangan</label>
+                            <!--end::Label-->
+                            <!--begin::Input-->
+                            <select wire:model.defer="keterangan" name="keterangan" data-control="select2" data-placeholder="Pilih Keterangan" class="form-control form-control-solid mb-3 mb-lg-0">
+                                <option value="write-off">Write-Off</option>
+                                <option value="ayda">AYDA</option>
+                            </select>
+                            <!--end::Input-->
+                            @error('keterangan')
+                            <span class="text-danger">{{ $message }}</span> @enderror
+                        </div>
+                        <!--end::Input group-->
+                        <div class="fv-row mb-7"><label class="fw-semibold fs-6 mb-2">Status Data</label>
+                            <div class="form-check form-switch form-check-custom form-check-solid" style="display: block!important;">
+                                <input class="form-check-input h-20px w-30px me-5" type="checkbox" wire:model.defer="status" id="status" name="status"/>
+                                <label class="form-check-label" for="status">
+                                    Aktif
+                                </label>
+                                @error('status')
+                                <span class="text-danger">{{ $message }}</span> @enderror
+                            </div>
+                        </div>
+
+                    </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-hapus_bukues-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::Card toolbar-->
+            <!--end::Card body-->
         </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('show');
-                    window.LaravelDataTables['hapus-buku-table'].ajax.reload();
-                });
-            });
-
             Inputmask.extendAliases({
                 'currency': {
                     autoUnmask: true,
@@ -80,11 +411,6 @@
                     $(this).find('form').trigger('reset');
                 })
             });
-
-            window.addEventListener('show', event => {
-                $('#kt_modal_add_hapus_buku').modal('show');
-            })
         </script>
     @endpush
-
 </x-default-layout>