{% extends "admin_base.html" %}

{% block title %}数据备份 - 管理后台 - 智联青云{% endblock %}

{% block admin_content %}
<div class="space-y-8">
    <div>
        <h1 class="text-3xl font-extrabold bg-gradient-to-r from-emerald-400 via-teal-400 to-cyan-400 bg-clip-text text-transparent tracking-tight">数据备份</h1>
        <p class="text-sm text-slate-400 mt-1 font-medium">将服务器端所有数据（用户、杯赛、考试、帖子、聊天等）导出备份</p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <!-- 完整备份 -->
        <div class="futuristic-card-dark border-2 border-emerald-500/30 hover:border-emerald-500/50 transition-all overflow-hidden group">
            <div class="absolute -right-8 -bottom-8 w-32 h-32 bg-emerald-500/20 rounded-full blur-2xl group-hover:bg-emerald-500/30"></div>
            <div class="relative z-10 p-6">
                <div class="w-14 h-14 rounded-2xl bg-emerald-500/20 text-emerald-400 flex items-center justify-center text-2xl mb-4 border border-emerald-500/30">
                    📦
                </div>
                <h2 class="text-xl font-bold text-white mb-2">完整备份</h2>
                <p class="text-sm text-slate-400 mb-4">包含所有数据库表数据（JSON）及上传文件（头像、图片、附件等）</p>
                <a href="/admin/backup/download?full=1" class="btn-futuristic inline-flex items-center gap-2 px-5 py-2.5">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
                    下载完整备份 (ZIP)
                </a>
            </div>
        </div>

        <!-- 仅数据备份 -->
        <div class="futuristic-card-dark border-2 border-cyan-500/30 hover:border-cyan-500/50 transition-all overflow-hidden group">
            <div class="absolute -right-8 -bottom-8 w-32 h-32 bg-cyan-500/20 rounded-full blur-2xl group-hover:bg-cyan-500/30"></div>
            <div class="relative z-10 p-6">
                <div class="w-14 h-14 rounded-2xl bg-cyan-500/20 text-cyan-400 flex items-center justify-center text-2xl mb-4 border border-cyan-500/30">
                    📄
                </div>
                <h2 class="text-xl font-bold text-white mb-2">仅数据备份</h2>
                <p class="text-sm text-slate-400 mb-4">仅导出所有表数据为 JSON 文件，不含上传文件，体积更小</p>
                <a href="/admin/backup/download?full=0" class="btn-futuristic inline-flex items-center gap-2 px-5 py-2.5 bg-cyan-500/20 text-cyan-400 border border-cyan-500/30 hover:bg-cyan-500/30">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
                    下载数据备份 (JSON)
                </a>
            </div>
        </div>
    </div>

    <div class="futuristic-card-dark p-6 border border-amber-500/20 bg-amber-500/5">
        <div class="flex gap-3">
            <div class="w-10 h-10 rounded-xl bg-amber-500/20 text-amber-400 flex items-center justify-center flex-shrink-0">ℹ️</div>
            <div>
                <h3 class="font-bold text-amber-400 mb-1">备份说明</h3>
                <ul class="text-sm text-slate-400 space-y-1 list-disc list-inside">
                    <li>备份包含：用户、杯赛、考试、提交记录、帖子、回复、通知、聊天记录、好友关系等全部数据</li>
                    <li>完整备份中的 <code class="text-cyan-400">uploads/</code> 目录包含用户上传的头像、考试图片、聊天文件等</li>
                    <li>建议定期备份，重要操作前请先备份</li>
                    <li>备份文件请妥善保管，内含敏感信息（如密码哈希）</li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}