@extends('layouts.crm')
@section('title')用户管理@endsection
@section('header')
    <style>
        .my-logo{
            width: 112px;
            height: 142px;
        }

    </style>
@endsection
@section('navbread')
    {{-- */ $navbread = [
        ['name' => '系统设置', 'href' =>  ''],
        ['name' => '用户管理', 'href' =>  ''],

        ] /* --}}
@endsection
@section('body')
{{--
    <div class='s-u-m-nav-top-box clearfix'>
        <div  class='check-box p-l'>
            <input type="checkbox" name="staff" value="1">
            <span>教职工</span>
        </div>
        <div class='check-box p-l'>
            <input type="checkbox" name="student" value="1">
            <span>学生</span>
        </div>
        <div style='margin-right:20px;' class='check-box p-l'>
            <button style='margin-right:40px' class='layui-btn layui-btn-info together' >同步</button>
            <span class='tips'>
                    {<span style='margin:0 5px;position: relative;top:2px;' class='icon-danger'></span>同步后生成教职工、学生以及家长账号密码 }</span>
        </div>
    </div>



--}}

    <div  class='parental-evaluation-box clearfix'>
        <div class='p-e-left p-l' style='border-right:none;'>
            <div class='p-e-list' style='border:1px solid #eee;min-height:300px;border-bottom:none;'>
                <div class='p-e-list-top'>
                    <span class='layui-icon layui-icon-triangle-d'></span>
                    <span>用户组</span>
                </div>
                <ul>
                    <a href="/system/userList?group_id=0"><li class='p-e-list-item'>
                            <span>全部</span>
                        </li>
                    @foreach($info as $k=>$v)
                        <a href="/system/userList?group_id={{ $v['rs_id'] }}"><li class='p-e-list-item {{ $group_id == $v['rs_id'] ? 'on' : '' }}'>
                            <span>{{ $v['rs_name'] }}</span>
                        </li>
                        </a>
                    @endforeach
                </ul>
            </div>
        </div>
        <div class='p-e-right p-l'>
            <div style='margin-top:20px;position: relative;line-height:38px;' class='main-tab-box-1  clearfix'>
                <div class='p-l'>
                    <input style='display:inline-block;width:160px;border-radius: 20px' type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input" value="{{ $title }}">
                    <input type="hidden" name="group_id" value="{{ $group_id }}">
                    <span class='layui-icon search' style='position:absolute;left:133px;top:0px;color:#666;'>&#xe615;</span>
                </div>
                <div class='p-r'>
                    {{--<button style='margin-right:10px;height:28px;line-height: 28px;' type='button' class='layui-btn layui-btn-warm add-admin-btn'>添加管理员</button>
                    <button style='margin-right:10px;height:28px;line-height: 28px;' class='layui-btn layui-btn-warm option-user' data-msg="确定重置密码" data-type="2">密码重置</button>--}}
                    @if(hasPower('system::delUser'))
                    <button style='margin-right:10px;height:28px;line-height: 28px;' class='layui-btn layui-btn-delete option-user' data-msg="确定删除" data-type="1">删除</button>
                        @endif
                </div>
            </div>
            <table style='margin-top:30px;'  class="c-table layui-table c-parental-evaluation-table">
                <colgroup>
                    <col width="10%">
                    <col width="12%">
                    <col width="10%">
                    <col width="30%">
                    <col width="15%">
                    <col width="20%">
                    <col>
                </colgroup>
                <thead>
                <tr>
                    <th>
                        <input type="checkbox" name="check-all">
                    </th>
                    <th>序号</th>
                    <th>账号</th>
                    <th>工号/学号</th>
                    <th>姓名</th>
                    <th>用户组</th>
                </tr>
                </thead>
                <tbody>
                @if(count($userInfo->all()))
                    @foreach($userInfo as $k=>$v)
                        <tr>
                            <td>
                                @if($v['id'] != 1)
                                <input type="checkbox" name="check" value="{{ $v['id'] }}">
                                @endif
                            </td>
                            <td>{{ $k+1 }}</td>
                            <td>{{ $v['user_name'] }}</td>
                            <td>{{ $v['access_id'] == 1 ? $v['admin_no'] : $v['user_name'] }}</td>
                            <td>{{ $v['access_id'] == 4 ? $v['name'] . '家长' : $v['name'] }}</td>
                            <td>{{ isset($group[$v['access_id']]) ? $group[$v['access_id']] : '' }}</td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="6" class="no-message">暂无数据</td>
                    </tr>
                @endif
                </tbody>
            </table>
            @if(count($userInfo->all()))
                <div class="c-page">
                    {!! $userInfo->links() !!}
                </div>
            @endif
        </div>
    </div>
    <script type='text' id='add_admin_box'>
    <div class='add-admin-box'>
        <div style='text-align:center;margin:20px 0;'>
            <label style='display:inline-block;width:120px;text-align:right;' for="">工号/学号：</label>
            <input style='margin-left:10px;padding:5px 10px;' type="text" name="admin_no" required  lay-verify="required" placeholder="请输入工号" autocomplete="">
        </div>
        <div style='text-align:center;margin:20px 0;'>
            <label style='display:inline-block;width:120px;text-align:right;' for="">账号：</label>
            <input style='margin-left:10px;padding:5px 10px;' type="text" name="user_name" required  lay-verify="required" placeholder="请输入账号" autocomplete="">
        </div>
        <div style='text-align:center;margin:20px 0;'>
            <label style='display:inline-block;width:120px;text-align:right;' for="">姓名：</label>
            <input style='margin-left:10px;padding:5px 10px;' type="text" name="name" required  lay-verify="required" placeholder="请输入姓名" autocomplete="">
        </div>
    </div>
</script>
@section('footer')
@endsection
<script src="{{ asset('/crm/js/layui/layui.all.js') }}"></script>
<script src="{{ asset('/crm/js/jquery-3.2.1.min.js') }}"></script>
<script src="{{ asset('/crm/js/jq_extend.js') }}"></script>
<script src="{{ asset('/crm/js/main.js') }}"></script>
<script>
    //添加管理员
    $(".add-admin-btn").on("click",function(){

        $.layer_open({
            title: "权限配置",
            type:"1",
            html:$("#add_admin_box").html(),
            btn_arr:["取消","保存"],
            area:['500px', 'auto'],
            btn1:function(){

                
            },
            btn2:function(){
                var user_name = $('[name=user_name]').val();
                var name = $('[name=name]').val();
                var admin_no = $('[name=admin_no]').val();
                if(!user_name){
                    layer.msg('请填写用户名')
                    return false;
                }

                $.ajax({
                    url:'/system/addAdmin',
                    type:'post',
                    data:{user_name:user_name,name:name,admin_no:admin_no,_token:"{{ csrf_token() }}"},
                    success:function (re) {
                        if(re.code == 1){
                            layer.msg('添加成功', {icon:1, time:1000},function(){
                                window.location.reload();
                            })
                        }else {
                            layer.msg(re.errMsg);
                        }

                    }
                })
            }
        })
    })

    $(document).on('click','[name=check-all]',function(){
        if($(this).is(":checked")){
            $('[name=check]').prop('checked', true);
        }else{
            $('[name=check]').prop('checked', false);
        }
    });

    $(document).on('click','.option-user',function(){
        var msg = $(this).attr('data-msg');
        var type = $(this).attr('data-type');
        var check = $('tr').find('[name=check]:checked');
        if(check.length < 1){
            layer.msg('请选择操作数据');
            return false;
        }

        var id = ',';
        $.each(check,function(index, item){
            id+=$(this).val()+',';
        })

        layer.confirm(msg, {
            btn: ['确定','取消'] //按钮
        }, function(){

            $.get('/system/delUser?id='+id+'&type='+type,function (re) {
                if(re.code == 1){
                    layer.msg('操作成功', {icon:1,time:1000},function () {
                        window.location.reload();
                    })
                }else{
                    layer.msg(re.errMsg);
                }
            })
        });

    })

    $(document).on('click','.together',function(){
        var staff = $('[name=staff]:checked').val() ? $('[name=staff]:checked').val() : 0;
        var student = $('[name=student]:checked').val() ? $('[name=student]:checked').val() : 0;
        if(!staff && !student){
            layer.msg('请勾选数据');
            return false;
        }
        $.ajax({
            url:'/system/togetherUser',
            type:'post',
            data:{staff:staff,student:student,_token:"{{ csrf_token() }}"},
            success:function(re){
                if(re.code == 1){
                    layer.msg('同步成功', {icon:1,time:1000},function () {
                        window.location.reload();
                    })
                   //console.log(re);
                }else{
                    layer.msg(re.errMsg);
                }
            }
        })
    })

    $(document).on('click','.search',function(){
        var title = $('[name=title]').val();
        var group_id = $('[name=group_id]').val();
        window.location.href='/system/userList?group_id='+group_id+'&title='+title;
    })
</script>
@endsection