@extends('layouts.adminmaster')

		@section('styles')

		@endsection

							@section('content')

							<!--Page header-->
							<div class="page-header d-xl-flex d-block">
								<div class="page-leftheader">
									<h4 class="page-title"><span class="font-weight-normal text-muted ms-2">{{lang('Role & Permissions', 'menu')}}</span></h4>
								</div>
							</div>
							<!--End Page header-->

							<div class="col-xl-12 col-lg-12 col-md-12">
								<div class="card ">
									<form method="POST" action="{{url('/admin/role/edit/'.$role->id)}}" enctype="multipart/form-data">
										@csrf


									<div class="card-header border-0">
										<h4 class="card-title">{{lang('Edit Role & Permissions')}}</h4>
										<div class="card-options card-header-styles switch pe-3">
											<div class="switch_section my-0">
												<div class="switch-toggle d-flex float-end mt-2 me-5">
													<a class="onoffswitch2">
														<input type="checkbox"  id="rolecheckall" class=" toggle-class onoffswitch2-checkbox"  >
														<label for="rolecheckall" class="toggle-class onoffswitch2-label" ></label>
													</a>
													<label class="form-label ps-3">{{lang('Select All')}}</label>
												</div>
											</div>
											<div class="form-group  ">
												<button type="submit" class="btn btn-secondary" value="{{lang('Save')}}" onclick="this.disabled=true;this.innerHTML=`Saving <i class='fa fa-spinner fa-spin'></i>`;this.form.submit();">{{lang('Save')}}</button>
											</div>
										</div>
									</div>

										<div class="card-body" >

											<div class="row">
												<div class="col-sm-12 col-md-12">
													<div class="form-group">
														<label class="form-label">{{lang('Role Name')}} <span class="text-danger">*</span></label>
														@if ($role->name == 'superadmin')

														<input type="text" class="form-control @error('name') is-invalid @enderror" name="name" Value="{{$role->name}}" readonly>

														@else

														<input type="text" class="form-control @error('name') is-invalid @enderror" name="name" Value="{{$role->name}}">
														@endif
														@error('name')

															<span class="invalid-feedback d-block" role="alert">
																<strong>{{ lang($message) }}</strong>
															</span>
														@enderror

													</div>
												</div>

												<div class="col-sm-12 col-md-12">
													<div class="form-group ">
														<div class="switch-selectall">
															<label class="form-label">{{lang('Permissions')}}</label>
														</div>

														<div class="row">
															@foreach($permissions as $groupname => $permision)

															<div class="col-sm-12 col-md-12">
																<h5 class="roles-title">{{$groupname}}</h5>
															</div>
																@foreach($permision as $permission)

																	<div class="col-xl-3">
																		<div class="switch_section">
																			<div class="switch-toggle d-flex mt-4">
																				<a class="onoffswitch2">
																					@if ($role->name == 'superadmin')

																					<input type="checkbox" name="permission[]" id="myonoffswitch{{$permission->id}}" class=" toggle-class onoffswitch2-checkbox rolecheck" Value="{{$permission->id}}"  {{ $role->hasPermissionTo($permission->name) ? 'checked' : '' }} disabled>
																					<label for="myonoffswitch{{$permission->id}}" class="toggle-class onoffswitch2-label" ></label>
																					@else

																					<input type="checkbox" name="permission[]" id="myonoffswitch{{$permission->id}}" class=" toggle-class onoffswitch2-checkbox rolecheck" Value="{{$permission->id}}"  {{ $role->hasPermissionTo($permission->name) ? 'checked' : '' }}>
																					<label for="myonoffswitch{{$permission->id}}" class="toggle-class onoffswitch2-label" ></label>
																					@endif

																				</a>
																				<label class="form-label ps-3">{{ $permission->name }}</label>
																			</div>
																		</div>
																	</div>
																@endforeach
															@endforeach

														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-12 card-footer ">
											<div class="form-group float-end">
												<button type="submit" class="btn btn-secondary" value="{{lang('Save')}}" onclick="this.disabled=true;this.innerHTML=`Saving <i class='fa fa-spinner fa-spin'></i>`;this.form.submit();">{{lang('Save')}}</button>
											</div>
										</div>
									</form>
								</div>
							</div>
							@endsection

		@section('scripts')

		<!-- INTERNAL Vertical-scroll js-->
		<script src="{{asset('build/assets/plugins/vertical-scroll/jquery.bootstrap.newsbox.js')}}?v=1746436559"></script>

		<!-- INTERNAL Index js-->
        @vite(['resources/assets/js/support/support-sidemenu.js'])

		<script type="text/javascript">
            $(function() {
                "use strict";

                (function($)  {

                    // select all switch
                    $('#rolecheckall').on('click', function() {
                        if(this.checked){
                            $('.rolecheck').each(function(){
                                this.checked = true;
                            });
                        }else{
                            $('.rolecheck').each(function(){
                                this.checked = false;
                            });
                        }

                    });

                    // select all switch
                    $('.rolecheck').on('click',function(){
                        if($('.rolecheck:checked').length == $('.rolecheck').length){
                            $('#rolecheckall').prop('checked',true);
                        }else{
                            $('#rolecheckall').prop('checked',false);
                        }
                    });
                    if($('.rolecheck:checked').length == $('.rolecheck').length){
                        $('#rolecheckall').prop('checked',true);
                    }else{
                        $('#rolecheckall').prop('checked',false);
                    }
                })(jQuery);
            })
		</script>

		@endsection