{php include wl_template('common/header');}
<div class="app-content">
    <div class="app-filter">
        <div class="filter-list">
            <form action="" method="get" class="form-horizontal" role="form" id="form1">
                <input type="hidden" name="c" value="site" />
                <input type="hidden" name="a" value="entry" />
                <input type="hidden" name="m" value="{MODULE_NAME}" />
                <input type="hidden" name="p" value="member" />
                <input type="hidden" name="ac" value="checkMember" />
                <input type="hidden" name="do" value="checkBloggerIndex" />
                <div class="form-group form-inline">
                    <label class="col-sm-2 control-label">搜索内容</label>
                    <div class="col-sm-9">
                        <select name="keywordtype" class="form-control">
                            <option value="1" {if $_GPC['keywordtype']==1}selected="selected"{/if}>微信用户ID</option>
                            <option value="2" {if $_GPC['keywordtype']==2}selected="selected"{/if}>微信用户昵称</option>
                            <option value="3" {if $_GPC['keywordtype']==3}selected="selected"{/if}>姓名</option>
                            <option value="4" {if $_GPC['keywordtype']==4}selected="selected"{/if}>手机号</option>
                        </select>
                        <input type="text" name="keyword" class="form-control" value="{$_GPC['keyword']}"  placeholder="请输入关键字"/>
                    </div>
                </div>
                <div class="form-group form-inline">
                    <label class="col-sm-2 control-label">认证状态</label>
                    <div class="col-sm-9">
                        <select name="status" class="form-control">
                            <option value="">全部</option>
                            <option value="0" {if $_GPC['status']=='0'}selected="selected"{/if}>未认证</option>
                            <option value="1" {if $_GPC['status']==1}selected="selected"{/if}>认证成功</option>
                            <option value="2" {if $_GPC['status']==2}selected="selected"{/if}>认证失败</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label"></label>
                    <div class="col-sm-9">
                        <button class="btn btn-primary" type="submit">筛选</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="app-table-list">
        <div class="table-responsive">
            <table class="table table-responsive">
                <thead>
                <tr>
                    <th style="width: 7%;">微信用户ID</th>
                    <th style="width: 13%;">微信用户昵称</th>
                    <th style="width: 10%;">姓名/昵称</th>
                    <th style="width: 10%;">手机号</th>
                    <th style="width: 15%;">其他平台粉丝截图</th>
                    <th style="width: 15%;">申请时间</th>
                    <th style="width: 10%;">申请状态</th>
                    <th style="width: 10%;">失败原因</th>
                    <th style="width: 10%;text-align: right;">操作</th>
                </tr>
                </thead>
                <tbody>
                {loop $list $row}
                <tr>
                    <td style="overflow: visible">{$row['mid']}</td>
                    <td style="overflow: visible">
                        <img class="scrollLoading" src="{$row['avatar']}" data-url="{php echo $row['avatar'];}" height="50" width="50"/>
                        {php echo $row['nickname'];}
                    </td>
                    <td style="overflow: visible">{php echo $row['name'];}</td>
                    <td style="overflow: visible">{php echo $row['mobile'];}</td>
                    <td style="overflow: visible">
                        <a href="{php echo $row['screenshot']}" target="_blank">
                            <img class="scrollLoading" src="{$row['screenshot']}" data-url="{php echo $row['screenshot'];}" height="50" width="50"/>
                        </a>
                    </td>
                    <td style="overflow: visible">{php echo $row['create_time'];}</td>
                    <td style="overflow: visible">
                        {if $row['status'] == '0'}
                        <label class="label label-primary check-result{php echo $row['id'];}">未认证</label>
                        {elseif $row['status'] == '1'}
                        <label class="label label-success check-result{php echo $row['id'];}">认证成功</label>
                        {elseif $row['status'] == '2'}
                        <label class="label label-warning check-result{php echo $row['id'];}">认证失败</label>
                        {/if}
                    </td>
                    <td style="overflow: visible" id="remark{php echo $row['id'];}">{$row['remark']}</td>
                    <td style="overflow: visible;text-align: right;">
                        {if empty($row['status'])}
                        <a class="btn btn-primary btn-sm" href="#" id="show-audit-{php echo $row['id'];}" onclick="showAudit({php echo $row['id'];})" title="">认证</a>
                        {/if}
                    </td>
                </tr>
                {/loop}
                </tbody>
            </table>
        </div>
        <div class="app-table-foot clearfix">
            <div class="pull-left">

            </div>
            <div class="pull-right">
                {$pager}
            </div>
        </div>
        <!-- 认证弹窗模板 -->
        <div class="modal fade" id="audit-modal" tabindex="-1" role="dialog" aria-labelledby="audit-modal-title" aria-hidden="true">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <form id="audit-form">
                        <div class="modal-header">
                            <h5 class="modal-title" id="audit-modal-title">认证</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="result" id="result-pass" value="pass" checked>
                                    <label class="form-check-label" for="result-pass">通过</label>
                                </div>
                                <div class="form-check form-check-inline" style="display: inline-block;">
                                    <input class="form-check-input" type="radio" name="result" id="result-reject" value="reject">
                                    <label class="form-check-label" for="result-reject">不通过</label>
                                </div>
                            </div>
                            <div class="form-group" id="reject-reason" style="display:none">
                                <label for="reject-reason-input">不通过原因</label>
                                <textarea class="form-control" id="reject-reason-input" name="reason" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="hidden" id="hidden_id" value="">
                            <button type="submit" class="btn btn-primary">确定</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="resetFrom()">取消</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function() {
        // 监听认证结果选项
        $('input[name="result"]').on('change', function() {
            var value = $(this).val();
            if (value === 'reject') {
                $('#reject-reason').show();
            } else {
                $('#reject-reason').hide();
            }
        });

        // 监听表单提交
        $('#audit-form').on('submit', function(e) {
            e.preventDefault();
            var result = $('input[name="result"]:checked').val();
            var reason = $('textarea[name="reason"]').val();
            let data = {};
            data.id = $("#hidden_id").val();
            data.result = result;
            if (result == 'reject' && reason.length == 0) {
                tip.alert('请填写不通过的原因');
                return false;
            }
            if (reason) {
                data.reason = reason;
            }
            $.ajax({
                url:"{php echo web_url('member/checkMember/checkBloggerInfo')}",
                type:"post",
                data: {data:data},
                dataType:"json",
                async:false,
                success:function(res){
                    if (res.status===1) {
                        $('#show-audit-'+data.id).css('display','none');
                        $('.check-result'+data.id).html(res.result.span);
                        if (result == 'reject') {
                            $('.check-result'+data.id).prop("class","label label-warning check-result"+data.id);
                            $('#remark'+data.id).html(reason);
                        } else {
                            $('.check-result'+data.id).prop("class","label label-success check-result"+data.id);
                        }
                    } else {
                        tip.alert(res.result.message);
                    }
                },
                error:function(){
                    tip.alert("网络错误，请重试！！");
                }
            });
            $('#audit-modal').modal('hide');
            resetFrom();
        });
    });

    // 弹出认证弹窗
    function showAudit(id) {
        $('#audit-modal').modal({
            show: true
        });
        $('#hidden_id').val(id);
    }

    function resetFrom() {
        $('#result-pass').prop('checked', true);
        $('#result-reject').prop('checked', false);
        $('#reject-reason').hide();
        $('#reject-reason-input').val('');
    }
</script>
{php include wl_template('common/footer');}