@if(!empty($pageHeader))
    <div class="data-table-page-header font-title">
        {{$pageHeader}}
    </div>
@endif

@if(!empty($customBlades['beforeFilters']))
    <div class="row">
        @foreach($customBlades['beforeFilters'] as $customBlade)
            @includeIf($customBlade['blade'], $customBlade['parameters'])
        @endforeach
    </div>
@endif

@if(!empty($filters))
    <div class="row">
        @include('data_table.components.ibox.ibox', [
            'iboxWidth' => 12,
            'iboxTitle' => $filters['title'] ?? '',
            'iboxClass' => 'data-table-filters-container-box',
            'iboxContentClass' => 'data-table-filters-container',
            'iboxContent' => 'data_table.components.filters.filters',
            'iboxContentData' => $filters
        ])
    </div>
@endif

@if(!empty($customBlades['beforeTables']))
    <div class="row">
        @foreach($customBlades['beforeTables'] as $customBlade)
            @includeIf($customBlade['blade'], $customBlade['parameters'])
        @endforeach
    </div>
@endif

@foreach($tables as $table)
    <div class="row">
        @php
            $table = array_merge(
                $table,
                [
                    'tabsId' => 'tabs_' . $loop->iteration
                ]
            )
        @endphp

        @include('data_table.components.ibox.ibox', [
            'iboxWidth' => 12,
            'iboxTitle' => $table['title'] ?? '',
            'iboxContentClass' => 'data-table-tables-container',
            'iboxContent' => 'data_table.components.tables.table',
            'iboxContentData' => $table
        ])
    </div>
@endforeach

@if(!empty($customBlades['afterTables']))
    <div class="row">
        @foreach($customBlades['afterTables'] as $customBlade)
            @includeIf($customBlade['blade'], $customBlade['parameters'])
        @endforeach
    </div>
@endif

<script>
    let controls = new DataTableControls('{{csrf_token()}}', _broadcastChannel);
</script>