Writeoff/Resources/views/pencatatan/hapus_buku/index.blade.php
2023-12-08 16:56:25 +07:00

96 lines
3.4 KiB
PHP

<x-default-layout>
@section('title')
Data 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>
<!--end::Search-->
</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" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_nomor_pinjaman">
{!! getIcon('plus', 'fs-2', '', 'i') !!}
Add Hapus Buku
</button>
<!--end::Add hapus_buku-->
</div>
<!--end::Toolbar-->
<!--begin::Modal-->
@if(!$add)
<livewire:writeoff::hapus-buku.nomor-pinjaman-modal/>
<!--end::Modal-->
@else
<livewire:writeoff::hapus-buku.hapus-buku-modal/>
@endif
</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['hapus-buku-table'].search(this.value).draw();
});
document.addEventListener('livewire:initialized', function () {
Livewire.on('success', function () {
$('#kt_modal_add_hapus_buku').modal('show');
$('#kt_modal_nomor_pinjaman').modal('hide');
window.LaravelDataTables['hapus-buku-table'].ajax.reload();
});
});
Inputmask.extendAliases({
'currency': {
autoUnmask: true,
allowPlus: true,
allowMinus: true,
}
});
$(function(){
$('#kt_modal_add_hapus_buku').on('hidden.bs.modal', function () {
$(this).find('form').trigger('reset');
})
});
window.addEventListener('show', event => {
$('#kt_modal_add_hapus_buku').modal('show');
})
</script>
@endpush
</x-default-layout>