@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 Sessions</p>
        <h1 class="mt-2 text-3xl font-semibold text-white">All Exam Sessions</h1>
        <p class="mt-2 max-w-3xl text-sm text-slate-300">
            Each exam session = one exam year (e.g. SSC CGL 2024). Upload multiple shifts under it.
        </p>
    </div>
    <a href="{{ route('admin.exam-sessions.create') }}" class="admin-action-btn bg-green-600 text-white">+ New Session</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 $t) <option value="{{ $t }}" @selected(request('exam_type') === $t)>{{ $t }}</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.exam-sessions.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">Session</th>
                <th class="p-3 text-left">Exam</th>
                <th class="p-3 text-left">Year</th>
                <th class="p-3 text-left">Shifts</th>
                <th class="p-3 text-left">Cut-off (G)</th>
                <th class="p-3 text-left">AI Status</th>
                <th class="p-3 text-left">Action</th>
            </tr>
        </thead>
        <tbody>
        @forelse($sessions as $s)
            <tr class="border-b border-gray-700 hover:bg-gray-700/40">
                <td class="p-3 font-semibold text-white">{{ $s->session_name }}</td>
                <td class="p-3">{{ $s->exam_type }}</td>
                <td class="p-3">{{ $s->year }}</td>
                <td class="p-3">{{ $s->shifts_count }}</td>
                <td class="p-3">{{ $s->cut_off_general ?? '—' }}</td>
                <td class="p-3">
                    @if($s->ai_status === 'completed')
                        <span class="px-2 py-1 text-xs bg-emerald-600 rounded">Analyzed</span>
                    @elseif($s->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.exam-sessions.show', $s) }}" class="admin-action-btn bg-blue-600 text-white">View</a>
                    <form method="POST" action="{{ route('admin.exam-sessions.destroy', $s) }}" x-data
                          @submit.prevent="appConfirm('Delete this session?', {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 sessions yet. Create your first.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>

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