@extends('layouts.examiner')
@section('title', 'Reset Management')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Reset Management</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>

{{-- Flash messages --}}
@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

{{-- ── Row 1: Least dangerous — IP / time adjustments ─────────────────── --}}
<div class="row">

    {{-- Reset IP / Add Time (single, online candidate) --}}
    <div class="col-lg-6 mb-4">
        <div class="card shadow border-left-warning h-100">
            <div class="card-header py-3 d-flex align-items-center">
                <i class="fas fa-clock text-warning mr-2"></i>
                <h6 class="m-0 font-weight-bold text-warning">Reset IP / Add Time (Single)</h6>
            </div>
            <div class="card-body">
                <p class="text-muted small mb-3">
                    Clears the IP lock for a candidate who is currently active in an exam. Optionally adds extra minutes.
                    Candidate must be <strong>currently online</strong>.
                </p>
                <form method="POST" action="{{ route('examiner.reset.time') }}">
                    @csrf
                    <div class="form-group">
                        <label class="small font-weight-bold">Registration Number</label>
                        <input type="text" name="reg_no" class="form-control"
                               placeholder="e.g. 2024/001234" required>
                    </div>
                    <div class="form-group">
                        <label class="small font-weight-bold">Extra Time (minutes) <span class="text-muted font-weight-normal">— optional</span></label>
                        <input type="number" name="extra_time" class="form-control" placeholder="0">
                    </div>
                    <button type="submit" class="btn btn-warning btn-block text-white">
                        <i class="fas fa-sync-alt mr-1"></i> Reset IP / Add Time
                    </button>
                </form>
            </div>
        </div>
    </div>

    {{-- Reopen Submitted Exam --}}
    <div class="col-lg-6 mb-4">
        <div class="card shadow border-left-primary h-100">
            <div class="card-header py-3 d-flex align-items-center">
                <i class="fas fa-redo text-primary mr-2"></i>
                <h6 class="m-0 font-weight-bold text-primary">Reopen Submitted Exam</h6>
            </div>
            <div class="card-body">
                <p class="text-muted small mb-3">
                    Re-activates a candidate who has already submitted, giving them a fresh time allocation.
                    Works even when the candidate is <strong>offline</strong>.
                </p>
                <form method="POST" action="{{ route('examiner.reset.reopen') }}"
                      onsubmit="return confirm('Reopen this candidate\'s exam?')">
                    @csrf
                    <div class="form-group">
                        <label class="small font-weight-bold">Registration Number</label>
                        <input type="text" name="reg_no" class="form-control"
                               placeholder="e.g. 2024/001234" required>
                    </div>
                    <div class="form-group">
                        <label class="small font-weight-bold">
                            New Time (minutes)
                            <span class="text-muted font-weight-normal">— leave blank to keep remaining time</span>
                        </label>
                        <input type="number" name="time" class="form-control" min="1"
                               placeholder="Leave blank to use candidate's remaining time">
                    </div>
                    <div class="form-group mb-0">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input"
                                   id="reset_system" name="reset_system" value="1" checked>
                            <label class="custom-control-label small" for="reset_system">
                                Clear IP / hostname lock
                            </label>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary btn-block mt-3">
                        <i class="fas fa-redo mr-1"></i> Reopen Exam
                    </button>
                </form>
            </div>
        </div>
    </div>

</div>

{{-- ── Row 2: Bulk IP reset (no data loss) ────────────────────────────── --}}
<div class="row">

    {{-- Reset IP / Add Time (all online) --}}
    <div class="col-lg-6 mb-4">
        <div class="card shadow border-left-info h-100">
            <div class="card-header py-3 d-flex align-items-center">
                <i class="fas fa-network-wired text-info mr-2"></i>
                <h6 class="m-0 font-weight-bold text-info">Reset IP / Add Time (All Online)</h6>
            </div>
            <div class="card-body">
                <p class="text-muted small mb-3">
                    Clears the IP lock for every currently active candidate so they can log back in from a different terminal.
                    Optionally adds extra minutes to all of them.
                </p>
                @if($onlineCandidates->isEmpty())
                    <p class="text-muted small"><i class="fas fa-info-circle mr-1"></i> No candidates currently online.</p>
                @else
                    <form method="POST" action="{{ route('examiner.reset.all-time') }}">
                        @csrf
                        <div class="form-group">
                            <label class="small font-weight-bold">Extra Time (minutes) <span class="text-muted font-weight-normal">— optional</span></label>
                            <input type="number" name="extra_time" class="form-control" min="0" placeholder="0">
                        </div>
                        <button type="submit" class="btn btn-info btn-block text-white">
                            <i class="fas fa-sync-alt mr-1"></i> Reset All IPs / Add Time
                        </button>
                    </form>
                @endif
            </div>
        </div>
    </div>

