@extends('layouts.main_without_top_button')
@section('title')
    Users
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('home')}}">Users</a> <span class="divider">/</span></li>
        <li class="active">Permissions</li>
    </ul>
@stop
@section('contentinner')
    <style type="text/css">
        #checkall {
            padding-left: 20px;
            font-size: 15px;
            font-weight: bolder;
        }

        #updatebtn {
            padding-left: 200px;
            margin-bottom: 7000px;

        }
    </style>
    <div class="tabbable">
        @include('settings.users.includes.user_header')
        <div class="tab-content">
            <div class="tab-pane active">

                <form action="{{route('settings.users.permissions.update',$user->id)}}" method="POST"
                      id="update_user_permissions_form">
                    {{method_field('PUT')}}
                    {{csrf_field()}}
                    {{--<h4 class="widgettitle nomargin shadowed">Module Permissions</h4>--}}
                    {{--<br>--}}
                    {{--<br>--}}
                    {{--<br>--}}
                    <div class="row-fluid">
                        <div class="span12">
                            @foreach($modules as $module)

                                <div class="span4 module">
                                    <h4 class="widgettitle nomargin shadowed">{{$module->name}}</h4>

                                    <div class="widgetcontent bordered shadowed">
                                        <div class="row-fluid">
                                            <div class="span12">
                                                <input type="checkbox" class="module_check_all_pemissions"
                                                       name="toggle"/>
                                                <ul class="list-unordered">

                                                    @foreach ($module->permissions as  $permission)
                                                        <div class="span12" style="margin-left: 25px">
                                                            <li><input type="checkbox" class="permission"
                                                                       name="permission_id[]"
                                                                       style="margin-right: 4px"
                                                                       value="{{$permission->id}}" {{$user->can($permission->name)?'checked':''}} />{{ucfirst($permission->name)}}
                                                            </li>
                                                        </div>
                                                    @endforeach

                                                </ul>
                                            </div><!--span6-->
                                        </div><!--row-fluid-->
                                    </div><!--widgetcontent-->
                                </div><!--row-fluid-->

                            @endforeach
                        </div>
                    </div>
                </form>


            </div>
        </div>
    </div>

    <script type="text/javascript">
        $('.module_check_all_pemissions').on('click', function () {
            var module_check = $(this);

            module_check.parents('.module').find(".permission").each(function () {
                if (module_check.is(':checked')) {
                    jQuery(this).prop('checked', 'checked');
                } else {
                    jQuery(this).prop('checked', '');
                }

            });

        });

        jQuery('input[name="permission_id[]"]').on('change', function (e) {
            e.preventDefault();
            var formData = $('#update_user_permissions_form').serialize();
            var url = "{{route('settings.users.permissions.update',$user->id)}}";
            jQuery.ajax({
                type: "put",
                url: url,
                data: formData,
                success: function (data) {
//                    swal({
//                        title: "Done!",
//                        text: "Successfully!",
//                        type: "success",
//                        showConfirmButton: false,
//                        timer: 1500
//                    });
                    console.log(data)
                }
            });
        })
    </script>
@stop