@extends('admin.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="content">

                    <!-- Start Content-->
                    <div class="container-fluid">
                        
                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            
                                            <li class="breadcrumb-item active">Add Role In Permission</li>
                                        </ol>
                                    </div>
                                     <h4 class="page-title">Add Role In Permission</h4>
                                </div>
                            </div>
                        </div>     
                        <!-- end page title --> 
  
                        <!-- Form row -->
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                         
    <form id="myForm" method="post" action="{{ route('role.permission.store') }}">
    	@csrf 


  <div class="row">
            <div class="form-group col-md-6 mb-3">
                <label for="inputEmail4" class="form-label">All Roles </label>
                <select name="role_id" class="form-select" id="example-select">
                    <option> Select One Roles </option>
                   @foreach($roles as $role)
                    <option value="{{ $role->id }}">{{ $role->name }} </option> 
                    @endforeach
                </select>
            </div>
             
        </div>



        <div class="form-check mb-2 form-check-primary">
            <input class="form-check-input" type="checkbox" value="" id="customckeck15" >
            <label class="form-check-label" for="customckeck15">Permission All</label>
        </div>

      <hr> 

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

          <div class="form-check mb-2 form-check-primary">
            <input class="form-check-input" type="checkbox" value="" id="customckeck1" >
            <label class="form-check-label" for="customckeck1">{{ $group->group_name }}</label>
        </div>

              
          </div><!--  // End col 3  -->


           <div class="col-9">
 
 @php
$permissions = App\Models\User::getpermissionByGroupName($group->group_name);
 @endphp


            @foreach($permissions as $permission)
           <div class="form-check mb-2 form-check-primary">
      <input class="form-check-input" name="permission[]" type="checkbox" value="{{ $permission->id }}" id="customckeck{{ $permission->id }}"  >
            <label class="form-check-label" for="customckeck1">{{ $permission->name }}</label>
        </div>
        @endforeach
        <br>
              
          </div><!--  // End col 9  -->
             
        </div>  <!-- // End Row  -->
        @endforeach

    	
      

        
 
                                          

   <button type="submit" class="btn btn-primary waves-effect waves-light">Save Changes</button>

                                        </form>

                                    </div> <!-- end card-body -->
                                </div> <!-- end card-->
                            </div> <!-- end col -->
                        </div>
                        <!-- end row -->

 
                        
                    </div> <!-- container -->

                </div> <!-- content -->


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

     </script>           

 

@endsection