@extends('layouts.admin')

@section('content')
<div class="mb-6 flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
    <div>
        <p class="text-xs font-semibold uppercase tracking-[0.24em] text-cyan-200">Exam Archive</p>
        <h1 class="mt-2 text-3xl font-semibold text-white">Previous Year Papers</h1>
        <p class="mt-2 max-w-3xl text-sm text-slate-300">Upload PYQs and let AI analyze topic weightage, difficulty and predicted cut-off.</p>
    </div>
    <a href="{{ route('admin.pyq.create') }}" class="admin-action-btn bg-green-600 text-white">+ Upload Paper</a>
</div>

@if(session('status'))
    <div class="mb-5 rounded-xl border border-emerald-400/30 bg-emerald-500/10 px-4 py-2 text-sm text-emerald-200">{{ session('status') }}</div>
@endif

<form method="GET" class="mb-5 flex flex-wrap items-center gap-3">
    <select name="exam_type" class="p-2 rounded bg-gray-800 border border-gray-700 text-gray-200">
        <option value="">All Exam Types</option>
        @foreach($examTypes as $type)
            <option value="{{ $type }}" @selected(request('exam_type') === $type)>{{ $type }}</option>
        @endforeach
    </select>
    <select name="year" class="p-2 rounded bg-gray-800 border border-gray-700 text-gray-200">
        <option value="">All Years</option>
        @foreach($years as $y)
            <option value="{{ $y }}" @selected((string) request('year') === (string) $y)>{{ $y }}</option>
        @endforeach
    </select>
    <button class="px-4 py-2 bg-indigo-600 rounded text-white">Filter</button>
    <a href="{{ route('admin.pyq.index') }}" class="px-4 py-2 rounded bg-gray-700 text-white">Reset</a>
</form>

<div class="overflow-x-auto bg-gray-800 rounded-xl shadow">
    <table class="w-full text-sm text-gray-300">
        <thead class="bg-gray-900 text-gray-200">
            <tr>
                <th class="p-3 text-left">Title</th>
                <th class="p-3 text-left">Exam</th>
                <th class="p-3 text-left">Year</th>
                <th class="p-3 text-left">Questions</th>
                <th class="p-3 text-left">Cut-off</th>
                <th class="p-3 text-left">AI</th>
                <th class="p-3 text-left">Action</th>
            </tr>
        </thead>
        <tbody>
        @forelse($papers as $p)
            <tr class="border-b border-gray-700 hover:bg-gray-700/40 transition">
                <td class="p-3 font-medium text-white">{{ $p->title }}</td>
                <td class="p-3">{{ $p->exam_type }}</td>
                <td class="p-3">{{ $p->year }}</td>
                <td class="p-3">{{ $p->total_questions ?? '—' }}</td>
                <td class="p-3">
                    @if($p->cut_off_general)
                        {{ $p->cut_off_general }}
                    @elseif($p->predicted_cut_off)
                        <span class="text-cyan-300">{{ $p->predicted_cut_off }} (AI)</span>
                    @else
                        <span class="text-slate-400">—</span>
                    @endif
                </td>
                <td class="p-3">
                    @if($p->ai_status === 'completed')
                        <span class="px-2 py-1 text-xs bg-emerald-600 rounded">Analyzed</span>
                    @elseif($p->ai_status === 'processing')
                        <span class="px-2 py-1 text-xs bg-yellow-600 rounded">Processing</span>
                    @elseif($p->ai_status === 'failed')
                        <span class="px-2 py-1 text-xs bg-red-600 rounded">Failed</span>
                    @else
                        <span class="px-2 py-1 text-xs bg-slate-600 rounded">Pending</span>
                    @endif
                </td>
                <td class="p-3 flex flex-wrap gap-2">
                    <a href="{{ route('admin.pyq.show', $p) }}" class="admin-action-btn bg-blue-600 text-white">View</a>
                    <form method="POST" action="{{ route('admin.pyq.destroy', $p) }}"
                          x-data
                          @submit.prevent="appConfirm('Delete this paper?', { title: 'Delete', confirmText: 'Delete' }).then(c => c && $el.submit())">
                        @csrf @method('DELETE')
                        <button class="admin-action-btn bg-red-600 text-white">Delete</button>
                    </form>
                </td>
            </tr>
        @empty
            <tr><td colspan="7" class="p-6 text-center text-slate-400">No papers yet. Upload your first PYQ.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>

<div class="mt-4">{{ $papers->links() }}</div>
@endsection