@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="row-fluid" style="margin-bottom: 8px">
        <div class="span6  profile-left">
            <table class="table table-bordered table-invoice">
                <tr>
                    <td class="width30" style="text-align: right">Name:</td>
                    <td class="width40">{{$user->employee}}</td>
                </tr>

            </table>
        </div><!--span6-->
        <div class="span6  profile-left">
            <table class="table table-bordered table-invoice">
                <tr>
                    <td class="width30" style="text-align: right">Email:</td>
                    <td class="width30">{{$user->email}}</td>
                </tr>
                {{--<tr>--}}
                {{--<td class="width30" style="text-align: right">Phone:</td>--}}
                {{--<td class="width40"> {{$user->phone_number}}</td>--}}
                {{--</tr>--}}
            </table>
        </div><!--span6-->
    </div><!--row-fluid-->


    <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>
        @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
    </form>

    <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