</div>

{{-- ── Row 3: Destructive actions ──────────────────────────────────────── --}}
<div class="row">

    {{-- Reset single candidate exam (full wipe) --}}
    <div class="col-lg-6 mb-4">
        <div class="card shadow border-left-danger h-100">
            <div class="card-header py-3 d-flex align-items-center">
                <i class="fas fa-undo text-danger mr-2"></i>
                <h6 class="m-0 font-weight-bold text-danger">Reset Candidate Exam</h6>
            </div>
            <div class="card-body">
                <p class="text-muted small mb-3">
                    Completely removes a candidate's exam record, answers and status so they can re-sit. Clears their IP lock.
                    <strong class="text-danger">This cannot be undone.</strong>
                </p>
                <form method="POST" action="{{ route('examiner.reset.exam') }}"
                      onsubmit="return confirm('Fully reset this candidate\'s exam? This cannot be undone.')">
                    @csrf
                    <div class="form-group">
                        <label class="small font-weight-bold">Registration Number</label>
                        <input type="text" name="reg_no" class="form-control"
                               placeholder="e.g. 2024/001234" required>
                    </div>
                    <button type="submit" class="btn btn-danger btn-block">
                        <i class="fas fa-trash-alt mr-1"></i> Reset Exam
                    </button>
                </form>
            </div>
        </div>
    </div>

    {{-- Reset ALL online candidates (most destructive) --}}
    <div class="col-lg-6 mb-4">
        <div class="card shadow border-left-danger h-100">
            <div class="card-header py-3 d-flex align-items-center">
                <i class="fas fa-bomb text-danger mr-2"></i>
                <h6 class="m-0 font-weight-bold text-danger">Reset ALL Online Candidates</h6>
            </div>
            <div class="card-body">
                <p class="text-muted small mb-3">
                    Fully wipes exam records, answers and status for every candidate currently writing.
                    <strong class="text-danger">Use with extreme caution.</strong>
                </p>
                @if($onlineCandidates->isEmpty())
                    <p class="text-muted small"><i class="fas fa-info-circle mr-1"></i> No candidates currently online.</p>
                @else
                    <form method="POST" action="{{ route('examiner.reset.all') }}"
                          onsubmit="return confirm('Reset ALL {{ $onlineCandidates->count() }} online candidate(s)? This permanently deletes their exam data.')">
                        @csrf
                        <button type="submit" class="btn btn-danger btn-block">
                            <i class="fas fa-trash-alt mr-1"></i> Reset All ({{ $onlineCandidates->count() }})
                        </button>
                    </form>
                @endif
            </div>
        </div>
    </div>

</div>

{{-- ── Online Candidates Table ─────────────────────────────────────────── --}}
<div class="card shadow mb-4">
    <div class="card-header py-3 d-flex justify-content-between align-items-center">
        <h6 class="m-0 font-weight-bold text-primary">
            <i class="fas fa-laptop mr-1"></i> Candidates Currently Online
        </h6>
        <span class="badge badge-primary">{{ $onlineCandidates->count() }}</span>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-bordered table-sm mb-0" id="onlineTable">
                <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">
                                {{-- Quick reset-time prefill --}}
                                <button type="button" class="btn btn-warning btn-sm"
                                        onclick="prefillReset('{{ $cand->reg_no }}')"
                                        title="Reset IP / Add Time">
                                    <i class="fas fa-clock"></i>
                                </button>
                                {{-- Quick full reset --}}
                                <button type="button" class="btn btn-danger btn-sm"
                                        onclick="prefillFullReset('{{ $cand->reg_no }}')"
                                        title="Full Reset">
                                    <i class="fas fa-undo"></i>
                                </button>
                            </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>
@endsection

@push('scripts')
<script>
function prefillReset(regNo) {
    // Scroll to the Reset IP/Time (single) form and prefill reg_no
    const form = document.querySelector('form[action="{{ route('examiner.reset.time') }}"]');
    form.querySelector('[name="reg_no"]').value = regNo;
    form.scrollIntoView({ behavior: 'smooth', block: 'center' });
    form.querySelector('[name="reg_no"]').focus();
}

function prefillFullReset(regNo) {
    const form = document.querySelector('form[action="{{ route('examiner.reset.exam') }}"]');
    form.querySelector('[name="reg_no"]').value = regNo;
    form.scrollIntoView({ behavior: 'smooth', block: 'center' });
    form.querySelector('[name="reg_no"]').focus();
}
</script>
@endpush