<div class="space-y-4">
    <div class="rounded-lg bg-danger-50 dark:bg-danger-900/20 p-4 border border-danger-200 dark:border-danger-800">
        <div class="flex items-start">
            <div class="flex-shrink-0">
                <svg class="h-6 w-6 text-danger-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd" />
                </svg>
            </div>
            <div class="ml-3 flex-1">
                <h3 class="text-base font-semibold text-danger-800 dark:text-danger-200">
                    文档转换失败
                </h3>
                <div class="mt-3 text-sm text-danger-700 dark:text-danger-300 space-y-1">
                    <p><strong>文档：</strong>{{ $document->title }}</p>
                    <p><strong>文件名：</strong>{{ $document->display_file_name }}</p>
                    <p><strong>失败时间：</strong>{{ $document->updated_at->format('Y年m月d日 H:i:s') }}</p>
                </div>
            </div>
        </div>
    </div>

    <div>
        <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3">错误信息：</h4>
        <div class="rounded-lg bg-gray-100 dark:bg-gray-900 p-4 border border-gray-300 dark:border-gray-700">
            <pre class="text-sm text-gray-800 dark:text-gray-200 whitespace-pre-wrap break-words font-mono leading-relaxed">{{ $document->conversion_error }}</pre>
        </div>
    </div>

    <div class="rounded-lg bg-info-50 dark:bg-info-900/20 p-4 border border-info-200 dark:border-info-800">
        <div class="flex">
            <div class="flex-shrink-0">
                <svg class="h-6 w-6 text-info-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd" />
                </svg>
            </div>
            <div class="ml-3 flex-1">
                <h3 class="text-sm font-semibold text-info-800 dark:text-info-200 mb-2">
                    常见原因
                </h3>
                <div class="text-sm text-info-700 dark:text-info-300">
                    <ul class="space-y-2">
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span><strong>文件损坏或格式异常：</strong>请确认原始文档可以正常打开。</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span><strong>转换超时：</strong>文档过大或包含大量图片，请尝试拆分或优化后重新上传</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span><strong>内容为空：</strong>PDF 扫描件或纯图片文档无法提取文本内容</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="rounded-lg bg-warning-50 dark:bg-warning-900/20 p-4 border border-warning-200 dark:border-warning-800">
        <div class="flex">
            <div class="flex-shrink-0">
                <svg class="h-6 w-6 text-warning-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
                </svg>
            </div>
            <div class="ml-3 flex-1">
                <h3 class="text-sm font-semibold text-warning-800 dark:text-warning-200 mb-2">
                    下一步操作
                </h3>
                <div class="text-sm text-warning-700 dark:text-warning-300">
                    <p>您可以点击页面右上角的 <strong>"重试转换"</strong> 按钮重新尝试。如果问题持续存在，请联系系统管理员或尝试重新上传文档。</p>
                </div>
            </div>
        </div>
    </div>
</div>
