@extends('layouts.admin')
@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between flex-wrap gap-3">
        <div>
            <h1 class="text-2xl font-bold text-white">{{ $syllabus->title }}</h1>
            <p class="text-xs text-slate-400 mt-1">{{ $syllabus->file_name }}</p>
        </div>
        <a href="{{ route('admin.syllabi.index') }}" class="admin-action-btn bg-yellow-600 text-white">← Back</a>
    </div>

    <div class="rounded-2xl border border-white/10 bg-slate-900/40 p-6 grid grid-cols-1 md:grid-cols-2 gap-4 text-sm text-slate-200">
        <div><strong>Exam Type:</strong> {{ $syllabus->exam_type }}</div>
        <div><strong>Subject:</strong> {{ $syllabus->subject ?: 'All Subjects' }}</div>
        <div><strong>File Size:</strong> {{ number_format($syllabus->file_size / 1024, 0) }} KB</div>
        <div><strong>Pages:</strong> {{ $syllabus->pages ?? '—' }}</div>
        <div><strong>Status:</strong> <span class="status-pill status-{{ $syllabus->status }}">{{ $syllabus->status }}</span></div>
        <div><strong>Uploaded:</strong> {{ $syllabus->created_at->format('d M Y, h:i A') }}</div>
    </div>

    @if($syllabus->error_message)
        <div class="rounded-2xl border border-red-400/30 bg-red-500/10 px-4 py-3 text-sm text-red-200">
            ⚠ {{ $syllabus->error_message }}
        </div>
    @endif

    <div class="flex gap-3">
        <a href="{{ $syllabus->file_url }}" target="_blank" class="admin-action-btn bg-cyan-600 text-white">👁 Open PDF</a>
        @if($syllabus->status === 'failed')
            <form action="{{ route('admin.syllabi.retry', $syllabus) }}" method="POST">
                @csrf
                <button class="admin-action-btn bg-yellow-600 text-white">🔄 Retry Extraction</button>
            </form>
        @endif
    </div>

    @if($syllabus->extracted_text)
        <div class="rounded-2xl border border-emerald-400/20 bg-emerald-500/5 p-4">
            <div class="flex items-center justify-between mb-3">
                <h3 class="text-white font-bold">📝 Extracted Text</h3>
                <span class="text-xs text-emerald-300">
                    {{ number_format(mb_strlen($syllabus->extracted_text)) }} characters
                </span>
            </div>
            <div class="max-h-96 overflow-y-auto rounded-xl bg-black/30 p-4 text-xs text-slate-200 whitespace-pre-wrap font-mono">
{{ mb_substr($syllabus->extracted_text, 0, 20000) }}
@if(mb_strlen($syllabus->extracted_text) > 20000)
... [aur {{ number_format(mb_strlen($syllabus->extracted_text) - 20000) }} characters]
@endif
            </div>
            <p class="text-xs text-slate-400 mt-2">Ye text AI ko bheja jayega jab aap "AI Generate" button dabayenge.</p>
        </div>
    @endif
</div>
@endsection