<div class="table-responsive">
    <table id="{{ $id }}"
        {{ $attributes->merge([
            'class' => 'table table-bordered dt-responsive align-middle nowrap w-100'
        ]) }}>

        <thead>
        <tr>

            {{-- Checkbox Column --}}
            @if($checkbox)
                <th width="25px">
                    <x-checkbox-table class="check-all" />
                </th>
            @endif

            {{-- Dynamic Columns --}}
            @foreach($columns as $column)
                <th class="text-primary"
                    @if(isset($column['width'])) width="{{ $column['width'] }}" @endif
                >
                    {{ $column['label'] }}
                </th>
            @endforeach

        </tr>
        </thead>

        {{ $slot ?? '' }}

        @if($footer)
        <tfoot>
        {{ $footer }}
        </tfoot>
        @endif

    </table>
</div>
