@php use Modules\Admin\Enums\Permission\PermissionEnum; @endphp
<div>
  <div class="row g-4 mb-3">
    <div class="col-sm-auto">
      <div>
        <a href="#" wire:click="create" class="btn btn-success">
          <i class="ri-add-line align-bottom me-1"></i>
          {{ __('Add New') }}
        </a>
      </div>
    </div>
    <div class="col-sm">
      <div class="d-flex justify-content-sm-end gap-2" wire:ignore>
        <x-input wire:model.live="search" type="search" placeholder="{{ __('Search') }}..."/>
      </div>
    </div>
  </div>
  <div @class(['card', 'card-body'])>
    <x-table :items="$items" :fields="$cols" card responsive>
      @scopedSlot('cell_actions', ($data))
      @php($item = $data['item'])
      <ul class="list-inline gap-2 mb-0 text-nowrap">
        @if(Auth::guard('admin')->user()->can(PermissionEnum::EDIT->permission('Department')))
        <li class="list-inline-item">
          <a class="text-primary d-inline-block edit-item-btn"
             href="#"
             wire:click="edit({{ $item->id }})"
             title="{{ __('Edit') }}" data-bs-placement="top" data-bs-toggle="tooltip"
             data-bs-trigger="hover">
            <i class="ri-pencil-fill fs-16"></i>
          </a>
        </li>
        @endif
        @if(Auth::guard('admin')->user()->can(PermissionEnum::DROP->permission('Department')))
          <li class="list-inline-item">
            <a class="text-danger d-inline-block edit-item-btn confirmationBtn"
               href="{{ route('admin.department.delete', $item->id) }}"
               data-question="{{ __('Are you sure to remove this pages from this system?') }}"
               data-action="{{ route('admin.department.delete', $item->id) }}"
               title="{{ __('Remove') }}"
               data-bs-placement="top" data-bs-toggle="tooltip" data-bs-trigger="hover"
            >
              <i class="ri-delete-bin-fill fs-16"></i>
            </a>
          </li>
        @endif
      </ul>
      @endScopedSlot

      @scopedSlot('sortable', ($data))
      @isset($data['field']['sortable'])
        <span class="cursor-pointer"
              wire:click="sortBy('{{ $data['field']['sorted_field'] ?? $data['field']['key'] }}')">
                    <x-svg icon="{{  @$data['field']['sort_direction'] ?? 'no' }}-sort"/>
                </span>
      @endisset
      @endScopedSlot
    </x-table>
    @if ($items->hasPages())
      <div class="d-flex justify-content-end mt-3">
        {{ $items->links() }}
      </div>
    @else
      <div class="d-flex justify-content-end mt-3 text-muted">
        {{ __('Just one page') }}
      </div>
    @endif
  </div>
</div>