Writeoff/Resources/views/pencatatan/klaim_jamkrindo/index.blade.php

73 lines
2.7 KiB
PHP
Raw Normal View History

2023-11-16 08:51:05 +00:00
<x-default-layout>
@section('title')
Data Klaim Jamkrindo
@endsection
@section('breadcrumbs')
{{ Breadcrumbs::render('pencatatan.klaim-jamkrindo') }}
@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-klaim_jamkrindo-table-filter="search" class="form-control form-control-solid w-250px ps-13" placeholder="Search klaim_jamkrindo" 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-klaim_jamkrindo-table-toolbar="base">
<!--begin::Add klaim_jamkrindo-->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_add_klaim_jamkrindo">
{!! getIcon('plus', 'fs-2', '', 'i') !!}
Add Jenis Fasilitas
</button>
<!--end::Add klaim_jamkrindo-->
</div>
<!--end::Toolbar-->
<!--begin::Modal-->
<livewire:writeoff::klaim-jamkrindo.klaim-jamkrindo-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['klaim-jamkrindo-table'].search(this.value).draw();
});
document.addEventListener('livewire:initialized', function () {
Livewire.on('success', function () {
$('#kt_modal_add_klaim_jamkrindo').modal('hide');
window.LaravelDataTables['klaim-jamkrindo-table'].ajax.reload();
});
});
</script>
@endpush
</x-default-layout>