@extends('layouts.admin')

@section('content')
<div class="mb-6 flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
    <div>
        <p class="text-xs font-semibold uppercase tracking-[0.24em] text-cyan-200">{{ $paper->exam_type }} · {{ $paper->year }}</p>
        <h1 class="mt-2 text-3xl font-semibold text-white">{{ $paper->title }}</h1>
        <p class="mt-2 text-sm text-slate-300">
            {{ $paper->paper_code ?? 'Paper' }} ·
            {{ $paper->total_questions ?? '—' }} questions ·
            Duration: {{ $paper->duration_minutes ?? '—' }} min
        </p>
    </div>
    <div class="flex flex-wrap gap-2">
        <a href="{{ $paper->pdf_url }}" target="_blank" class="admin-action-btn bg-blue-600 text-white">View PDF</a>
        <form method="POST" action="{{ route('admin.pyq.analyze', $paper) }}"
              x-data
              @submit.prevent="appConfirm('Run AI analysis now?', { title: 'AI Analysis', confirmText: 'Run' }).then(c => c && $el.submit())">
            @csrf
            <button class="admin-action-btn bg-cyan-600 text-white">Run AI Analysis</button>
        </form>
        <a href="{{ route('admin.pyq.index') }}" class="admin-action-btn bg-slate-700 text-white">Back</a>
    </div>
</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
@if($errors->any())
    <div class="mb-5 rounded-xl border border-rose-400/30 bg-rose-500/10 px-4 py-2 text-sm text-rose-200">
        @foreach($errors->all() as $e) <div>{{ $e }}</div> @endforeach
    </div>
@endif

{{-- Cut-off Card --}}
<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-5 mb-6">
    @php
        $cuts = [
            'General' => $paper->cut_off_general,
            'OBC'     => $paper->cut_off_obc,
            'SC'      => $paper->cut_off_sc,
            'ST'      => $paper->cut_off_st,
            'AI Predicted' => $paper->predicted_cut_off,
        ];
    @endphp
    @foreach($cuts as $label => $value)
        <div class="rounded-2xl border border-white/10 bg-slate-900/60 p-4 backdrop-blur">
            <p class="text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400">{{ $label }}</p>
            <p class="mt-2 text-2xl font-semibold {{ $label === 'AI Predicted' ? 'text-cyan-300' : 'text-white' }}">
                {{ $value ?? '—' }}
            </p>
        </div>
    @endforeach
</div>

