@section('style')
    @parent
    {{--
    <style>
        .row-table .comp-tbl-card table th {
            border-top: 0px;
        }
    </style>
    --}}
@endsection

@php
$id = $id ?? uniqid();
@endphp

{{--
<div class="container-fluid px-4">
    <div class="row row-table">
        <div class="card card-outline shadow col-12">
            <div class="card-body px-0 comp-tbl-card">
                {{ $slot_before_table ?? '' }}

                <table id="{{ $id }}" class="table table-hover dataTable w-100 row-border">
                    {{ $slot_table ?? '' }}
                </table>

                {{ $slot_after_table ?? '' }}
            </div>
        </div>
    </div>
</div>
--}}

<div class="comp-tbl-card">
    {{ $slot_before_table ?? '' }}

    <table id="{{ $id }}" class="table table-sm table-hover dataTable {{ $class ?? '' }}">
        {{ $slot_table ?? '' }}
    </table>

    {{ $slot_after_table ?? '' }}
</div>

@if ($with_delete ?? null)
    @php
        $tbl_selector = addslashes(rtrim(".comp-tbl-card #{$id}"));
        $btn_selector = $tbl_selector . ' .btn.btn-delete';
    @endphp
    <x-utility.modal_confirmation_delete />
    {{-- <x-utility.modal_error /> --}}

    @section('script')
        @parent
        <script>
            $(function() {
                var $modal_err = $('.modal#modal_error');
                var $tbl = $('{!! $tbl_selector !!}');
                window.sKaleHelper.RegisterDeleteModal('.modal#modal_delete_confirmation', '{!! $btn_selector !!}',
                    function($btn, url, method) {

                        window.sKaleHttp.doAbsoluteAJAX(url, method || 'DELETE').promise.then(res => {
                            var api = $tbl.DataTable();
                            if (api) {
                                api.ajax.reload(null, false);
                                sKaleUtils.toastSuccess(res.message);
                            }
                        }).catch(err => {
                            {{--
                            $modal_err.modal('show').find('.modal-title').text(err.error);
                            $modal_err.find('.modal-body .msg').text(err.error_msg);
                            --}}
                            sKaleUtils.toastError(err.error_msg);
                        });
                    });
            });
        </script>
    @endsection
@endif