@extends('admin.layouts.base')
@section('add_css')

@endsection
@section('content')

    <div class="layui-form layui-form-pane" lay-filter="layuiadmin-form-role" id="layuiadmin-form-role" style="padding:  20px 20px 20px 0">
        {{ csrf_field() }}
        <input type="hidden" name="guard_name" value="admin">
        <div class="layui-form-item">
            <label class="layui-form-label">{{ $page['name'] }}名称</label>
            <div class="layui-input-block">
                <input type="text" name="name" lay-verify="rq" autocomplete="off" class="layui-input" />
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">权限范围</label>
            <div class="layui-input-block">
                @if(count($permission)>0)
                            @foreach ($permission as $v)
                                <input type="checkbox" name="permissions[]" lay-filter="permissions"  value="{{ $v->id }}" lay-skin="primary" title="{{ $v['name'] }}">
                            @endforeach
                @endif

            </div>
        </div>


        <div class="layui-form-item layui-hide">

            <button class="layui-btn" lay-submit lay-filter="LAY-form-submit" id="LAY-form-submit">提交</button>
        </div>
    </div>


@endsection
@section('add_js')

    <script>
        layui.use(['index', 'form'], function(){
            var $ = layui.$
                ,form = layui.form ;
            form.on('checkbox(permissions)', function(data){
                console.log(data.elem); //得到checkbox原始DOM对象
                console.log(data.elem.checked.length); //是否被选中，true或者false
                console.log(data.value); //复选框value值，也可以通过data.elem.value得到
                console.log(data.othis); //得到美化后的DOM对象
            });
        });
    </script>
@endsection