@include('header') 

<section class="body-section">
  @if (session('success'))
      <div class="alert alert-success">
          {{ session('success') }}
      </div>
  @endif
  @if (session('error'))
      <div class="col-sm-12">
          <div class="alert alert-error" role="alert">
              {{ session('error') }}
          </div>
      </div>
  @endif

    <div class="max-w-content">
        <div class="body-outer-wrapper">
            <div class="body-main">
                <div class="grid-scoller">
                    <div class="w-layout-grid permission-grid">
                        <div id="w-node-c5ea5957-9323-013a-308e-ce1c1cf33229-bf7e3f16" class="grid-title-container text-left">
                            <div class="text-block-4">Permission Id</div>
                        </div>
                        <div id="w-node-c5ea5957-9323-013a-308e-ce1c1cf33229-bf7e3f16" class="grid-title-container text-left">
                            <div class="text-block-4">Permission Name</div>
                        </div>            
                        <div id="w-node-c5ea5957-9323-013a-308e-ce1c1cf3322c-bf7e3f16" class="grid-title-container align-left">
                            <div>Disable/Enable</div>
                        </div>
                    {{-- <div class="grid-action-container"></div> --}}

                        @isset($permissions)
                            @foreach ($permissions as $index => $permission)
                                <div id="w-node-c5ea5957-9323-013a-308e-ce1c1cf33236-bf7e3f16" class="grid-value-container">
                                    <div>#{{$index+1}}</div>
                                </div>
                                <div id="w-node-c5ea5957-9323-013a-308e-ce1c1cf33236-bf7e3f16" class="grid-value-container">
                                    <div>{{ $permission['name'] }}</div>
                                    @isset($permission['warning'])
                                        <p class="alert-warning-text">{{$permission['warning']}}</p>
                                    @endisset
                                </div>
                                <div id="w-node-_6a60cfc1-d291-6f65-d941-f39fd18b114a-bf7e3f16" class="grid-value-container">
                                    <input type="hidden" id="_token_{{$index}}" name="_token" value="{{csrf_token()}}">
                                    <input type="hidden" id="permissionName_{{$index}}" name="name" value="{{ $permission['name'] }}">
                                    <input type="hidden" id="currentStatus_{{$index}}" name="currentStatus" value="{{ $permission['status'] }}">
                                    <input type="hidden" id="userId_{{$index}}" name="userId" value="{{ $userId }}">
                                    <div id="permission-toggle-switch" class="toggle-switch-container" onclick="togglePermission('{{$index}}')">
                                        <div id="toggle-switch-{{$index}}" class="toggle-switch" style="transform:{{$permission['status'] == 'enabled' ? 'translateX(25px)' : 'translateX(0px)'}}"></div>
                                    </div>
                                </div>
                            @endforeach
                        @endisset
                    @if($permissions == null)
                        <h6 class="empty-records">No records found!</h6>
                    @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</section>
@include('footer')