Master/Resources/views/relationship/_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].'-'.$route[1]}}-table"].search(this.value).draw();
        });

        $(function () {
            const documentTitle = '{{ ucfirst($route[0].' '.$route[1]) }} Report';
            var buttons = new $.fn.dataTable.Buttons(LaravelDataTables["{{$route[0].'-'.$route[1]}}-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].'-'.$route[1]}}-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[1])) }}');
                        $('#{{$route[0].'_'.$route[1]}}_id').val(response.id);
                        $('#{{$route[0].'_'.$route[1]}}_name').val(response.name);
                        $('#{{$route[0].'_'.$route[1]}}_status').prop('checked', response.status==="1");
                        $('.form_{{$route[0].'_'.$route[1]}}').attr('action', '{{ URL::to('/'.$route[0].'/'.$route[1].'/') }}/' + response.id).append('<input type="hidden" name="_method" value="PUT">');
                        $('#kt_modal_{{$route[0].'_'.$route[1]}}').modal('show');
                    }
                })
            })

            LaravelDataTables["{{$route[0].'-'.$route[1]}}-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].' '.$route[1])}} has been deleted.', 'Success!', {timeOut: 5000});
                                LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].ajax.reload();
                            }
                        });

                    }
                })
            })

            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].on('change', '.status', function (event) {
                var form = $(this).closest("form");
                var _data = form.serializeArray().reduce(function(obj, item) {
                    obj[item.name] = item.value;
                    return obj;
                }, {});
                event.preventDefault();
                $.ajax({
                    type: "POST",
                    url: form.attr('action'),
                    data: form.serialize(), // serializes the form's elements.
                    success: function (data) {
                        toastr.success('{{ucfirst($route[1])}} '+_data.name+' status has been changed.', 'Success!', {timeOut: 5000});
                    }
                });
            })
        })
    </script>
@endpush

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