Writeoff/Resources/views/parameter/debitur/index.blade.php
2024-01-10 11:40:39 +07:00

104 lines
3.8 KiB
PHP

<x-default-layout>
@section('title')
Debitur
@endsection
@section('breadcrumbs')
{{ Breadcrumbs::render('parameter.debitur') }}
@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-debitur-table-filter="search" class="form-control form-control-solid w-250px ps-13" placeholder="Search debitur" id="mySearchInput"/>
</div>
<!--end::Search-->
</div>
<!--begin::Card title-->
<!--begin::Card toolbar-->
<div class="card-toolbar">
<!--begin::Toolbar-->
<div class="d-flex justify-content-end" data-kt-debitur-table-toolbar="base">
<!--begin::Add debitur-->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_add_debitur">
{!! getIcon('plus', 'fs-2', '', 'i') !!}
Add Debitur
</button>
<!--end::Add debitur-->
</div>
<!--end::Toolbar-->
<!--begin::Modal-->
<livewire:writeoff::debitur.debitur-modal/>
<!--end::Modal-->
</div>
<!--end::Card toolbar-->
</div>
<!--end::Card header-->
<!--begin::Card body-->
<div class="card-body py-4">
<!--begin::Table-->
<div class="table-responsive">
{{ $dataTable->table() }}
</div>
<!--end::Table-->
</div>
<!--end::Card body-->
</div>
@push('scripts')
{{ $dataTable->scripts() }}
<script>
document.getElementById('mySearchInput').addEventListener('keyup', function () {
window.LaravelDataTables['debitur-table'].search(this.value).draw();
});
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_debitur').modal('hide');
LaravelDataTables['debitur-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_debitur').modal('hide');
LaravelDataTables['debitur-table'].ajax.reload();
});
});
$('#kt_modal_add_debitur').on('hidden.bs.modal', function () {
$(this).find('form').trigger('reset');
Livewire.dispatch('reload', false);
})
</script>
@endpush
</x-default-layout>