diff --git a/Resources/views/pencatatan/hapus_buku/add.blade.php b/Resources/views/pencatatan/hapus_buku/add.blade.php
index 9faa564..686575d 100644
--- a/Resources/views/pencatatan/hapus_buku/add.blade.php
+++ b/Resources/views/pencatatan/hapus_buku/add.blade.php
@@ -42,7 +42,7 @@
                                         <label class="required fw-semibold fs-6 mb-2">Nomor Pinjaman</label>
                                         <!--end::Label-->
                                         <!--begin::Input-->
-                                        <input type="number" value="{{ $rekening->nomor_rekening }}" readonly name="nomor_pinjaman" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nomor Pinjaman"/>
+                                        <input type="number" style="color: red;" value="{{ $rekening->nomor_rekening }}" readonly 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
@@ -76,16 +76,16 @@
                                         <label class="required fw-semibold fs-6 mb-2">Debitur</label>
                                         <!--end::Label-->
                                         <!--begin::Input-->
-                                        <input type="number" value="{{ $rekening->debitur->kode }}" readonly name="kode_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Kode Debitur"/>
+                                        <input type="number" style="color: red;" value="{{ $rekening->debitur->kode }}" readonly 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>
+                                        <label class="fw-semibold fs-6 mb-2">Nama Debitur</label>
                                         <!--end::Label-->
                                         <!--begin::Input-->
-                                        <input type="text" value="{{ $rekening->debitur->name }}" readonly name="nama_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nama Debitur"/>
+                                        <input type="text" style="color: red;" value="{{ $rekening->debitur->name }}" 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
@@ -171,11 +171,11 @@
                                         @error('tanggal_hapus_buku')
                                         <span class="text-danger">{{ $message }}</span> @enderror
                                     </div>
-                                    <div class="col-6" style="display:none">
+                                    <div class="col-6">
                                         <label class="fw-semibold fs-6 mb-2">Lama Hari</label>
                                         <!--end::Label-->
                                         <!--begin::Input-->
-                                        <input type="number" id="lama_hari" readonly name="lama_hari" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Lama Hari" value="{{ $hapusbuku->lama_hari ?? "" }}"/>
+                                        <input type="number" style="color: red;" id="lama_hari" readonly name="lama_hari" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Lama Hari" value="{{ $hapusbuku->lama_hari ?? "" }}"/>
                                         <!--end::Input-->
                                         @error('lama_hari')
                                         <span class="text-danger">{{ $message }}</span> @enderror
@@ -291,7 +291,7 @@
                                 <!--begin::Input group-->
                                 <div class="row mb-7">
                                     <div class="col-6">
-                                        <label class="fw-semibold fs-6 mb-2">Bunga Intra</label>
+                                        <label class="fw-semibold fs-6 mb-2">Total Bunga Extra</label>
                                         <!--end::Label-->
                                         <!--begin::Input-->
                                         <input style="color:red" type="text" data-inputmask="'alias': 'currency'" id="bunga_intra" readonly name="bunga_intra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Bunga Intra" value="{{ $hapusbuku->bunga_intra ?? "" }}"/>
@@ -300,7 +300,7 @@
                                         <span class="text-danger">{{ $message }}</span> @enderror
                                     </div>
                                     <div class="col-6">
-                                        <label class="fw-semibold fs-6 mb-2">Bunga Extra</label>
+                                        <label class="fw-semibold fs-6 mb-2">Denda</label>
                                         <!--end::Label-->
                                         <!--begin::Input-->
                                         <input style="color:red" type="text" data-inputmask="'alias': 'currency'" id="bunga_ekstra" readonly name="bunga_ekstra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Bunga Extra" value="{{ $hapusbuku->bunga_ekstra ?? "" }}"/>
@@ -314,7 +314,7 @@
                                 <!--begin::Input group-->
                                 <div class="row mb-7">
                                     <div class="col-6">
-                                        <label class="fw-semibold fs-6 mb-2">Bunga Non Extra</label>
+                                        <label class="fw-semibold fs-6 mb-2">Amount Due</label>
                                         <!--end::Label-->
                                         <!--begin::Input-->
                                         <input type="text" data-inputmask="'alias': 'currency'" id="bunga_non_ekstra" name="bunga_non_ekstra" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Bunga Non Extra" value="{{ $hapusbuku->bunga_non_ekstra ?? "" }}"/>
@@ -323,7 +323,7 @@
                                         <span class="text-danger">{{ $message }}</span> @enderror
                                     </div>
                                     <div class="col-6">
-                                        <label class="fw-semibold fs-6 mb-2">Denda</label>
+                                        <label class="fw-semibold fs-6 mb-2">Tagihan Lainnya</label>
                                         <!--end::Label-->
                                         <!--begin::Input-->
                                         <input type="text" data-inputmask="'alias': 'currency'" id="denda" name="denda" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Denda" value="{{ $hapusbuku->denda ?? "" }}"/>
@@ -337,7 +337,7 @@
                                 <!--begin::Input group-->
                                 <div class="row mb-7">
                                     <div class="col-6">
-                                        <label class="fw-semibold fs-6 mb-2">Tagihan Lain</label>
+                                        <label class="fw-semibold fs-6 mb-2">Bunga Berjalan</label>
                                         <!--end::Label-->
                                         <!--begin::Input-->
                                         <input type="text" data-inputmask="'alias': 'currency'" id="tagihan_lain" name="tagihan_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Tagihan Lain" value="{{ $hapusbuku->tagihan_lain ?? "" }}"/>
@@ -617,11 +617,43 @@
                     });
                 });
 
-                $('#baki_debet,#suku_bunga,#jumlah_bunga,#jumlah_kewajiban_lain,#lama_hari').on('change', function () {
+                $('#baki_debet').on('change', function () {
                     calcTotKewajiban();
                 })
 
-                $('#total_kewajiban,#bunga_intra,#bunga_ekstra,#denda,#biaya_lain').on('change', function () {
+                $('#suku_bunga').on('change', function () {
+                    calcTotKewajiban();
+                })
+
+                $('#jumlah_bunga').on('change', function () {
+                    calcTotKewajiban();
+                })
+
+                $('#jumlah_kewajiban_lain').on('change', function () {
+                    calcTotKewajiban();
+                })
+
+                $('#lama_hari').on('change', function () {
+                    calcTotKewajiban();
+                })
+
+                $('#total_kewajiban').on('change', function () {
+                    calcTotAllKewajiban();
+                })
+
+                $('#bunga_intra').on('change', function () {
+                    calcTotAllKewajiban();
+                })
+
+                $('#bunga_ekstra').on('change', function () {
+                    calcTotAllKewajiban();
+                })
+
+                $('#denda').on('change', function () {
+                    calcTotAllKewajiban();
+                })
+
+                $('#biaya_lain').on('change', function () {
                     calcTotAllKewajiban();
                 })