@php use Modules\Admin\Enums\Permission\PermissionEnum; @endphp
<div class="row">
  <div class="col-lg-12">
    <x-card>
      <x-slot:header>
        <div class="form-group">
          <x-input type="text" label="Name" wire:model="form.name"
                   :class="($errors->has('form.name') ? 'is-invalid' : '')"/>
          @error('form.name')
          <span class="text-danger small">{{ $message }}</span>
          @enderror
        </div>
      </x-slot:header>
      <div class="table-responsive table-card">
        <table class="table table-striped-columns mb-0">
          <thead class="table-light">
          <tr>
            <th>{{ __('Permission') }}</th>
            @foreach(PermissionEnum::cases() as $permission)
              <th>{{$permission->translation()}}</th>
            @endforeach
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>Dashboard</td>
            @foreach(PermissionEnum::cases() as $permission)
              <td>
                <input type="checkbox"
                       wire:model="form.permissions.{{$permission->permission('Dashboard')}}"
                       class="form-check-input"
                  @disabled(!in_array($permission->permission('Dashboard'), $permissions))
                >
              </td>
            @endforeach
          </tr>
          <tr>
            <td>Staff</td>
            @foreach(PermissionEnum::cases() as $permission)
              <td>
                <input type="checkbox"
                       wire:model="form.permissions.{{$permission->permission('Staff')}}"
                       class="form-check-input"
                  @disabled(!in_array($permission->permission('Staff'), $permissions))
                >
              </td>
            @endforeach
          </tr>
          <tr>
            <td>Department</td>
            @foreach(PermissionEnum::cases() as $permission)
              <td>
                <input type="checkbox"
                       wire:model="form.permissions.{{$permission->permission('Department')}}"
                       class="form-check-input"
                  @disabled(!in_array($permission->permission('Department'), $permissions))
                >
              </td>
            @endforeach
          </tr>
          <tr>
            <td>Role</td>
            @foreach(PermissionEnum::cases() as $permission)
              <td>
                <input type="checkbox"
                       wire:model="form.permissions.{{$permission->permission('Role')}}"
                       class="form-check-input"
                  @disabled(!in_array($permission->permission('Role'), $permissions))
                >
              </td>
            @endforeach
          </tr>
          <tr>
            <td>System Configuration</td>
            @foreach(PermissionEnum::cases() as $permission)
              <td>
                <input type="checkbox"
                       wire:model="form.permissions.{{$permission->permission('System Configuration')}}"
                       class="form-check-input"
                  @disabled(!in_array($permission->permission('System Configuration'), $permissions))
                >
              </td>
            @endforeach
          </tr>
          <tr>
            <td>Notification Settings</td>
            @foreach(PermissionEnum::cases() as $permission)
              <td>
                <input type="checkbox"
                       wire:model="form.permissions.{{$permission->permission('Notification Settings')}}"
                       class="form-check-input"
                  @disabled(!in_array($permission->permission('Notification Settings'), $permissions))
                >
              </td>
            @endforeach
          </tr>
          </tbody>
        </table>
      </div>
      <x-slot:footer>
        @if($role)
          <div class="d-flex justify-content-end">
            <x-btn wire:click="update">{{ __('Save') }}</x-btn>
          </div>
        @else
          <div class="d-flex justify-content-end">
            <x-btn wire:click="store">{{ __('Submit') }}</x-btn>
          </div>
        @endif
      </x-slot:footer>
    </x-card>
  </div>
</div>
@script
<script>
  $wire.on('trigger-redirect', () => {
    setTimeout(() => {
      window.location.href = '{{ route('admin.roles') }}'
    }, 2000);

  })
</script>
@endscript