@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">{{ $session->exam_type }} · {{ $session->year }}</p>
        <h1 class="mt-2 text-3xl font-semibold text-white">{{ $session->session_name }}</h1>
        <p class="mt-2 text-sm text-slate-300">
            {{ $session->shifts->count() }} shifts uploaded
            @if($session->start_date) · {{ $session->start_date->format('d M Y') }} – {{ $session->end_date?->format('d M Y') ?? '—' }} @endif
        </p>
    </div>
    <div class="flex flex-wrap gap-2">
        <a href="{{ route('admin.exam-sessions.edit', $session) }}" class="admin-action-btn bg-slate-700 text-white">Edit</a>
        <a href="{{ route('admin.exam-sessions.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 Cards --}}
<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-5 mb-6">
    @php
        $cuts = [
            'General' => $session->cut_off_general,
            'OBC'     => $session->cut_off_obc,
            'SC'      => $session->cut_off_sc,
            'ST'      => $session->cut_off_st,
            'AI Predicted' => $session->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>

{{-- ⭐ NEW: Competition Info --}}
@if($session->candidates_appeared || $session->vacancies)
    <div class="grid gap-4 sm:grid-cols-3 mb-6">
        <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">Candidates</p>
            <p class="mt-2 text-xl font-semibold text-white">
                {{ $session->candidates_appeared ? number_format($session->candidates_appeared) : '—' }}
            </p>
        </div>
        <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">Vacancies</p>
            <p class="mt-2 text-xl font-semibold text-white">
                {{ $session->vacancies ? number_format($session->vacancies) : '—' }}
            </p>
        </div>
        <div class="rounded-2xl border border-cyan-400/20 bg-cyan-950/20 p-4 backdrop-blur">
            <p class="text-[10px] font-bold uppercase tracking-[0.18em] text-cyan-300">Competition Ratio</p>
            <p class="mt-2 text-xl font-semibold text-cyan-200">
                {{ $session->competition_ratio ? $session->competition_ratio . ':1' : '—' }}
            </p>
            <p class="text-xs text-slate-400 mt-1">Higher = tougher competition</p>
        </div>
    </div>
@endif

@if($session->cut_off_source_url)
    <div class="mb-6 rounded-xl border border-white/10 bg-slate-900/60 px-4 py-3 backdrop-blur">
        <p class="text-xs text-slate-400 mb-1">Cut-off source:</p>
        <a href="{{ $session->cut_off_source_url }}" target="_blank" 
           class="text-cyan-300 hover:text-cyan-200 text-sm underline break-all">
            {{ $session->cut_off_source_url }}
        </a>
    </div>
@endif

{{-- Upload Shift Form --}}
<div class="rounded-2xl border border-white/10 bg-slate-900/60 p-6 backdrop-blur mb-6">
    <h2 class="text-lg font-semibold text-white mb-4">+ Upload New Shift</h2>

    <form method="POST" action="{{ route('admin.exam-sessions.shifts.upload', $session) }}"
          enctype="multipart/form-data" class="space-y-4">
        @csrf

        <div class="grid gap-4 md:grid-cols-2">
            <div>
                <label class="block text-sm font-semibold text-slate-100">Shift Name *</label>
                <input type="text" name="shift_name" placeholder="Shift 1 - 10 Jan 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">Shift Date</label>
                <input type="date" name="shift_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">PDF File *</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>
                <label class="block text-sm font-semibold text-slate-100">Total Questions</label>
                <input type="number" name="total_questions"
                       class="mt-2 w-full p-3 rounded-lg bg-slate-800 border border-white/10 text-white">
            </div>
        </div>

        <button type="submit" class="admin-action-btn bg-cyan-600 text-white">Upload Shift</button>
    </form>
</div>

{{-- Shifts List --}}
<div class="rounded-2xl border border-white/10 bg-slate-900/60 p-6 backdrop-blur">
    <h2 class="text-lg font-semibold text-white mb-4">Shifts ({{ $session->shifts->count() }})</h2>

    @if($session->shifts->isEmpty())
        <p class="text-slate-400 text-sm">No shifts uploaded yet. Upload using the form above.</p>
    @else
        <div class="overflow-x-auto rounded-xl border border-white/10">
            <table class="w-full text-sm text-slate-200">
                <thead class="bg-slate-800/60 text-xs uppercase tracking-wider">
                    <tr>
                        <th class="p-3 text-left">Shift</th>
                        <th class="p-3 text-left">Date</th>
                        <th class="p-3 text-left">Questions</th>
                        <th class="p-3 text-left">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($session->shifts as $shift)
                        <tr class="border-t border-white/5">
                            <td class="p-3 font-medium text-white">{{ $shift->shift_name }}</td>
                            <td class="p-3">{{ $shift->shift_date?->format('d M Y') ?? '—' }}</td>
                            <td class="p-3">{{ $shift->total_questions ?? '—' }}</td>
                            <td class="p-3 flex gap-2">
                                <a href="{{ $shift->pdf_url }}" target="_blank" class="admin-action-btn bg-blue-600 text-white">PDF</a>
                                <form method="POST" action="{{ route('admin.exam-sessions.shifts.delete', [$session, $shift]) }}" x-data
                                      @submit.prevent="appConfirm('Delete this shift?',{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>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>
@endsection