@extends('admin.dashboard')
@section('admin')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<style type="text/css">
	.form-check-label {
		text-transform: capitalize;
	}
</style>
<div class="page-content"> 
				<!--breadcrumb-->
				<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
					<div class="breadcrumb-title pe-3">تعديل الصلاحيات للوظائف</div>
					<div class="ps-3">
						<nav aria-label="breadcrumb">
						
						</nav>
					</div>
					<div class="ms-auto">
				 
					</div>
				</div>
				<!--end breadcrumb-->
				<div class="container">
					<div class="main-body">
						<div class="row">
							 
<div class="col-lg-10">
	<div class="card">
		<div class="card-body">

 <form id="myForm" method="post" action="{{ route('admin.roles.update',$role->id) }}"  >
			@csrf
		 
			<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">اسم الوظيفة</h6>
				</div>
				<div class="form-group col-sm-9 text-secondary">
				 <input type="text" name="name" value="{{ $role->name }}">
				</div>
			</div> 


<div class="form-check">
	<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultAll">
	<label class="form-check-label" for="flexCheckDefaultAll">كل الصلاحيات</label>
</div>


			<hr>

			@foreach($permission_groups as $group)
			<div class="row"><!--  // Start row  -->
				<div class="col-3">

					@php
$permissions = App\Models\User::getpermissionByGroupName($group->group_name);
@endphp

<div class="form-check">
				<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" {{ App\Models\User::roleHasPermissions($role,$permissions) ? 'checked' : '' }}  >
 <label class="form-check-label" for="flexCheckDefault">{{ $group->group_name }}</label>
			</div>
				</div>




				<div class="col-9">



	@foreach($permissions as $permission)
   <div class="form-check">
 <input class="form-check-input" name="permission[]" {{ $role->hasPermissionTo($permission->name) ? 'checked' : '' }}  type="checkbox" value="{{$permission->id}}" id="flexCheckDefault{{$permission->id}}">
				<label class="form-check-label" for="flexCheckDefault{{$permission->id}}">{{ $permission->name }}</label>
			</div>
		@endforeach	
		<br>		
				</div>
				
			</div><!--  // end row  -->
			@endforeach
 


			<div class="row">
				<div class="col-sm-3"></div>
				<div class="col-sm-9 text-secondary">
					<input type="submit" class="btn btn-primary px-4" value="حفظ" />
				</div>
			</div>
		</div>

		</form>



	</div>
	 



							</div>
						</div>
					</div>
				</div>
			</div>


 
<script type="text/javascript">
	$('#flexCheckDefaultAll').click(function(){
		if ($(this).is(':checked')) {
			$('input[type = checkbox]').prop('checked',true);
		}else{
			$('input[type = checkbox]').prop('checked',false);
		}
	});

</script>

 


@endsection