@extends('layouts.default')

@push('style')
<style>
    .card-custom .card-header .card-title:after{
        content: none !important;
    }
    .page-permission .form-group{
        margin-bottom: 0;
    }
</style>
@endpush

@section('content')


    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid page-permission">
        <!--begin::Container-->
        <div class="container">

            <form action="" class="row">
                <div class="col-lg-5">
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">Plugin</label>
                        <div class="col-lg-6">
                            <select class="form-control select2 vms-select" id="plugin" name="plugin">
                                <option value="">--Select Plugin--</option>
                                {!! select($plugins, $pluginName) !!}
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="form-group row">
                        <label class="col-lg-3 col-form-label">User Group</label>
                        <div class="col-lg-6">
                            <select class="form-control select2 vms-select" id="group" name="group">
                                <option value="">--Select Group--</option>
                                {!! select($groups->toArray(), $groupId) !!}
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <button type="submit" class="btn btn-primary mr-2">Search</button>
                </div>
            </form>
                <br>
                    @if(isset($permissions) && !empty($permissions))
                    <div class="row">
                        <div class="col-lg-4">
                            @foreach($permissions as $p => $permission)
                                @if($p % 3 == 0)
                                    @include('permissions.permission-block', ['permission' => $permission])
                                @endif
                            @endforeach
                        </div>
                        <div class="col-lg-4">
                            @foreach($permissions as $p => $permission)
                                @if($p % 3 == 1)
                                    @include('permissions.permission-block', ['permission' => $permission])
                                @endif
                            @endforeach
                        </div>
                        <div class="col-lg-4">
                            @foreach($permissions as $p => $permission)
                                @if($p % 3 == 2)
                                    @include('permissions.permission-block', ['permission' => $permission])
                                @endif
                            @endforeach
                        </div>
                    </div>
                    @endif



        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->

@endsection

@push('scripts')
    <script>

        $('.vms-select').select2({
            placeholder: '--Please Select--',
        });

        $('.user-permission').click(function (){
            /*if ($(this).prop('checked') == true){
                alert('checked');
            } else {
                alert('not checked');
            }*/

            groupId = $('#group').val();
            actionId = $(this).data('id');
            console.log(groupId);
            console.log(actionId);

            $.post('{{route('permissions.update')}}', {groupId: groupId, actionId: actionId, _token: "{{csrf_token()}}"}, function (response) {
                /*if (response.status){
                    $current.find('.m-nav__link-badge').remove();
                }*/
            })


            /*if ($(this).is(":checked")){
            } else {
                alert('not checked');
            }*/
        })
    </script>
@endpush