<x-filament::page>
    <div class="space-y-6">
        <x-filament::section heading="Markdown 导入 → 人工补录向导">
            <div class="text-sm text-gray-600 mb-4">
                Markdown 导入 → 自动识别 → 人工补录 → 预览 → 完成。中间步骤可随时返回继续补录。
            </div>

            <div class="grid grid-cols-5 gap-3 text-xs">
                <div class="p-3 rounded-lg bg-primary-50 text-primary-700">1. 导入</div>
                <div class="p-3 rounded-lg bg-slate-50 text-slate-600">2. 自动识别</div>
                <div class="p-3 rounded-lg bg-slate-50 text-slate-600">3. 人工补录</div>
                <div class="p-3 rounded-lg bg-slate-50 text-slate-600">4. 预览</div>
                <div class="p-3 rounded-lg bg-slate-50 text-slate-600">5. 完成</div>
            </div>
        </x-filament::section>

        <div class="grid grid-cols-12 gap-6">
            <div class="col-span-8 space-y-4">
                <x-filament::section heading="选择导入记录">
                    <x-filament::input.wrapper>
                        <x-filament::input.select wire:model="importId">
                            <option value="">请选择导入记录</option>
                            @foreach($this->importOptions() as $id => $file)
                                <option value="{{ $id }}">{{ $file }}</option>
                            @endforeach
                        </x-filament::input.select>
                    </x-filament::input.wrapper>
                </x-filament::section>

                <x-filament::section heading="下一步操作">
                    <div class="grid grid-cols-4 gap-3 text-sm">
                        <div class="rounded-lg border border-slate-200 p-4">
                            <div class="font-medium text-slate-800">导入工作台</div>
                            <div class="text-xs text-slate-500 mt-1">按导入文件集中补录卷子归属</div>
                            <x-filament::button
                                tag="a"
                                href="{{ url('/admin/markdown-import-workbench') }}?import_id={{ $importId }}"
                                color="primary"
                                class="mt-3"
                            >
                                进入工作台
                            </x-filament::button>
                        </div>
                        <div class="rounded-lg border border-slate-200 p-4">
                            <div class="font-medium text-slate-800">候选题清单</div>
                            <div class="text-xs text-slate-500 mt-1">快速筛选与批量标记</div>
                            <x-filament::button
                                tag="a"
                                href="{{ url('/admin/pre-question-candidates') }}?import_id={{ $importId }}"
                                color="primary"
                                class="mt-3"
                            >
                                进入列表
                            </x-filament::button>
                        </div>
                        <div class="rounded-lg border border-slate-200 p-4">
                            <div class="font-medium text-slate-800">人工补录工作台</div>
                            <div class="text-xs text-slate-500 mt-1">边看题边补字段</div>
                            <x-filament::button
                                tag="a"
                                href="{{ url('/admin/question-candidate-workbench') }}"
                                color="gray"
                                class="mt-3"
                            >
                                进入工作台
                            </x-filament::button>
                        </div>
                        <div class="rounded-lg border border-slate-200 p-4">
                            <div class="font-medium text-slate-800">审核控制台</div>
                            <div class="text-xs text-slate-500 mt-1">批量审核与AI辅助</div>
                            <x-filament::button
                                tag="a"
                                href="{{ url('/admin/question-review-workbench') }}"
                                color="gray"
                                class="mt-3"
                            >
                                进入控制台
                            </x-filament::button>
                        </div>
                    </div>
                </x-filament::section>
            </div>

            <div class="col-span-4 space-y-4">
                <x-filament::section heading="提示">
                    <ul class="text-sm text-gray-600 space-y-2">
                        <li>若题目属性缺失，先在“人工补录工作台”批量填充。</li>
                        <li>需要审核入库，使用“审核控制台”批量通过。</li>
                        <li>导入后支持随时回到工作台继续补充字段。</li>
                    </ul>
                </x-filament::section>
            </div>
        </div>
    </div>
</x-filament::page>
