{{:ModuleInclude('public/header')}}

<div class="right-content">
    <div class="content-nav">
        <a href="{{:PluginsAdminUrl('vr_ticket', 'admin', 'index')}}" class="am-btn am-btn-secondary am-btn-xs">
            <i class="am-icon-angle-left"></i> 返回
        </a>
        <span>核销员管理</span>
    </div>

    <!-- 搜索栏 -->
    <div class="am-scrollable-horizontal">
        <div class="am-margin-bottom-sm">
            <form action="{{:PluginsAdminUrl('vr_ticket', 'admin', 'VerifierList')}}" method="GET" class="am-form-inline">
                <div class="am-input-group am-input-group-sm am-fl" style="width: 200px;">
                    <input type="text" name="keywords" value="{{$keywords|default=''}}" placeholder="搜索名称/用户ID" class="am-radius" />
                </div>
                <div class="am-input-group am-input-group-sm am-fl am-margin-left-sm" style="width: 120px;">
                    <select name="status" class="am-radius">
                        <option value="">全部状态</option>
                        <option value="1" {{if isset($status) && $status==1}}selected{{/if}}>启用</option>
                        <option value="0" {{if isset($status) && $status==0}}selected{{/if}}>禁用</option>
                    </select>
                </div>
                <button type="submit" class="am-btn am-btn-default am-btn-xs am-radius am-fl am-margin-left-sm">
                    <i class="am-icon-search"></i> 搜索
                </button>
                <a href="{{:PluginsAdminUrl('vr_ticket', 'admin', 'VerifierSave')}}" class="am-btn am-btn-primary am-btn-xs am-radius am-fr">
                    <i class="am-icon-plus"></i> 添加核销员
                </a>
            </form>
        </div>

        <!-- 表格 -->
        <table class="am-table am-table-striped am-table-hover am-text-middle">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>核销员名称</th>
                    <th>关联用户</th>
                    <th>状态</th>
                    <th>添加时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {{if !empty($list)}}
                {{foreach $list as $item}}
                <tr>
                    <td>{{$item.id}}</td>
                    <td>{{$item.name}}</td>
                    <td>{{$item.user_name|default='-'}}</td>
                    <td>
                        {{if $item.status == 1}}
                        <span class="am-badge am-badge-success">启用</span>
                        {{else}}
                        <span class="am-badge am-badge-danger">禁用</span>
                        {{/if}}
                    </td>
                    <td>{{if !empty($item.created_at)}}{{date('Y-m-d H:i', $item.created_at)}}{{/if}}</td>
                    <td>
                        <a href="{{:PluginsAdminUrl('vr_ticket', 'admin', 'VerifierSave', ['id'=>$item.id])}}" class="am-btn am-btn-default am-btn-xs am-radius">
                            <i class="am-icon-edit"></i> 编辑
                        </a>
                        <button type="button" class="am-btn am-btn-danger am-btn-xs am-radius" onclick="toggleVerifier({{$item.id}}, {{$item.status}})">
                            {{if $item.status == 1}}<i class="am-icon-ban"></i> 禁用{{else}}<i class="am-icon-check"></i> 启用{{/if}}
                        </button>
                    </td>
                </tr>
                {{/foreach}}
                {{else}}
                <tr>
                    <td colspan="6" class="am-text-center">暂无数据</td>
                </tr>
                {{/if}}
            </tbody>
        </table>

        <!-- 分页 -->
        {{if !empty($page)}}{{$page|raw}}{{/if}}
    </div>
</div>

<script>
function toggleVerifier(id, currentStatus) {
    var action = currentStatus == 1 ? '禁用' : '启用';
    if (!confirm('确定' + action + '该核销员？')) return;
    $.ajax({
        url: '{{:PluginsAdminUrl("vr_ticket", "admin", "VerifierDelete")}}',
        type: 'POST',
        data: {id: id},
        dataType: 'json',
        success: function(res) {
            if (res.code >= 0) {
                location.reload();
            } else {
                alert(res.msg);
            }
        }
    });
}
</script>

{{:ModuleInclude('public/footer')}}