@extends('layouts.main')
@section('contentinner')
    <style type="text/css">
        #checkall {
            padding-left: 20px;
            font-size: 15px;
            font-weight: bolder;
        }

        #submitsutton {
            /*padding-left: 20px;*/
            margin-right: 200px;
        }
    </style>
    <h4 class="widgettitle">Role Profile</h4>
    <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">Role:</td>
                    <td class="width40">{{$role->name}}</td>
                </tr>

            </table>
        </div><!--span6-->

    </div><!--row-fluid-->


    <form action="{{route('settings.roles.permissions.update',$role->id)}}" method="POST"
          id="update_role_permissions_form">
        {{method_field('PUT')}}
        {{csrf_field()}}
        <div class="row-fluid">
            <div class="span12">
                <h4 class="widgettitle nomargin shadowed">Module Permissions</h4>

                <div class="widgetcontent bordered shadowed">
                    @foreach($modules as $module)
                        <div class="module">
                        <span class="checkall">
                            <h5>
                                <input type="checkbox" class="module_check_all_pemissions" name="toggle"
                                       id="toggle"/>{{$module->name}}
                                </h5>
                        </span>
                            <span class="row-fluid">

                                    @foreach ($module->permissions as  $permission)
                                    <div class="span3" style="margin-left: 25px">
                                    <input type="checkbox" class="permission" name="permission_id[]"
                                           value="{{$permission->id}}"
                                            {{--{{$user->roles()->pluck('id')==$role->id?'checked':''}}--}}
                                           @foreach($role->permissions as $p)
                                            {{$permission->id==$p->id?'checked':''}}
                                           @endforeach
                                    />{{ucfirst($permission->name)}}
                                    </div>
                                @endforeach
                                        <br> <hr>
                        </span>
                        </div>
                    @endforeach
                    <span id="submitsutton"><button class="btn btn-primary pull-right">UPDATE</button></span>


                </div>
            </div><!--span8-->

        </div><!--row-fluid-->
    </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('#update_role_permissions_form').submit(function (e) {
            e.preventDefault();
            var formData = $('#update_role_permissions_form').serialize();
            var url = "{{route('settings.roles.permissions.update',$role->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