@extends('layouts.basic')
@section('content')

<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>@if($senddata->id==""){{ 'Add' }}@else{{ 'Edit' }}@endif Permission</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Permission</li>
                </ol>
            </div>
        </div>
    </div>
</section>
<section class="content">
    <form id="role_form" method="{{$method}}" action="{{$route}}">
        @csrf
        @if ($senddata->id != '')
        @method('PUT')
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="card card-primary">
                    <div class="card-body" style="display: block;">

                        <div class="form-group col-md-6">
                            <label for="name">Role Name <span class="redC">*</span></label>
                            <input placeholder="Enter Role name" type="text" value="{{old('name',$senddata->name)}}" name="name"
                                class="form-control">
                        </div>

                        <div class="table-responsive col-md-9">
							<table class="table table-striped role-table table-bordered" style="border:1px solid #ccc">
								<thead class="table-dark">
									<tr>
										<th>Role Access</th>
										<th>All</th>
										<th>Add</th>
										<th>Edit</th>
										<th>View</th>
										<th>Delete</th>
										<th>Addon</th>
									</tr>
								</thead>
								<tbody>
									@php $sno=0; @endphp
									@foreach($all_permissions as $key=>$all_permission)
									{{-- @if($key!='Permissions') --}}
									<tr class="module-{{$sno}}" data-id="{{$sno}}">
										<td>{{ $key }}</td>
										<td><input type="checkbox" class="select_all_{{$sno}}"></td>
										<td>
										@if(isset($all_permission['add']))
											@foreach($all_permission['add'] as $skey=>$ls_permission)
												<input type="checkbox" name="permissions[]" 												value="{{$ls_permission->name}}" class="chkbox_{{$sno}}">
											@endforeach
										@endif
										</td>
										<td>
										@if(isset($all_permission['edit']))
											@foreach($all_permission['edit'] as $skey=>$ls_permission)
												<input type="checkbox" name="permissions[]" 												value="{{$ls_permission->name}}" class="chkbox_{{$sno}}">
											@endforeach
										@endif
										</td>
										<td>
										@if(isset($all_permission['view']))
											@foreach($all_permission['view'] as $skey=>$ls_permission)
												<input type="checkbox" name="permissions[]" 												value="{{$ls_permission->name}}" class="chkbox_{{$sno}}">
											@endforeach
										@endif
										</td>
										<td>
										@if(isset($all_permission['delete']))
											@foreach($all_permission['delete'] as $skey=>$ls_permission)
												<input type="checkbox" name="permissions[]" 												value="{{$ls_permission->name}}" class="chkbox_{{$sno}}">
											@endforeach
										@endif
										</td>
										<td>
										@if(isset($all_permission['addon']))
											@foreach($all_permission['addon'] as $skey=>$ls_permission)
												@if($ls_permission['name']!='application.medicalreview')
												<input type="checkbox" class="chkbox_{{$sno}}" name="permissions[]" value="{{$ls_permission['name']}}"  > <small>{{$ls_permission['access_name']}}</small>  <!--<span class="tooltip2" data-tip="If you want to provide addons click here" ><i class="fa fa-info-circle"></i> </span> -->
												<br>
												@endif
											@endforeach
										@endif
										</td>
									</tr>
									@php $sno++; @endphp
									{{-- @endif --}}
									@endforeach
								</tbody>
							</table>
						</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-9"  style="margin-bottom:20px;">
                <a href="{{route('roles.index')}}" class="btn btn-danger">Cancel</a>
                <input type="submit" value="@if($senddata->id==""){{ 'Add' }}@else{{ 'Update' }}@endif"
                    class="btn btn-success float-right" id="submit_role_form">
            </div>
        </div>
    </form>
</section>

@endsection
@section('script')
{{-- @push('js') --}}
<script type="text/javascript">
@if($senddata->id!="")
checkall()
function checkall(){
	var loop_count="{{$sno}}";
	for(var i=0;i<loop_count;i++){
		var checked=true;
		$("input[class='chkbox_"+i+"'").each(function(){
			if(!$(this).prop("checked")){
				checked=false;
				return false;
			}
		});
		$("input[class^='select_all_"+i+"'").prop("checked",checked);
	}
}
@endif
$("input[class^='select_all_'").on('change',function(){
	var id=$(this).closest("tr").data("id");
	var checked=$(this).is(":checked");
	$("input[class='chkbox_"+id+"'").each(function(){
		$(this).prop("checked",checked);
	});
});
$("input[class^='chkbox_'").on('change',function(){
	var id=$(this).closest("tr").data("id");
	var checked=true;
	$("input[class='chkbox_"+id+"'").each(function(){
		if(!$(this).prop("checked")){
			checked=false;
			return false;
		}
	});
	$("input[class='select_all_"+id+"'").prop("checked",checked);
});
$(document).ready(function () {
$(document).on('click', '#submit_role_form', function (e) {
    e.preventDefault();
    $("form#role_form").validate({
        rules: {
            name: { required: true, },
        },
        messages: {
            name: { required: "Please enter role name",},
        },
        focusInvalid: true,
        invalidHandler: function () {
            $(this).find(":input.error:first").focus();
        }
    });
    if ($("form#role_form").valid()) {
        $("form#role_form").submit();
    }
});
});
</script>
{{-- @endpush
	 --}}
	 @endsection