file-management-system/resources/views/pages/masters/directorat/_table.blade.php

<!--begin::Table-->
{{ $dataTable->table() }}
<!--end::Table-->

{{-- Inject Scripts --}}
@section('scripts')
    {{ $dataTable->scripts() }}
@endsection

@push('customscript')
    @php
        $route = explode('.', Route::currentRouteName());
    @endphp

    <script>
        $("#searchbox").on("keyup search input paste cut", function () {
            LaravelDataTables["{{$route[0]}}-table"].search(this.value).draw();
        });

        $(function () {
            const documentTitle = '{{ ucfirst($route[0]) }} Report';
            var buttons = new $.fn.dataTable.Buttons(LaravelDataTables["{{$route[0]}}-table"], {
                buttons: [
                    {
                        extend: 'copyHtml5',
                        title: documentTitle
                    },
                    {
                        extend: 'excelHtml5',
                        title: documentTitle
                    },
                    {
                        extend: 'csvHtml5',
                        title: documentTitle
                    },
                    {
                        extend: 'pdfHtml5',
                        title: documentTitle
                    },
                    {
                        extend: 'print',
                        title: documentTitle
                    }
                ]
            }).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();
                });
            });

            LaravelDataTables["{{$route[0]}}-table"].on('click','.kt_edit_form',function(event){
                event.preventDefault();
                $.ajax({
                    url: $(this).attr('href'),
                    type: 'GET',
                    dataType: 'json',
                    success: function (response) {
                        $('#title_form').text('Edit {{ ucfirst(str_replace('-',' ',$route[0])) }}');
                        $('#{{$route[0]}}_id').val(response.id);
                        $('#{{$route[0]}}_name').val(response.name);
                        $('#{{$route[0]}}_kode').val(response.kode);
                        $('.form_{{$route[0]}}').attr('action', '{{ URL::to('/'.$route[0].'/') }}/' + response.id).append('<input type="hidden" name="_method" value="PUT">');
                        $('#kt_modal_{{$route[0]}}').modal('show');
                    }
                })
            })

            LaravelDataTables["{{$route[0]}}-table"].on('click', '.delete', function (event) {
                var form = $(this).closest("form");
                event.preventDefault();
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "POST",
                            url: form.attr('action'),
                            data: form.serialize(), // serializes the form's elements.
                            success: function(data)
                            {
                                toastr.success('{{ucfirst($route[0])}} has been deleted.', 'Success!', {timeOut: 5000});
                                LaravelDataTables["{{$route[0]}}-table"].ajax.reload();
                            }
                        });

                    }
                })
            })
        })
    </script>
@endpush

@section('styles')
    <style>
        .dataTables_filter {
            display: none;
        }
    </style>
@endsection