<x-filament-widgets::widget>
    <x-filament::section class="!p-0">
        <div class="px-6 py-5 border-b border-base-200 bg-base-100/80 backdrop-blur">
            <div class="flex flex-wrap items-center gap-3">
                <span class="inline-flex items-center gap-2 px-3 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary whitespace-nowrap">
                    <x-heroicon-o-bolt class="w-4 h-4" /> 快捷操作
                </span>
                <div class="flex flex-col gap-1">
                    <h2 class="text-lg font-semibold text-base-content">常用入口</h2>
                    <p class="text-sm text-base-content/60">出卷、分析、管理和学习洞察，一处直达</p>
                </div>
            </div>
        </div>

        <div class="p-6">
            <div class="grid auto-rows-fr gap-6 grid-cols-1 sm:grid-cols-2 w-full">
                <a href="{{ url('/admin/intelligent-exam-generation') }}"
                   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-5 flex flex-col gap-4 h-full">
                        <div class="flex items-start justify-between gap-3">
                            <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-sparkles class="w-6 h-6" />
                                </div>
                                <div class="leading-tight">
                                    <h3 class="text-base font-semibold text-base-content">智能测试</h3>
                                    <p class="text-xs text-base-content/60">Intelligent Exam Generation</p>
                                </div>
                            </div>
                            <span class="badge badge-primary badge-outline whitespace-nowrap">热门</span>
                        </div>
                        <p class="text-sm text-base-content/70 leading-relaxed flex-1">生成贴合学生画像的智能试卷。</p>
                        <div>
                            <span class="btn btn-outline btn-sm w-full">进入</span>
                        </div>
                    </div>
                </a>

                <a href="{{ url('/admin/upload-exam-paper') }}"
                   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-5 flex flex-col gap-4 h-full">
                        <div class="flex items-start justify-between gap-3">
                            <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-pie class="w-6 h-6" />
                                </div>
                                <div class="leading-tight">
                                    <h3 class="text-base font-semibold text-base-content">智能分析</h3>
                                    <p class="text-xs text-base-content/60">Upload Exam Paper</p>
                                </div>
                            </div>
                            <span class="badge badge-secondary badge-outline whitespace-nowrap">AI</span>
                        </div>
                        <p class="text-sm text-base-content/70 leading-relaxed flex-1">上传试卷并获取自动分析与评分。</p>
                        <div>
                            <span class="btn btn-outline btn-sm w-full">进入</span>
                        </div>
                    </div>
                </a>

                <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-5 flex flex-col gap-4 h-full">
                        <div class="flex items-start justify-between gap-3">
                            <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-user-group class="w-6 h-6" />
                                </div>
                                <div class="leading-tight">
                                    <h3 class="text-base font-semibold text-base-content">学员管理</h3>
                                    <p class="text-xs text-base-content/60">Student Management</p>
                                </div>
                            </div>
                            <span class="badge badge-accent badge-outline whitespace-nowrap">班级</span>
                        </div>
                        <p class="text-sm text-base-content/70 leading-relaxed flex-1">维护学生档案与班级分组。</p>
                        <div>
                            <span class="btn btn-outline btn-sm w-full">进入</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-5 flex flex-col gap-4 h-full">
                        <div class="flex items-start justify-between gap-3">
                            <div class="flex items-center gap-3">
                                <div class="w-12 h-12 rounded-xl bg-warning/10 text-warning flex items-center justify-center">
                                    <x-heroicon-o-presentation-chart-line class="w-6 h-6" />
                                </div>
                                <div class="leading-tight">
                                    <h3 class="text-base font-semibold text-base-content">学生仪表板</h3>
                                    <p class="text-xs text-base-content/60">Student Dashboard</p>
                                </div>
                            </div>
                            <span class="badge badge-warning badge-outline whitespace-nowrap">洞察</span>
                        </div>
                        <p class="text-sm text-base-content/70 leading-relaxed flex-1">查看学生画像、薄弱点与学习路径。</p>
                        <div>
                            <span class="btn btn-outline btn-sm w-full">进入</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-5 flex flex-col gap-4 h-full">
                        <div class="flex items-start justify-between gap-3">
                            <div class="flex items-center gap-3">
                                <div class="w-12 h-12 rounded-xl bg-info/10 text-info flex items-center justify-center">
                                    <x-heroicon-o-book-open class="w-6 h-6" />
                                </div>
                                <div class="leading-tight">
                                    <h3 class="text-base font-semibold text-base-content">错题本</h3>
                                    <p class="text-xs text-base-content/60">Mistake Book</p>
                                </div>
                            </div>
                            <span class="badge badge-info badge-outline whitespace-nowrap">巩固</span>
                        </div>
                        <p class="text-sm text-base-content/70 leading-relaxed flex-1">集中管理错题，助力查漏补缺与巩固提升。</p>
                        <div>
                            <span class="btn btn-outline btn-sm w-full">进入</span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </x-filament::section>
</x-filament-widgets::widget>
