@extends('layouts.admin')

@section('content')
<div class="mb-6 flex items-center justify-between">
    <div>
        <p class="text-xs font-semibold uppercase tracking-[0.24em] text-cyan-200">Upload</p>
        <h1 class="mt-2 text-3xl font-semibold text-white">New Previous Year Paper</h1>
    </div>
    <a href="{{ route('admin.pyq.index') }}" class="admin-action-btn bg-slate-700 text-white">Back</a>
</div>

@if ($errors->any())
    <div class="mb-6 rounded-2xl border border-rose-400/30 bg-rose-500/10 p-4 text-rose-100">
        <ul class="list-disc list-inside text-sm">
            @foreach ($errors->all() as $error) <li>{{ $error }}</li> @endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ route('admin.pyq.store') }}" enctype="multipart/form-data"
      class="space-y-6 rounded-2xl border border-white/10 bg-slate-900/60 p-6 backdrop-blur">
    @csrf

    <div class="grid gap-5 md:grid-cols-2">
        <div>
            <label class="block text-sm font-semibold text-slate-100">Exam Type *</label>
            <input type="text" name="exam_type" value="{{ old('exam_type') }}" placeholder="RAS / IAS / State PSC"
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white" required>
        </div>

        <div>
            <label class="block text-sm font-semibold text-slate-100">Year *</label>
            <input type="number" name="year" value="{{ old('year') }}" min="1950" max="{{ date('Y') + 1 }}"
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white" required>
        </div>

        <div class="md:col-span-2">
            <label class="block text-sm font-semibold text-slate-100">Title *</label>
            <input type="text" name="title" value="{{ old('title') }}" placeholder="RAS Prelims 2015 Paper 1"
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white" required>
        </div>

        <div>
            <label class="block text-sm font-semibold text-slate-100">Paper Code</label>
            <input type="text" name="paper_code" value="{{ old('paper_code') }}" placeholder="Paper-1"
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
        </div>

        <div>
            <label class="block text-sm font-semibold text-slate-100">Difficulty</label>
            <select name="difficulty_level" class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
                <option value="mixed">Mixed</option>
                <option value="easy">Easy</option>
                <option value="medium">Medium</option>
                <option value="hard">Hard</option>
            </select>
        </div>

        <div>
            <label class="block text-sm font-semibold text-slate-100">Total Questions</label>
            <input type="number" name="total_questions" value="{{ old('total_questions') }}"
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
        </div>

        <div>
            <label class="block text-sm font-semibold text-slate-100">Duration (minutes)</label>
            <input type="number" name="duration_minutes" value="{{ old('duration_minutes') }}"
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
        </div>

        <div class="md:col-span-2">
            <label class="block text-sm font-semibold text-slate-100">PDF File * (max 20MB)</label>
            <input type="file" name="pdf" accept="application/pdf" required
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white file:mr-3 file:rounded file:border-0 file:bg-cyan-600 file:px-3 file:py-2 file:text-white">
        </div>
    </div>

    <div>
        <p class="text-sm font-semibold text-slate-100 mb-2">Cut-off (agar actual pata hai to bharo, warna khaali chhodo — AI predict karega)</p>
        <div class="grid gap-4 sm:grid-cols-4">
            <input type="number" name="cut_off_general" placeholder="General" value="{{ old('cut_off_general') }}"
                   class="p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
            <input type="number" name="cut_off_obc" placeholder="OBC" value="{{ old('cut_off_obc') }}"
                   class="p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
            <input type="number" name="cut_off_sc" placeholder="SC" value="{{ old('cut_off_sc') }}"
                   class="p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
            <input type="number" name="cut_off_st" placeholder="ST" value="{{ old('cut_off_st') }}"
                   class="p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
        </div>
    </div>

    <div>
        <label class="block text-sm font-semibold text-slate-100">Notes (optional)</label>
        <textarea name="notes" rows="3" class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">{{ old('notes') }}</textarea>
    </div>

    <div class="flex flex-wrap gap-3">
        <button type="submit" class="admin-action-btn bg-green-600 text-white">Upload</button>
        <a href="{{ route('admin.pyq.index') }}" class="admin-action-btn bg-slate-700 text-white">Cancel</a>
    </div>
</form>
@endsection