244 lines
10 KiB
PHP
244 lines
10 KiB
PHP
<x-default-layout>
|
|
|
|
@section('title')
|
|
Detail Pembayaran Pinjaman Write-off
|
|
@endsection
|
|
|
|
@section('breadcrumbs')
|
|
{{ Breadcrumbs::render('detail.pembayaran') }}
|
|
@endsection
|
|
|
|
<div class="card">
|
|
<!--begin::Card header-->
|
|
<div class="card-header border-0 pt-6">
|
|
<!--begin::Card title-->
|
|
<div class="card-title">
|
|
<div class="d-flex flex-column px-5 px-lg-10">
|
|
<!--begin::Input group-->
|
|
<div class="fv-row mb-7">
|
|
<label class="fw-semibold fs-6 mb-2">Nomor Pinjaman</label>
|
|
<!--end::Label-->
|
|
<br>
|
|
<!--end::Label-->
|
|
{{ $hapusbuku->nomor_pinjaman}}
|
|
</div>
|
|
</div>
|
|
<div class="d-flex flex-column px-5 px-lg-10">
|
|
<!--begin::Input group-->
|
|
<div class="fv-row mb-7">
|
|
<label class="fw-semibold fs-6 mb-2">Debitur</label><br>
|
|
<!--end::Label-->
|
|
{{ $hapusbuku->kode_debitur.'/'.$hapusbuku->nama_debitur }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex flex-column px-5 px-lg-10">
|
|
<!--begin::Input group-->
|
|
<div class="fv-row mb-7">
|
|
<label class="fw-semibold fs-6 mb-2">Cabang</label><br>
|
|
<!--end::Label-->
|
|
{{ $hapusbuku->kode_cabang.'/'.$cabang->name }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--begin::Card title-->
|
|
|
|
<!--begin::Card toolbar-->
|
|
<div class="card-toolbar">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end" data-kt-hapus_buku-table-toolbar="base">
|
|
<!--begin::Add hapus_buku-->
|
|
<button type="button" id="showModal" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_add_detail_pembayaran">
|
|
{!! getIcon('plus', 'fs-2', '', 'i') !!}
|
|
Add Detail Pembayaran
|
|
</button>
|
|
<!--end::Add hapus_buku-->
|
|
|
|
<!--begin::Export dropdown-->
|
|
<button type="button" class="btn btn-light-primary ms-5" data-kt-menu-trigger="click"
|
|
data-kt-menu-placement="bottom-end">
|
|
<i class="ki-duotone ki-exit-down fs-2"><span class="path1"></span><span class="path2"></span></i>
|
|
Export Report
|
|
</button>
|
|
<!--begin::Menu-->
|
|
<div id="kt_datatable_example_export_menu"
|
|
class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-200px py-4"
|
|
data-kt-menu="true">
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3" data-kt-export="copy">
|
|
Copy to clipboard
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3" data-kt-export="excel">
|
|
Export as Excel
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3" data-kt-export="csv">
|
|
Export as CSV
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3" data-kt-export="pdf">
|
|
Export as PDF
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3" data-kt-export="print">
|
|
Print
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
|
|
<!--begin::Hide default export buttons-->
|
|
<div id="kt_datatable_example_buttons" class="d-none"></div>
|
|
<!--end::Hide default export buttons-->
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
|
|
<!--begin::Modal-->
|
|
<livewire:writeoff::detail-pembayaran.detail-pembayaran-modal/>
|
|
</div>
|
|
<!--end::Card toolbar-->
|
|
</div>
|
|
<!--end::Card header-->
|
|
|
|
<!--begin::Card body-->
|
|
<div class="card-body py-4">
|
|
<!--begin::Table-->
|
|
<div class="table-responsive">
|
|
{{ $dataTable->table() }}
|
|
</div>
|
|
<!--end::Table-->
|
|
</div>
|
|
<!--end::Card body-->
|
|
</div>
|
|
|
|
@push('scripts')
|
|
{{ $dataTable->scripts() }}
|
|
<script>
|
|
document.addEventListener('livewire:initialized', function () {
|
|
// Listen for 'success' event emitted by Livewire
|
|
Livewire.on('success', (message) => {
|
|
// Reload the users-table datatable
|
|
Swal.fire({
|
|
text: message,
|
|
icon: 'success',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'Ok, got it!',
|
|
customClass: {
|
|
confirmButton: 'btn btn-primary',
|
|
}
|
|
})
|
|
$('#kt_modal_add_detail_pembayaran').modal('hide');
|
|
LaravelDataTables['detail_pembayaran-table'].ajax.reload();
|
|
});
|
|
|
|
Livewire.on('error', (message) => {
|
|
// Reload the users-table datatable
|
|
Swal.fire({
|
|
text: message,
|
|
icon: 'warning',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'Ok, got it!',
|
|
customClass: {
|
|
confirmButton: 'btn btn-primary',
|
|
}
|
|
})
|
|
$('#kt_modal_add_detail_pembayaran').modal('hide');
|
|
LaravelDataTables['detail_pembayaran-table'].ajax.reload();
|
|
});
|
|
});
|
|
|
|
Inputmask.extendAliases({
|
|
'currency': {
|
|
autoUnmask: true,
|
|
allowPlus: true,
|
|
allowMinus: true,
|
|
}
|
|
});
|
|
|
|
$(function () {
|
|
$('#kt_modal_add_detail_pembayaran').on('hidden.bs.modal', function () {
|
|
$(this).find('form').trigger('reset');
|
|
$("#nomor_pinjaman").val("{{ request()->segment(3) }}");
|
|
});
|
|
|
|
$("#showModal").on('click',function(){
|
|
$("#nomor_pinjaman").val("{{ request()->segment(3) }}");
|
|
});
|
|
});
|
|
|
|
$(function(){
|
|
const documentTitle = 'Detail Pembayaran Report';
|
|
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['detail-pembayaran-table'], {
|
|
buttons: [
|
|
{
|
|
extend: 'copyHtml5',
|
|
title: documentTitle,
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3]
|
|
}
|
|
},
|
|
{
|
|
extend: 'excelHtml5',
|
|
title: documentTitle,
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3]
|
|
}
|
|
},
|
|
{
|
|
extend: 'csvHtml5',
|
|
title: documentTitle,
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3]
|
|
}
|
|
},
|
|
{
|
|
extend: 'pdfHtml5',
|
|
title: documentTitle,
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3]
|
|
}
|
|
},
|
|
{
|
|
extend: 'print',
|
|
title: documentTitle,
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3]
|
|
}
|
|
}
|
|
]
|
|
}).container().appendTo($('#kt_datatable_example_buttons'));
|
|
|
|
// Hook dropdown menu click event to datatable export buttons
|
|
const exportButtons = document.querySelectorAll('#kt_datatable_example_export_menu [data-kt-export]');
|
|
exportButtons.forEach(exportButton => {
|
|
exportButton.addEventListener('click', e => {
|
|
e.preventDefault();
|
|
console.log(e.target.getAttribute('data-kt-export'));
|
|
// Get clicked export value
|
|
const exportValue = e.target.getAttribute('data-kt-export');
|
|
const target = document.querySelector('.dt-buttons .buttons-' + exportValue);
|
|
|
|
// Trigger click event on hidden datatable export buttons
|
|
target.click();
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|
|
|
|
</x-default-layout>
|