@model List<AuthApplicationModel>
@{
    ViewBag.Title = "应用访问申请管理";
    Layout = "_AdminLayout";
}

<div class="page-header mb-3">
    <h1 class="mb-1">应用访问申请</h1>
    <p class="text-body-secondary">查看并审核用户提交的应用访问申请</p>
    <div class="row g-2 mt-2">
        <div class="col-12 col-md-auto">
            <div class="input-group">
                <span class="input-group-text">时间范围</span>
                <input type="text" class="form-control" id="dateRange" placeholder="请选择时间范围" autocomplete="off" style="min-width: 200px;">
            </div>
        </div>
        <div class="col-12 col-md">
            <div class="input-group">
                <span class="input-group-text">账号</span>
                <input id="accountFilter" class="form-control" type="text" placeholder="输入申请用户ID" autocomplete="off" />
            </div>
        </div>
        <div class="col-12 col-md">
            <div class="input-group">
                <span class="input-group-text">应用</span>
                <select id="clientFilter" class="form-select" autocomplete="off">
                    <option value="">全部应用</option>
                    @foreach (var app in (Model ?? []).OrderBy(x => x.DisplayName, StringComparer.OrdinalIgnoreCase))
                    {
                        <option value="@app.ClientId">@app.DisplayName (@app.ClientId)</option>
                    }
                </select>
            </div>
        </div>
        <div class="col-12 col-md-auto d-flex gap-2 justify-content-md-end">
            <button id="btnSearch" class="btn btn-primary" type="button">搜索</button>
            <button id="btnClear" class="btn btn-secondary" type="button">清空</button>
        </div>
    </div>
</div>

<div class="table-wrapper">
    <table class="table table-hover align-middle layui-table" id="accessRequestTable" lay-filter="accessRequestTable"
           data-page-url="@Url.Action("Page", "AccessRequest")"
           data-handle-url="@Url.Action("Handle", "AccessRequest")">
    </table>
</div>

<script type="text/html" id="accessRequestTableActions">
    <div class="layui-btn-group">
        {{# if(d.status === 0){ }}
        <button type="button" class="layui-btn layui-btn-xs" lay-event="approve">通过</button>
        <button type="button" class="layui-btn layui-btn-xs layui-btn-danger" lay-event="reject">拒绝</button>
        <button type="button" class="layui-btn layui-btn-xs layui-btn-primary" lay-event="ignore">忽略</button>
        {{# } else { }}
        <button type="button" class="layui-btn layui-btn-xs layui-btn-primary" lay-event="restore">还原</button>
        {{# } }}
    </div>
</script>

<script type="text/html" id="statusTpl">
    {{# if(d.status === 0){ }}
    <span class="badge bg-warning text-dark">待处理</span>
    {{# } else if(d.status === 1){ }}
    <span class="badge bg-success">已通过</span>
    {{# } else if(d.status === 2){ }}
    <span class="badge bg-danger">已拒绝</span>
    {{# } else if(d.status === 3){ }}
    <span class="badge bg-secondary">已忽略</span>
    {{# } else { }}
    <span class="badge bg-secondary">-</span>
    {{# } }}
</script>

@section Scripts {
    <script src="~/js/access-request.js" asp-append-version="true"></script>
}