@extends('admin.layout.main_v')
@section('permissions_active_class')
    @include('admin.layout.active_class')
@stop
@section('style')
    @if(App::getLocale() == 'ar')
        <link href="{{asset('assets/assets_1/datatables/datatables.bundle.rtl.css')}}" rel="stylesheet" type="text/css" />
    @else
        <!--begin::Page Vendors Styles(used by this page) -->
        <link href="{{asset('assets/assets_1/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
        <link href="{{url("/")}}/assets/assets_1/bootstrap-select/dist/css/bootstrap-select.css" rel="stylesheet" type="text/css" />

        <!--end::Page Vendors Styles -->
    @endif
@stop

@section('js')
    <script>
        $(document).ready(function() {
            check_all_child();
        });

        function check_all_child(id){
            if($('.parent_'+id).is(':checked')){
                $('.child_'+id).each(function() {
                    // alert("set checked");
                    $(this).attr('checked',true);
                });
                // alert('ok');
            }else{
                $('.child_'+id).each(function() {
                    $(this).attr('checked', false);
                });
                // alert('o1');
            }

            // console.log($('.child_'+id));
            // $('.child_'+id).prop('checked',this.checked);
            // $('.child_1').prop('checked',this.checked);
        }

    </script>

    <script src="{{asset('assets/assets_1/datatables/basic/basic.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/assets_1/datatables/datatables.bundle.js')}}" type="text/javascript"></script>
@stop
{{--@include('admin.pages.units-management.sidebar')--}}
@section('content')
    <!--units-management -->
    <div class="kt-portlet kt-portlet--mobile">
        <div class="kt-portlet__head kt-portlet__head--lg">
            <div class="kt-portlet__head-label">
                <span class="kt-portlet__head-icon">
                    <i class="kt-font-brand flaticon-lock"></i>
                </span>
                <h4 class="kt-portlet__head-text">
                    @if(isset($data['s_role_name']))
                        Permissions For Role: (<i><strong>{{$data['s_role_name']}}</strong></i>)
                    @endif
                </h4>
            </div>
        </div>
        <div class="kt-portlet__body">
            <!--begin: Search Form -->
            {!! FORM::open(['url'=>route('admin.roles_permissions.apply_permissions'),'class'=>'form-horizontal','role'=>'form','id'=>'add_role_form','files'=>'true']) !!}
            <div class="row">
                @if(isset($permissions))
                                        @foreach($permissions as $permission)
                        @if($counter %3 == 0 && $counter > 1)
                            <div class="kt-clearfix"></div>
                            <div class="col-md-12">
                                <br>
                                <br>
                                <br>
                            </div>
                        @endif
                        <div class="col-md-4">
                            <div class="m-form">
                                <label class="kt-checkbox">
                                    <input type="checkbox" name="permission_ids[]" @if(in_array($permission->id, $role_permissions)) {{ 'checked' }} @endif onclick="check_all_child({{$permission->id}})" value="{{$permission->id}}" class="parent_{{ $permission->id }}"> <strong>{{ $permission->s_display_name }}</strong>
                                    <span></span>
                                </label>
                                @if(isset($permission->child_permissions))
                                    <div class="form-group" style="margin-left: 30px">
                                        <div class="kt-checkbox-list">
                                            @foreach($permission->child_permissions as $child_permission)
                                                <label class="kt-checkbox">
                                                    <input type="checkbox" name="permission_ids[]" @if(in_array($child_permission->id, $role_permissions)) {{ 'checked' }} @endif value="{{ $child_permission->id }}" class="child_{{$permission->id}}"> {{ $child_permission->s_display_name }}
                                                    <span></span>
                                                </label>
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                                            @endforeach
                @endif
            </div>
            <button type="submit" class="btn btn-brand m-btn m-btn--pill m-btn--custom m-btn--icon m-btn--air" @if(App::getLocale() == 'ar') {!! 'style="position: fixed;top: 530px; left: 50px;"' !!} @else {!! 'style="position: fixed;top: 530px; right: 50px;"' !!}@endif>@lang('general.button_save_changes')</button>
            <input type="hidden" name="role_id" value="{{ $data['role_id'] }}">
            <div class="clearfix"></div>
            {!! FORM::close() !!}
        </div>
    </div>
    <!--end units-management -->
@stop