@php use Carbon\Carbon; @endphp
<x-default-layout>

    @section('title')
        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">
                &nbsp;
            </div>
            <!--begin::Card title-->
        </div>
        <!--end::Card header-->

        <!--begin::Card body-->
        <div class="card-body py-4">
            <!--begin::Form-->

            @if(isset($hapusbuku))
                <form id="kt_modal_add_hapus_buku_form" class="form" action="{{ route('pencatatan.hapus_buku.update',$hapusbuku->id) }}" method="POST">
                    @method('PUT')
                    @csrf
                    <input type="hidden" name="id" value="{{ $hapusbuku->id }}">
                    @else
                        <form id="kt_modal_add_hapus_buku_form" class="form" action="{{ route('pencatatan.hapus_buku.store') }}" method="POST">
                            @csrf
                            @endif

                            <!--begin::Scroll-->
                            <input type="hidden" id="total_pembayaran" name="total_pembayaran" value="{{ $totalbayar }}">
                            <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" 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
                                    </div>
                                    <div class="col-6">
                                        <!--begin::Label-->
                                        <label class="required fw-semibold fs-6 mb-2">Jenis Pinjaman</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <select name="kode_jenis_pinjaman" data-control="select2" required 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)
                                                @php $selected = ''; @endphp
                                                @if($item->kode == $rekening->loan_type->kode)
                                                    @php $selected = 'selected'; @endphp
                                                @endif
                                                <option value="{{ $item->kode }}" {{ $selected }}>{{ $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" 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>
                                        <!--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"/>
                                        <!--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="text" value="{{ $rekening->debitur->address }}" 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="number" value="{{ $rekening->debitur->npwp }}" 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 name="kode_cabang" data-control="select2" data-placeholder="Pilih Cabang" required class="form-control form-control-solid mb-3 mb-lg-0">
                                            <option value="">Cabang</option>
                                            @foreach($branch as $item)
                                                @php $selected = ''; @endphp
                                                @if($item->kode == $rekening->branch->kode)
                                                    @php $selected = 'selected'; @endphp
                                                @endif
                                                <option value="{{ $item->kode }}" {{ $selected }}>{{ $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 name="kode_mata_uang" id="kode_mata_uang" required 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)
                                                @php $selected = ''; @endphp
                                                @if($item->kode == $rekening->currency->kode)
                                                    @php $selected = 'selected'; @endphp
                                                @endif
                                                <option value="{{ $item->kode }}" {{ $selected }}>{{ $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" id="tanggal_hapus_buku" name="tanggal_hapus_buku" required class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Tanggal Hapus Buku" max="{{ Carbon::now()->format('Y-m-d') }}" value="{{ $hapusbuku->tanggal_hapus_buku ?? "" }}"/>
                                        <!--end::Input-->
                                        @error('tanggal_hapus_buku')
                                        <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-6" style="display:none">
                                        <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 ?? "" }}"/>
                                        <!--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" name="nomor_fasilitas" class="form-control form-control-solid mb-3 mb-lg-0" required placeholder="Nomor Fasilitas" value="{{ $hapusbuku->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 name="kode_jenis_fasilitas" data-control="select2" required 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)
                                                @php $selected = ''; @endphp
                                                @if(isset($hapusbuku))
                                                    @if($item->kode == $hapusbuku->kode_jenis_fasilitas)
                                                        @php $selected = 'selected'; @endphp
                                                    @endif
                                                @endif
                                                <option value="{{ $item->kode }}" {{ $selected }}>{{ $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'" id="nilai_plafond_awal" required name="nilai_plafond_awal" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nilai Plafond Awal" value="{{ $hapusbuku->nilai_plafond_awal ?? "" }}"/>
                                        <!--end::Input-->
                                        @error('nilai_plafond_awal')
                                        <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-6">
                                        <label class="required fw-semibold fs-6 mb-2">Suku Bunga</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input type="number" id="suku_bunga" name="suku_bunga" class="form-control form-control-solid mb-3 mb-lg-0" required placeholder="Suku Bunga" value="{{ $hapusbuku->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'" id="baki_debet" required name="baki_debet" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Baki Debet" value="{{ $hapusbuku->baki_debet ?? "" }}"/>
                                        <!--end::Input-->
                                        @error('baki_debet')
                                        <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-6">
                                        <label class="required fw-semibold fs-6 mb-2">Jumlah Bunga</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input type="text" data-inputmask="'alias': 'currency'" id="jumlah_bunga" required name="jumlah_bunga" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Jumlah Bunga" value="{{ $hapusbuku->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="fw-semibold fs-6 mb-2">Kewajiban Lain</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input type="text" data-inputmask="'alias': 'currency'" id="jumlah_kewajiban_lain" name="jumlah_kewajiban_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Kewajiban Lain" value="{{ $hapusbuku->jumlah_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 style="color:red" type="text" data-inputmask="'alias': 'currency'" readonly id="total_kewajiban" readonly name="total_kewajiban" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Kewajiban" value="{{ $hapusbuku->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="fw-semibold fs-6 mb-2">Bunga Intra</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 ?? "" }}"/>
                                        <!--end::Input-->
                                        @error('bunga_intra')
                                        <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-6">
                                        <label class="fw-semibold fs-6 mb-2">Bunga Extra</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 ?? "" }}"/>
                                        <!--end::Input-->
                                        @error('bunga_ekstra')
                                        <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">Bunga Non Extra</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 ?? "" }}"/>
                                        <!--end::Input-->
                                        @error('bunga_non_ekstra')
                                        <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'" id="denda" name="denda" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Denda" value="{{ $hapusbuku->denda ?? "" }}"/>
                                        <!--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="fw-semibold fs-6 mb-2">Tagihan Lain</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 ?? "" }}"/>
                                        <!--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'" id="biaya_lain" name="biaya_lain" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Biaya Lain" value="{{ $hapusbuku->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="fw-semibold fs-6 mb-2">Total Seluruh Kewajiban</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input style="color:red" type="text" data-inputmask="'alias': 'currency'" readonly id="total_all_kewajiban" name="total_all_kewajiban" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Total Seluruh Kewajiban" value="{{ $hapusbuku->total_all_kewajiban ?? "" }}"/>
                                        <!--end::Input-->
                                        @error('total_all_kewajiban')
                                        <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-6">
                                        <label class="required fw-semibold fs-6 mb-2">Memo Persetujuaan</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input type="text" id="memo_persetujuan" name="memo_persetujuan" required class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Memo Persetujuaan" value="{{ $hapusbuku->memo_persetujuan ?? "" }}"/>
                                        <!--end::Input-->
                                        @error('memo_persetujuan')
                                        <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">Proses Hukum</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input type="text" id="proses_hukum" name="proses_hukum" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Proses Hukum" value="{{ $hapusbuku->proses_hukum ?? "" }}"/>
                                        <!--end::Input-->
                                        @error('roses_hukum')
                                        <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-6">
                                        <label class="fw-semibold fs-6 mb-2">Komitmen Debitur</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input type="text" id="komitmen_debitur" name="komitmen_debitur" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Komitmen Debitur" value="{{ $hapusbuku->komitmen_debitur ?? "" }}"/>
                                        <!--end::Input-->
                                        @error('komitmen_debitur')
                                        <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 id="keterangan" name="keterangan" data-control="select2" data-placeholder="Pilih Keterangan" class="form-control form-control-solid mb-3 mb-lg-0">
                                        @if(isset($hapusbuku))
                                            <option value="write-off" @if($hapusbuku->keterangan=="write-off")
                                                {{ "selected='selected'" }}
                                                @endif>Write-Off
                                            </option>
                                            <option value="ayda" @if($hapusbuku->keterangan=="ayda")
                                                {{ "selected='selected'" }}
                                                @endif>AYDA
                                            </option>
                                        @else
                                            <option value="write-off">Write-Off</option>
                                            <option value="ayda">AYDA</option>
                                        @endif
                                    </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;">
                                        @if(isset($hapusbuku))
                                            <input class="form-check-input h-20px w-30px me-5" type="checkbox" @if($hapusbuku->status==1)
                                                {{ "checked" }}
                                            @endif  value="1" id="status" name="status"/>
                                        @else
                                            <input class="form-check-input h-20px w-30px me-5" type="checkbox" value="1" id="status" name="status"/>
                                        @endif
                                        <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-->
                        @if(isset($hapusbuku))
                            <ul class="nav nav-tabs nav-line-tabs mb-5 fs-6">
                                <li class="nav-item">
                                    <a class="nav-link active" data-bs-toggle="tab" href="#jaminan">Jaminan</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-bs-toggle="tab" href="#pembayaran">Pembayaran</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-bs-toggle="tab" href="#penagihan">Penagihan</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-bs-toggle="tab" href="#history">History</a>
                                </li>
                            </ul>

                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="jaminan" role="tabpanel">
                                    <table class="table table-rounded table-striped border gy-7 gs-7">
                                        <thead>
                                        <tr class="fw-semibold fs-6 text-gray-800 border-bottom border-gray-200">
                                            <th>No</th>
                                            <th>Jenis Jaminan</th>
                                            <th>Nomor Jaminan</th>
                                            <th>Nilai Jaminan</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($jaminan as $row)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $row->guaranteeType->kode.' - '.$row->guaranteeType->name }}</td>
                                                <td>{{ $row->nomor_jaminan }}</td>
                                                <td>{{ $row->nilai_jaminan }}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="tab-pane fade" id="pembayaran" role="tabpanel">
                                    <table class="table table-rounded table-striped border gy-7 gs-7">
                                        <thead>
                                            <tr class="fw-semibold fs-6 text-gray-800 border-bottom border-gray-200">
                                                <th>No</th>
                                                <th>Kode Bayar</th>
                                                <th>Tanggal Pembayaran</th>
                                                <th>Nominal Bayar</th>
                                                <th>Keterangan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($bayar as $row)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $row->kode_bayar }}</td>
                                                <td>{{ $row->tanggal_pembayaran }}</td>
                                                <td>{{ $row->nominal_bayar }}</td>
                                                <td>{{ $row->keterangan }}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="tab-pane fade" id="penagihan" role="tabpanel">
                                    <table class="table table-rounded table-striped border gy-7 gs-7">
                                        <thead>
                                        <tr class="fw-semibold fs-6 text-gray-800 border-bottom border-gray-200">
                                            <th>No</th>
                                            <th>Tanggal Penagihan</th>
                                            <th>PIC Penagihan</th>
                                            <th>Tindakan</th>
                                            <th>Informasi LKU</th>
                                            <th>Proses Hukum</th>
                                            <th>Komitmen Debitur</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($penagihan as $row)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $row->tanggal_penagihan }}</td>
                                                <td>{{ $row->pic_penagihan }}</td>
                                                <td>{{ $row->tindakan }}</td>
                                                <td>{{ $row->informasi_lku }}</td>
                                                <td>{{ $row->proses_hukum=="1" ? "Ya" : "Tidak" }}</td>
                                                <td>{{ $row->komitmen_debitur }}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="tab-pane fade" id="history" role="tabpanel">
                                    <table class="table table-rounded table-striped border gy-7 gs-7">
                                        <thead>
                                            <tr class="fw-semibold fs-6 text-gray-800 border-bottom border-gray-200">
                                                <th>No</th>
                                                <th>Tanggal Awal</th>
                                                <th>Tanggal Akhir</th>
                                                <th>Total Kewajiban</th>
                                                <th>Suku Bunga</th>
                                                <th>Nilai Bunga</th>
                                                <th>Hari Bunga</th>
                                                <th>SK Bunga Denda</th>
                                                <th>Nilai Denda</th>
                                                <th>Hari Denda</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
            @endif
        </div>
        <!--end::Card body-->
    </div>
    @push('scripts')
        <script>
            Inputmask.extendAliases({
                'currency': {
                    autoUnmask: true,
                    allowPlus: true,
                    allowMinus: true,
                }
            });

            $(function () {
                $("#kt_modal_add_hapus_buku_form").submit(function (e) {
                    e.preventDefault(); // avoid to execute the actual submit of the form.

                    var form = $(this);
                    var actionUrl = form.attr('action');
                    var _method = "POST";
                    @if(isset($hapusbuku))
                        _method = "PUT";
                    @endif
                    $.ajax({
                        type: _method,
                        url: actionUrl,
                        data: form.serialize(),
                        success: function (data) {
                            var _data = JSON.parse(data);
                            toastr.success(_data.message);
                            window.location.href = "{{ route('pencatatan.hapus_buku.index') }}";
                        },
                        error: function (data, textStatus, errorThrown) {
                            var errors = data.responseJSON.errors;
                            $.each(errors, function (key, value) {
                                toastr.error(value);
                            });
                        }
                    });
                });

                $('#baki_debet,#suku_bunga,#jumlah_bunga,#jumlah_kewajiban_lain,#lama_hari').on('change', function () {
                    calcTotKewajiban();
                })

                $('#total_kewajiban,#bunga_intra,#bunga_ekstra,#denda,#biaya_lain').on('change', function () {
                    calcTotAllKewajiban();
                })

                $('#kt_modal_add_hapus_buku').on('hidden.bs.modal', function () {
                    $(this).find('form').trigger('reset');
                })

                $('#tanggal_hapus_buku').on('change', function () {
                    const today = new Date();
                    const date1 = new Date($(this).val());

                    const diffDays = Math.abs(today.getTime() - date1.getTime()) / 86400000;

                    $('#lama_hari').val(Math.floor(diffDays));
                })
            });

            function calcTotKewajiban() {
                var total;
                var lama;

                var baki;
                var intra;
                var ekstra;

                var intraFixed;
                var ekstraFixed;

                var all;


                total = parseFloat($('#baki_debet').val()) + parseFloat($('#jumlah_bunga').val()) + parseFloat($('#jumlah_kewajiban_lain').val());
                baki = $('#baki_debet').val();
                lama = $('#lama_hari').val();

                intra = 0;
                ekstra = 0;

                if (lama > 0) {
                    intra = (total * (parseFloat($('#suku_bunga').val()) / 100) * lama) / 360;
                }

                extra = (total * (60 / 100) * lama) / 360;

                intraFixed = intra.toFixed(2);
                ekstraFixed = extra.toFixed(2);

                all = parseFloat(total) + parseFloat(intraFixed) + parseFloat(ekstraFixed);

                $('#total_kewajiban').val(parseFloat(total));
                $('#bunga_intra').val(intraFixed);
                $('#bunga_ekstra').val(ekstraFixed);
                $('#total_all_kewajiban').val(parseFloat(all));
            }


            function calcTotAllKewajiban() {
                var total;
                var biaya_lain = $('#biaya_lain').val() === '' ? 0 : $('#biaya_lain').val();
                var denda = $('#denda').val() === '' ? 0 : $('#denda').val();

                total = parseFloat($('#total_kewajiban').val()) +
                    parseFloat($('#bunga_intra').val()) + parseFloat($('#bunga_ekstra').val()) + parseFloat(denda) + parseFloat(biaya_lain);

                $('#total_all_kewajiban').val(total);
            }
        </script>
    @endpush
</x-default-layout>