@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">New Session</p>
        <h1 class="mt-2 text-3xl font-semibold text-white">Create Exam Session</h1>
    </div>
    <a href="{{ route('admin.exam-sessions.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.exam-sessions.store') }}"
      class="rounded-2xl border border-white/10 bg-slate-900/60 p-6 backdrop-blur space-y-6">
    @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 / SSC CGL / IBPS PO" required
                   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">Session Name *</label>
            <input type="text" name="session_name" value="{{ old('session_name') }}" placeholder="RAS 2024" required
                   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">Year *</label>
            <input type="number" name="year" value="{{ old('year', date('Y')) }}" min="1950" max="{{ date('Y') + 5 }}" required
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
        </div>

        
        {{-- Existing: Total Shifts --}}
        <div>
            <label class="block text-sm font-semibold text-slate-100">Total Shifts (approx)</label>
            <input type="number" name="total_shifts" value="{{ old('total_shifts') }}" min="0"
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
        </div>
        
        {{-- ⭐ NEW: Candidates Appeared --}}
        <div>
            <label class="block text-sm font-semibold text-slate-100">Candidates Appeared</label>
            <input type="number" name="candidates_appeared" value="{{ old('candidates_appeared') }}" 
                   placeholder="e.g. 2500000" min="0"
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
            <p class="mt-1 text-xs text-slate-400">Total number of candidates who appeared for the exam</p>
        </div>
        
        {{-- ⭐ NEW: Vacancies --}}
        <div>
            <label class="block text-sm font-semibold text-slate-100">Total Vacancies</label>
            <input type="number" name="vacancies" value="{{ old('vacancies') }}" 
                   placeholder="e.g. 17000" min="0"
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
            <p class="mt-1 text-xs text-slate-400">Total vacancies for which the exam was conducted</p>
        </div>

        <div>
            <label class="block text-sm font-semibold text-slate-100">Start Date</label>
            <input type="date" name="start_date" value="{{ old('start_date') }}"
                   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">End Date</label>
            <input type="date" name="end_date" value="{{ old('end_date') }}"
                   class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
        </div>
    </div>
    
    <div>
        <p class="text-sm font-semibold text-slate-100 mb-3">Cut-off (fill if known, otherwise leave blank — AI will predict)</p>
        <div class="grid grid-cols-4 gap-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</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>
    
    {{-- ⭐ NEW: Cut-off Source URL --}}
    <div>
        <label class="block text-sm font-semibold text-slate-100">Cut-off Source URL</label>
        <input type="url" name="cut_off_source_url" value="{{ old('cut_off_source_url') }}" 
               placeholder="https://ssc.nic.in/..."
               class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
        <p class="mt-1 text-xs text-slate-400">Link to the official cut-off notification (for verification)</p>
    </div>

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