@extends('layouts.father')
@section('title')
权限列表
@endsection
@section('body')
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="/admin/permission-list">组织管理</a>
        <a>
          <cite>权限列表</cite></a>
      </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
</div>
<div class="x-body">
    <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so layui-form-pane">
            {{csrf_field()}}
            <div class="layui-input-inline">
                <input type="text" id="name" name="name" required="" lay-verify="required"
                  placeholder="权限路由"     autocomplete="off" class="layui-input">
            </div>
            <div class="layui-input-inline">
                <input type="text" id="display_name" name="display_name" required="" lay-verify="required"
                       placeholder="权限描述"     autocomplete="off" class="layui-input">
            </div>
            <div class="layui-input-inline">
                <input type="text" id="belong" name="belong" required="" lay-verify="required"
                       placeholder="权限属于"     autocomplete="off" class="layui-input">
            </div>
            <input type="text" id="description" name="description" required="" lay-verify="required"
                   placeholder="描述"     autocomplete="off" class="layui-input">
            <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon"></i>增加</button>
        </form>
    </div>
    <xblock>
       {{-- <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <span class="x-right" style="line-height:40px">共有数据：88 条</span>--}}
    </xblock>
    <table class="layui-table" lay-size="sm">
        <thead>
        <tr>
            <th>序号</th>
            <th>
                <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>权限路由</th>
            <th>权限名称</th>
            <th>权限描述</th>
            <th>权限属于</th>
            <th>操作</th>
        </thead>
    </table>
    <table class="layui-table" lay-size="sm">
        <tbody id="x-img">
        @foreach($permissions as $k=>$permission)
            <tr class="info_tr">
                <td>{{$k+1}}</td>
                <td>
                    <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon">&#xe605;</i></div>
                </td>
                <td>{{$permission->id}}</td>
                <td>
                    <a title="编辑"  onclick="x_admin_show('编辑','/admin/permission-update/{{$permission->id}}')" href="javascript:;" class="a-red">
                        {{$permission->name}}
                    </a>
                </td>
                <td>{{$permission->display_name}}</td>
                <td>{{$permission->description}}</td>
                <td>{{$permission->belong}}</td>
                <td class="td-manage">
                    <a title="删除" onclick="member_del({{ $permission->id }})" href="javascript:;" class="layui-btn layui-btn-danger layui-btn-xs">
                        <i class="layui-icon">&#xe640;删除</i>
                    </a>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <div class="page">
        <div>
            {{$permissions->links()}}
        </div>
    </div>

</div>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;



        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });


    /*权限-删除*/
    function member_del(obj){
        layer.confirm('确认要删除吗？',function(index){
            //发异步删除数据
            $(obj).parents("tr").remove();
            layer.msg('已删除!',{icon:1,time:1000});
            var loadIndex = layer.load(); //打开加载loading
            $.get("/admin/permission-delete/{{$permission->id}}", function (res) {

                layer.close(loadIndex); //关闭加载loading
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    layer.msg(res.msg,{icon: 6,time:1000},function () {
                        location.reload();
                    });
                } else {

                    layer.alert(res.msg, {icon: 5});
                }
            });
        });

    }



    function delAll (argument) {

        var data = tableCheck.getData();

        layer.confirm('确认要删除吗？'+data,function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
    }
    //提交新增
    $(function () {
        layui.use('form', function () {
            var form = layui.form;
           /* //自定义验证规则
            form.verify({
                password: [/(.+){6,12}$/, '密码必须6到12位']
            });*/
            //监听提交
            form.on('submit(sreach)', function (data) {

                var loadIndex = layer.load();
                $.post("/admin/permission-add", data.field, function (res) {

                    layer.close(loadIndex);
                    if(res.status == 1) {
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.reload();
                        });
                    } else
                        layer.msg(res.msg);

                }, "json");

                return false;
            });

        });
    })


</script>
<script type="text/javascript" src="/js/tableContentRoll.js"></script>
<link rel="stylesheet" href="/css/tableContentRoll.css">
@endsection