{template 'web/common/header'}
<div class="layui-fluid">
    <div class="fui-content main-content">
        {template 'server/ucenter:tabs'}
        <div class="fui-card layui-card">
            <div class="layui-card-header">
                <a href="{php echo serv('ucenter')->url('member/import')}" class="fr layui-btn layui-btn-normal ajaxshow layui-hide">批量导入</a>
                <a href="{php echo serv('ucenter')->url('member/post')}" class="fr layui-btn layui-btn-danger ajaxshow">新增用户</a>
                <span class="title">用户管理</span>
                <p>共找到{$total}位用户</p>
            </div>
            <div class="layui-card-body">
                <div class="layui-table-tool" style="width: auto; border-bottom: 0;">
                    <form method="post" class="layui-form" action="{php echo serv('ucenter')->url('member')}">
                        <div class="layui-table-tool-temp">
                            {csrftoken}
                            <div class="layui-inline">
                                <div class="layui-input-inline" style="width: 320px;">
                                    <input type="text" name="keyword" value="{$_GPC['keyword']}" placeholder="请输入关键字搜索，如昵称/手机号/邮箱/UID" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <div class="layui-input-inline" style="width: 150px;">
                                    <select name="groupid">
                                        <option value="0">所有等级</option>
                                        {loop $_W['account']['groups'] $group}
                                        <option value="{$group['groupid']}"{if $group['groupid']==$_GPC['groupid']} selected{/if}>{$group['title']}</option>
                                        {/loop}
                                    </select>
                                </div>
                            </div>
                            <div class="layui-btn-container layui-inline">
                                <button type="submit" value="true" name="searchsubmit" class="layui-btn layui-btn-normal">搜索</button>
                            </div>
                        </div>
                        <div class="layui-table-tool-self">
                            <button type="submit" value="true" name="exportnow" class="layui-btn layui-btn-xs layui-btn-warm" lay-tips="导出当前"><i class="layui-icon layui-icon-export"></i></button>
                            <button type="submit" value="true" name="exportall" class="layui-btn layui-btn-xs layui-btn-danger" lay-tips="导出全部"><i class="layui-icon layui-icon-export"></i></button>
                        </div>
                    </form>
                </div>
                <table class="layui-table" lay-skin="nob" lay-even>
                    <thead>
                    <tr>
                        <th>UID</th>
                        <th>昵称</th>
                        <th>手机号/邮箱</th>
                        <th class="text-center">余额/积分</th>
                        <th class="text-center">注册时间</th>
                        <th class="text-right">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                        {if empty($list)}
                        <tr>
                            <td colspan="6" class="text-center">暂无数据</td>
                        </tr>
                        {/if}
                        {loop $list $value}
                        <tr>
                            <td><span class="text-blue js-clip" data-url="{$value['uid']}">{$value['uid']}</span></td>
                            <td>
                                <a title="查看用户详情" href="{php echo serv('ucenter')->url('member/detail',array('uid'=>$value['uid']))}" class="ajaxshow">
                                    <img src="{$value['avatar']}" class="avatar pull-left" height="48" style="vertical-align: middle; border-radius: 4px; margin-right: 10px;" />
                                    <div>
                                        <strong style="font-size: 14px; line-height: 26px;" class="color-default">{$value['nickname']}</strong><br/>
                                        <span class="text-muted">{$value['grouptitle']}</span>
                                    </div>
                                </a>
                            </td>
                            <td><i class="layui-icon layui-icon-cellphone"></i>&nbsp;{$value['mobile']}<br/><i class="fa fa-envelope-o"></i>&nbsp;{if !$value['email']}暂无{else}{$value['email']}{/if}</td>
                            <td class="text-center"><i class="layui-icon layui-icon-rmb"></i>&nbsp;{$value['credit2']}<br/><i class="layui-icon layui-icon-diamond"></i>&nbsp;{$value['credit1']}</td>
                            <td class="text-center">{$value['datetime']}</td>
                            <td class="text-right">
                                <div class="layui-btn-group">
                                    <a title="查看用户详情" href="{php echo serv('ucenter')->url('member/detail',array('uid'=>$value['uid']))}" class="ajaxshow layui-btn layui-btn-sm layui-btn-normal">详情</a>
                                    <button class="layui-btn layui-btn-sm dropitems" data-uid="{$value['uid']}">
                                        积分
                                        <i class="layui-icon layui-icon-down layui-font-12"></i>
                                    </button>
                                    <a href="{php echo serv('ucenter')->url('member/remove',array('uid'=>$value['uid']))}" data-text="即将删除该用户的所有数据且不可恢复，是否确定要删除？该操作可能会影响到其它应用和服务" class="layui-btn layui-btn-sm layui-btn-danger confirm">删除</a>
                                </div>
                            </td>
                        </tr>
                        {/loop}
                    </tbody>
                </table>
                <div class="text-right padding-xl">{$pager}</div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    function DropRender(dropdown){
        $('.dropitems').each(function (i){
            let uid = $(this).data('uid');
            dropdown.render({
                elem:this,
                data:[{title:"余额充值",id:"credit2"},{title:"积分充值",id:"credit1"},{title:"消费记录",id:"record"}],
                click:function (obj){
                    if(obj.id==='record'){
                        let url = '{php echo serv("ucenter")->url("credit")}';
                        url += url.indexOf('?')>0 ? '&' : '?';
                        url += "uid="+uid;
                        return Ajaxget(url, "消费记录");
                    }
                    layer.prompt({
                        formType:0,
                        value:0,
                        title:"请输入要添加/减少的数量"
                    }, function (value, index, Elem){
                        layer.close(index);
                        Core.post('{php echo serv("ucenter")->url("member/charge")}', function (res){
                            if(res.type!=='success') Core.report(res);
                            layer.msg(res.message, {icon:1});
                            setTimeout(function (){
                                window.location.reload();
                            },800);
                        },{
                            submit:"true",
                            type:obj.id,
                            uid:uid,
                            amount:value,
                        });
                    });
                }
            });
        });
    }
</script>
{template 'web/common/footer'}