@extends('Admin/layout')
@section('title','Permission List')
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
            @if(has_permission('Permission','View'))
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">Permission Setup</h4>
                </div>
                <!-- end card header -->
            @endif
                <div class="card-body">
                    <div class="live-preview">
                      
                        <form action="{{route('visitportal.permission-store')}}" method="post" class="row g-3 needs-validation" novalidate>
                            {{csrf_field()}}
                            @if(has_permission('Permission','View'))
                                <div class="col-md-12">
                                    <label class="form-label">Role Name <span class="text-danger">*</span></label>
                                    <input type="hidden" class="form-control" name="role_id" value="{{$role_id}}" plaaceholder="Role Name" readonly>
                                    <input type="text" class="form-control" name="rolename" value="{{$rolename}}" plaaceholder="Role Name" readonly>
                               
                                </div>
                               
                                <div class="col-12">
                                    <h4>All Feature List &nbsp;&nbsp;&nbsp;
                                        <input type="checkbox" name="checkall" id="checkall"
                                            onClick="check_uncheck_checkbox(this.checked);" />Check All</h4>
                                    
                                            @if(!empty($tblfeature))
                                                @foreach($tblfeature as $key => $value)
                                                @php
                                                    $string = str_replace(' ', '', $value->name);
                                                    @endphp
                                                    <div class="rowsection mb-2">
                                                        <h5>{{$value->name}} </h5><input type="checkbox" name="checkall{{$string}}" id="checkall{{$string}}"
                                                        onClick="check_uncheck_checkbox_ind(this.checked,'{{$value->id}}');" class="feature_ind" />Check All {{$value->name}}
                                                        <input type="hidden" name="feature[{{$value->name}}]" value="" />
                                                        @php
                                                            $capabilities = explode(',',$value->capabilities);
                                                            $p_list_array = [];
                                                            $p_list = \App\Models\tbl_permissions::where(['feature'=>trim($value->name),'role_id'=>decryptor($role_id)])->get();
                                                            if($p_list){
                                                                foreach($p_list as $val){
                                                                    array_push($p_list_array,$val->capability);
                                                                }
                                                            }
                                                            
                                                        @endphp
                                                        <div class="row">
                                                            @if(!empty($capabilities))
                                                                @foreach($capabilities as $key1 => $value1)
                                                                
                                                                        <div class="col-md-3">
                                                                        <div class="form-check form-switch">
                                                                            <input class="form-check-input feature {{$value->id}}" type="checkbox" id="{{$string}}" name="feature[{{$value->name}}][{{$value1}}]" value="{{$value1}}"  {{(in_array(trim($value1),$p_list_array))?"checked":""}} >
                                                                            <p>{{$value1}}</p>
                                                                        </div>
                                                                            
                                                                        </div>
                                                                
                                                                @endforeach
                                                            @endif
                                                        </div>
                                                    </div>
                                                    
                                                @endforeach
                                            @endif


                                </div>
                               @endif
                               @if(has_permission('Permission','View') && has_permission('Permission','Create'))
                                <div class="col-12">
                                    <button class="btn btn-primary" type="submit">Update</button>
                                </div>
                                @endif
                            </form>
                       
                        <!-- end table responsive -->
                    </div>
                    
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->
       
    </div>
</div>

<script src="{{ URL::asset('assets/js/jquery.min.js') }}"></script>
<script> 
$(document).ready(function () {   
    $('.feature:checked').each(function () {
        //  var status = (this.checked ? $(this).val() : ""); 
         var id = $(this).attr("id"); 
        
        if(this.checked){
            $('#checkall').prop('checked', true);
        }else{
            $('#checkall').prop('checked', false);
        }
      
        }); 
    });  
</script>
<script>
function check_uncheck_checkbox(isChecked) {
	if(isChecked) {
		$('.feature').each(function() { 
			this.checked = true; 
		});
        $('.feature_ind').each(function() { 
			this.checked = true; 
		});
	} else {
		$('.feature').each(function() {
			this.checked = false;
		}); 
        $('.feature_ind').each(function() { 
			this.checked = false; 
		});
	}
}

function check_uncheck_checkbox_ind(isChecked,type) {
	if(isChecked) {
		$('.'+type).each(function() { 
			this.checked = true; 
		});
	} else {
		$('.'+type).each(function() {
			this.checked = false;
		});
	}
}

</script>
@endsection