{{-- AI Analysis --}}
@if($paper->isAnalyzed())
    @php $a = $paper->ai_analysis; @endphp

    <div class="grid gap-5 lg:grid-cols-3 mb-6">

        {{-- Summary --}}
        <div class="lg:col-span-3 rounded-2xl border border-white/10 bg-slate-900/60 p-6 backdrop-blur">
            <h2 class="text-lg font-semibold text-white mb-3">AI Summary</h2>
            <p class="text-slate-200 leading-relaxed">{{ $a['summary'] ?? 'No summary available.' }}</p>

            @if(!empty($a['cut_off_reasoning']))
                <p class="mt-3 text-sm text-cyan-200"><b>Cut-off reasoning:</b> {{ $a['cut_off_reasoning'] }}</p>
            @endif
            @if(!empty($a['exam_trends']))
                <p class="mt-3 text-sm text-slate-300"><b>Exam trends:</b> {{ $a['exam_trends'] }}</p>
            @endif
        </div>

        {{-- Subject Breakdown --}}
        <div class="rounded-2xl border border-white/10 bg-slate-900/60 p-6 backdrop-blur">
            <h3 class="text-base font-semibold text-white mb-3">Subject Weightage</h3>
            @forelse($a['subject_breakdown'] ?? [] as $s)
                <div class="mb-3">
                    <div class="flex justify-between text-sm text-slate-200">
                        <span>{{ $s['subject'] }}</span>
                        <span>{{ $s['questions'] }} ({{ $s['percentage'] ?? '?' }}%)</span>
                    </div>
                    <div class="mt-1 h-1.5 rounded-full bg-white/5 overflow-hidden">
                        <div class="h-full bg-gradient-to-r from-cyan-400 to-blue-500" style="width: {{ $s['percentage'] ?? 0 }}%"></div>
                    </div>
                </div>
            @empty
                <p class="text-slate-400 text-sm">No data.</p>
            @endforelse
        </div>

        {{-- Difficulty --}}
        <div class="rounded-2xl border border-white/10 bg-slate-900/60 p-6 backdrop-blur">
            <h3 class="text-base font-semibold text-white mb-3">Difficulty Distribution</h3>
            @php $d = $a['difficulty_breakdown'] ?? ['easy'=>0,'medium'=>0,'hard'=>0]; @endphp
            @foreach(['easy' => 'Easy', 'medium' => 'Medium', 'hard' => 'Hard'] as $k => $lbl)
                <div class="mb-3">
                    <div class="flex justify-between text-sm text-slate-200">
                        <span>{{ $lbl }}</span><span>{{ $d[$k] ?? 0 }}%</span>
                    </div>
                    <div class="mt-1 h-1.5 rounded-full bg-white/5 overflow-hidden">
                        <div class="h-full bg-gradient-to-r from-emerald-400 to-amber-500" style="width: {{ $d[$k] ?? 0 }}%"></div>
                    </div>
                </div>
            @endforeach
        </div>

        {{-- Important Topics --}}
        <div class="rounded-2xl border border-white/10 bg-slate-900/60 p-6 backdrop-blur">
            <h3 class="text-base font-semibold text-white mb-3">Important Topics</h3>
            <ul class="space-y-1 text-sm text-emerald-200">
                @forelse($a['important_topics_to_study'] ?? [] as $t) <li>✓ {{ $t }}</li> @empty <li class="text-slate-400">No data.</li> @endforelse
            </ul>

            <h3 class="text-base font-semibold text-white mt-5 mb-3">Topics to Skip</h3>
            <ul class="space-y-1 text-sm text-rose-200">
                @forelse($a['topics_to_skip'] ?? [] as $t) <li>✗ {{ $t }}</li> @empty <li class="text-slate-400">No data.</li> @endforelse
            </ul>
        </div>

        {{-- Student Strategy --}}
        <div class="lg:col-span-3 rounded-2xl border border-white/10 bg-slate-900/60 p-6 backdrop-blur">
            <h3 class="text-base font-semibold text-white mb-3">Student Strategy</h3>
            <ul class="space-y-2 text-slate-200 list-disc list-inside">
                @forelse($a['student_strategy'] ?? [] as $tip) <li>{{ $tip }}</li> @empty <li class="text-slate-400">No tips.</li> @endforelse
            </ul>
        </div>

        {{-- Repeated Topics --}}
        @if(!empty($a['most_repeated_topics']))
            <div class="lg:col-span-3 rounded-2xl border border-white/10 bg-slate-900/60 p-6 backdrop-blur">
                <h3 class="text-base font-semibold text-white mb-3">Most Repeated Topics (across years)</h3>
                <div class="flex flex-wrap gap-2">
                    @foreach($a['most_repeated_topics'] as $t)
                        <span class="px-3 py-1 rounded-full text-xs bg-cyan-500/15 text-cyan-200 border border-cyan-400/30">{{ $t }}</span>
                    @endforeach
                </div>
            </div>
        @endif
    </div>
@elseif($paper->ai_status === 'failed')
    <div class="rounded-2xl border border-rose-400/30 bg-rose-500/10 p-6 text-rose-100">
        <b>AI analysis failed:</b> {{ $paper->ai_error }}
    </div>
@else
    <div class="rounded-2xl border border-white/10 bg-slate-900/60 p-6 text-slate-300">
        AI analysis not yet run. Click "Run AI Analysis" above.
    </div>
@endif
@endsection