{extend name="admin/layout" /}

{block name="content"}
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">上传文件管理</h5>
        <div class="text-muted">总容量：{$totalSize}，无引用：{:intval($unusedCount)}</div>
    </div>
    <div class="card-body">
        <div class="alert alert-warning">只允许删除无引用文件。删除前请确认文件不是模板、手动链接或第三方插件正在使用的资源。</div>
        <div class="table-responsive">
            <table class="table table-hover table-sm">
                <thead>
                    <tr>
                        <th>文件</th>
                        <th>状态</th>
                        <th>大小</th>
                        <th>修改时间</th>
                        <th class="text-right">操作</th>
                    </tr>
                </thead>
                <tbody>
                    {empty name="files"}
                    <tr><td colspan="5" class="text-center text-muted">暂无上传文件</td></tr>
                    {/empty}
                    {volist name="files" id="file"}
                    <tr>
                        <td>
                            {if condition="in_array($file['ext'], ['jpg', 'jpeg', 'png', 'gif', 'webp', 'ico'], true)"}
                            <img src="{$file.url}" style="width:36px;height:36px;object-fit:cover;border-radius:4px;margin-right:8px;" alt="">
                            {/if}
                            <a href="{$file.url}" target="_blank">{$file.url}</a>
                        </td>
                        <td>{:$file['used'] ? '<span class="badge badge-success">已引用</span>' : '<span class="badge badge-warning">无引用</span>'}</td>
                        <td>{$file.size}</td>
                        <td>{$file.time}</td>
                        <td class="text-right">
                            {if condition="!$file['used']"}
                            <button class="btn btn-sm btn-danger" onclick="deleteUpload('{$file.url}')">删除</button>
                            {else}
                            <button class="btn btn-sm btn-secondary" disabled>不可删</button>
                            {/if}
                        </td>
                    </tr>
                    {/volist}
                </tbody>
            </table>
        </div>
    </div>
</div>
{/block}

{block name="extraJs"}
<script>
function deleteUpload(file) {
    if (!confirm('确定删除该无引用文件？')) return;
    ajaxRequest('/admin/uploads/delete', {file: file}, function() {
        alert('删除成功');
        location.reload();
    }, {
        requirePassword: true,
        passwordMessage: '删除上传文件，请输入管理员密码确认：'
    });
}
</script>
{/block}