@extends('layouts.examiner')
@section('title', 'Online Candidates')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Online Candidates</h1>
    <span class="badge badge-{{ $onlineCandidates->count() > 0 ? 'success' : 'secondary' }} p-2" style="font-size:.85rem;">
        <i class="fas fa-circle mr-1"></i> {{ $onlineCandidates->count() }} Currently Online
    </span>
</div>

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        <i class="fas fa-check-circle mr-1"></i> {{ session('success') }}
        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
    </div>
@endif
@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show">
        <i class="fas fa-exclamation-circle mr-1"></i> {{ session('error') }}
        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
    </div>
@endif

<div class="card shadow mb-4">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-bordered table-sm mb-0">
                <thead class="thead-light">
                    <tr>
                        <th>#</th>
                        <th>Reg No</th>
                        <th>Name</th>
                        <th>Gender</th>
                        <th>Department</th>
                        <th>IP</th>
                        <th>Time Left (min)</th>
                        <th>Started</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($onlineCandidates as $i => $exam)
                    @php $cand = $exam->candidate; @endphp
                    @if($cand)
                    <tr>
                        <td>{{ $i + 1 }}</td>
                        <td>{{ $cand->reg_no }}</td>
                        <td>{{ $cand->full_name }}</td>
                        <td>{{ $cand->gender_label }}</td>
                        <td class="small">{{ optional($cand->department)->name ?? '—' }}</td>
                        <td><code class="small">{{ $cand->ip ?: '—' }}</code></td>
                        <td>{{ $exam->remaining_time ?? '—' }}</td>
                        <td class="small text-muted">
                            {{ $exam->started_at ? $exam->started_at->format('H:i') : '—' }}
                        </td>
                        <td>
                            <div class="btn-group btn-group-sm">
                                <a href="{{ route('examiner.result-display', ['reg_no' => $cand->reg_no, 'session_id' => $cand->session_id]) }}"
                                   class="btn btn-sm btn-info text-white" title="View Result">
                                    <i class="fas fa-eye"></i>
                                </a>
                                <form method="POST" action="{{ route('examiner.reset.time') }}" class="d-inline"
                                      onsubmit="return confirm('Reset IP for {{ $cand->reg_no }}?')">
                                    @csrf
                                    <input type="hidden" name="reg_no" value="{{ $cand->reg_no }}">
                                    <button type="submit" class="btn btn-sm btn-warning text-white" title="Reset IP">
                                        <i class="fas fa-network-wired"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                    @endif
                @empty
                    <tr>
                        <td colspan="9" class="text-center text-muted py-4">
                            <i class="fas fa-check-circle text-success mr-1"></i> No candidates currently online.
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="mt-2">
    <a href="{{ route('examiner.reset.index') }}" class="btn btn-sm btn-outline-secondary">
        <i class="fas fa-tools mr-1"></i> Go to Reset Management
    </a>
</div>
@endsection