@props(['id','responsiveClass','columns'])

<div class="{{ $responsiveClass }}">
  <table id="{{ $id }}" {{ $attributes->merge(['class' => 'table table-hover text-nowrap ']) }}>
    <thead>
      <tr>
        @foreach($columns as $col)
          @if(!empty($col['checkbox']))
            <th class="{{ $col['class'] ?? '' }}">
              <input 
                class="form-check-input check-all sub_chk_all" 
                type="checkbox" 
                id="{{ $id }}_check_all" 
                aria-label="Select all">
            </th>
          @else
            <th class="{{ $col['class'] ?? '' }}">
              {{ $col['label'] }}
            </th>
          @endif
        @endforeach
      </tr>
    </thead>
    <tbody>
      {{ $slot }}
    </tbody>
  </table>
</div>