<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>后台管理 - 飘落流星</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
</head>

<body class="bg-gray-100 flex h-screen text-gray-800">
    <!-- 左侧侧边栏 -->
    <aside class="w-64 bg-slate-900 text-white flex flex-col">
        <div class="p-6 text-center border-b border-white/10">
            <h2 class="text-2xl font-extrabold tracking-widest uppercase">Admin</h2>
            <p class="text-xs text-slate-400 mt-2">飘落流星 控制台</p>
        </div>
        <nav class="flex-1 px-4 py-6 space-y-2 overflow-y-auto">
            <a href="{{ route('admin.dashboard') }}"
                class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.dashboard') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
                📊 仪表盘
            </a>
            @if (Auth::id() === 1)
                <a href="{{ route('admin.system.edit') }}"
                    class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.system.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
                    ⚙️ 聊天室参数设置
                </a>
                <a href="{{ route('admin.smtp.edit') }}"
                    class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.smtp.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
                    📧 邮件 SMTP 配置
                </a>
            @endif
            <a href="{{ route('admin.users.index') }}"
                class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.users.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
                👥 用户管理
            </a>
            <a href="{{ route('admin.rooms.index') }}"
                class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.rooms.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
                🏠 房间管理
            </a>
            <a href="{{ route('admin.autoact.index') }}"
                class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.autoact.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
                🎲 随机事件
            </a>
            <a href="{{ route('admin.vip.index') }}"
                class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.vip.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
                👑 VIP 会员等级
            </a>
            @if (Auth::id() === 1)
                <a href="{{ route('admin.ai-providers.index') }}"
                    class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.ai-providers.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
                    🤖 AI 厂商配置
                </a>
            @endif
        </nav>
        <div class="p-4 border-t border-white/10">
            <a href="{{ route('rooms.index') }}"
                class="block w-full text-center px-4 py-2 bg-slate-800 hover:bg-slate-700 rounded transition text-sm">
                返回前台大厅
            </a>
        </div>
    </aside>

    <!-- 右侧主体内容 -->
    <main class="flex-1 flex flex-col h-full overflow-hidden relative">
        <!-- 顶栏 -->
        <header class="bg-white shadow relative z-20 flex items-center justify-between px-6 py-4">
            <h1 class="text-xl font-bold text-gray-700">@yield('title', '控制台')</h1>
            <div class="flex items-center space-x-4">
                <span class="text-sm font-medium">当前操作人: <span
                        class="text-indigo-600">{{ Auth::user()->username }}</span></span>
            </div>
        </header>

        <!-- 内容滚动区 -->
        <div class="flex-1 overflow-y-auto p-6 relative z-10">
            @if (session('success'))
                <div class="mb-6 bg-emerald-100 border-l-4 border-emerald-500 text-emerald-700 p-4 rounded shadow-sm">
                    {{ session('success') }}
                </div>
            @endif
            @if (session('error'))
                <div class="mb-6 bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded shadow-sm">
                    {{ session('error') }}
                </div>
            @endif
            @if ($errors->any())
                <div class="mb-6 bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded shadow-sm">
                    <ul class="list-disc list-inside text-sm">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @yield('content')
        </div>
    </main>
</body>

</html>
