<x-filament::page>
    <div class="space-y-6">
        <div class="p-6 bg-primary/5 border border-primary/20 rounded-lg">
            <h2 class="text-xl font-bold text-primary mb-2">学习管理快捷入口</h2>
            <p class="text-sm text-base-content/70">快速访问学生管理、学习分析和错题管理功能</p>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <a href="{{ url('/admin/student-management') }}"
               class="group flex flex-col h-full rounded-xl border border-base-200 bg-base-100 shadow-sm hover:shadow-md transition duration-150 hover:-translate-y-1 overflow-hidden">
                <div class="p-6 flex flex-col gap-4 h-full">
                    <div class="flex items-center gap-3">
                        <div class="w-12 h-12 rounded-xl bg-primary/10 text-primary flex items-center justify-center">
                            <x-heroicon-o-academic-cap class="w-6 h-6" />
                        </div>
                        <div>
                            <h3 class="text-lg font-semibold text-base-content">师生管理</h3>
                            <p class="text-xs text-base-content/60">Student & Teacher Management</p>
                        </div>
                    </div>
                    <p class="text-sm text-base-content/70 flex-1">维护学生档案与班级分组，查看教师信息。</p>
                    <div>
                        <span class="btn btn-outline btn-sm w-full group-hover:bg-primary group-hover:text-primary-content">进入</span>
                    </div>
                </div>
            </a>

            <a href="{{ url('/admin/student-dashboard') }}"
               class="group flex flex-col h-full rounded-xl border border-base-200 bg-base-100 shadow-sm hover:shadow-md transition duration-150 hover:-translate-y-1 overflow-hidden">
                <div class="p-6 flex flex-col gap-4 h-full">
                    <div class="flex items-center gap-3">
                        <div class="w-12 h-12 rounded-xl bg-secondary/10 text-secondary flex items-center justify-center">
                            <x-heroicon-o-chart-bar class="w-6 h-6" />
                        </div>
                        <div>
                            <h3 class="text-lg font-semibold text-base-content">学生仪表板</h3>
                            <p class="text-xs text-base-content/60">Student Dashboard</p>
                        </div>
                    </div>
                    <p class="text-sm text-base-content/70 flex-1">查看学生画像、学习进度和薄弱点分析。</p>
                    <div>
                        <span class="btn btn-outline btn-sm w-full group-hover:bg-secondary group-hover:text-secondary-content">进入</span>
                    </div>
                </div>
            </a>

            <a href="{{ url('/admin/mistake-book') }}"
               class="group flex flex-col h-full rounded-xl border border-base-200 bg-base-100 shadow-sm hover:shadow-md transition duration-150 hover:-translate-y-1 overflow-hidden">
                <div class="p-6 flex flex-col gap-4 h-full">
                    <div class="flex items-center gap-3">
                        <div class="w-12 h-12 rounded-xl bg-accent/10 text-accent flex items-center justify-center">
                            <x-heroicon-o-bookmark class="w-6 h-6" />
                        </div>
                        <div>
                            <h3 class="text-lg font-semibold text-base-content">错题本</h3>
                            <p class="text-xs text-base-content/60">Mistake Book</p>
                        </div>
                    </div>
                    <p class="text-sm text-base-content/70 flex-1">集中管理错题，助力查漏补缺与巩固提升。</p>
                    <div>
                        <span class="btn btn-outline btn-sm w-full group-hover:bg-accent group-hover:text-accent-content">进入</span>
                    </div>
                </div>
            </a>
        </div>
    </div>
</x-filament::page>
