@extends('layouts.examiner')
@section('title', 'Candidate Result — ' . $candidate->reg_no)

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">CANDIDATE RESULT STATUS</h1>
</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">
        {{ 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-header py-3 d-flex align-items-center justify-content-between">
        <span class="text-muted small">Candidate Detail</span>
        <div>
            <a target="_blank"
               href="{{ route('examiner.result-display.print', ['reg_no' => $candidate->reg_no, 'session_id' => $sessionId]) }}"
               class="btn btn-sm btn-outline-secondary">
                <i class="fas fa-print mr-1"></i> Print Result
            </a>
        </div>
    </div>
    <div class="card-body">

        {{-- Passport --}}
        <div class="text-center mb-3">
            <img src="{{ $passport }}" alt="Passport"
                 style="height:180px; width:160px; object-fit:cover; border:1px solid #ddd;">
        </div>

        {{-- Summary table --}}
        <div class="table-responsive mb-4">
            <table class="table table-bordered table-striped mb-0">
                <tr>
                    <th style="width:220px">NAME</th>
                    <td>{{ $candidate->full_name }}</td>
                </tr>
                <tr>
                    <th>REG. NO.</th>
                    <td>{{ $candidate->reg_no }}</td>
                </tr>
                <tr>
                    <th>DEPARTMENT</th>
                    <td>{{ optional($candidate->department)->name ?? '—' }}</td>
                </tr>
                <tr>
                    <th>PROGRAMME</th>
                    <td>
                        {{ optional($candidate->degree)->name ? optional($candidate->degree)->name . ' ' : '' }}{{ optional($candidate->programme)->name ?? '—' }}
                    </td>
                </tr>
                <tr>
                    <th>SCORE</th>
                    <td>{{ $score ?? '—' }}</td>
                </tr>
                @if(config('cbt.jamb'))
                <tr>
                    <th>JAMB SCORE</th>
                    <td>{{ $candidate->jamb_score ?? '—' }}</td>
                </tr>
                <tr>
                    <th>AGGREGATE</th>
                    <td>{{ $aggregate !== null ? number_format($aggregate, 2) : '—' }}</td>
                </tr>
                @endif

                <tr>
                    <th colspan="2" class="text-center bg-light">EXAMINATION DETAILS</th>
                </tr>
                <tr>
                    <th>CHECKED IN</th>
                    <td>
                        @if($attendance?->time)
                            {{ \Carbon\Carbon::parse($attendance->time)->format('D, d M Y  g:i A') }}
                            @if($attendance->checked_by)
                                &nbsp;by {{ $attendance->checked_by }}
                            @endif
                        @else
                            —
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>START TIME</th>
                    <td>{{ $exam?->started_at ? \Carbon\Carbon::parse($exam->started_at)->format('D, d M Y  g:i A') : '—' }}</td>
                </tr>
                <tr>
                    <th>STOP TIME</th>
                    <td>{{ $exam?->stopped_at ? \Carbon\Carbon::parse($exam->stopped_at)->format('D, d M Y  g:i A') : '—' }}</td>
                </tr>
                <tr>
                    <th>REMAINING TIME</th>
                    <td>{{ $exam ? $exam->remaining_time . ' Minute(s)' : '—' }}</td>
                </tr>
                <tr>
                    <th>STATUS</th>
                    <td>
                        @if($examStatus === 'active')
                            <span class="text-warning font-weight-bold">Currently Logged In</span>
                            &nbsp;
                            <form method="POST"
                                  action="{{ route('examiner.result-display.submit', ['reg_no' => $candidate->reg_no, 'session_id' => $sessionId]) }}"
                                  class="d-inline">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-success"
                                        onclick="return confirm('Force-submit this candidate\'s exam?')">
                                    Submit
                                </button>
                            </form>
                        @elseif($examStatus === 'Finished')
                            <span class="text-success font-weight-bold">Finished</span>
                        @else
                            <span class="text-muted">Yet to write the exams</span>
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>SYSTEM IP</th>
                    <td>{{ $candidate->ip ?: '—' }}</td>
                </tr>
                <tr>
                    <th>SYSTEM HOSTNAME</th>
                    <td>{{ $candidate->hostname ?: '—' }}</td>
                </tr>
            </table>
        </div>

        {{-- Questions table --}}
        <div class="d-flex align-items-center justify-content-between mb-2">
            <h6 class="font-weight-bold mb-0">Questions</h6>
            @if($answers->count())
                @if($showAnswer)
                    <a href="{{ route('examiner.result-display', ['reg_no' => $candidate->reg_no, 'session_id' => $sessionId]) }}"
                       class="btn btn-sm btn-outline-secondary">
                        <i class="fas fa-eye-slash mr-1"></i> Hide Answers
                    </a>
                @else
                    <a href="{{ route('examiner.result-display', ['reg_no' => $candidate->reg_no, 'session_id' => $sessionId, 'answer' => 1]) }}"
                       class="btn btn-sm btn-outline-primary">
                        <i class="fas fa-eye mr-1"></i> Show Answers
                    </a>
                @endif
            @endif
        </div>

        <div class="table-responsive">
            <table class="table table-bordered table-sm mb-0">
                <thead class="thead-light">
                    <tr>
                        <th style="width:40px">S/N</th>
                        <th>QUESTION</th>
                        <th>SELECTED OPTION</th>
                        @if($showAnswer)
                            <th>CORRECT ANSWER</th>
                        @endif
                        <th style="width:60px" class="text-center">REMARK</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($answers as $i => $answer)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td>{{ optional($answer->question)->question ?? '—' }}</td>
                            <td>{{ optional($answer->option)->name ?? '—' }}</td>
                            @if($showAnswer)
                                <td>{{ optional(optional($answer->question)->correctOption)->name ?? '—' }}</td>
                            @endif
                            <td class="text-center">
                                @if($answer->is_right)
                                    <i class="fas fa-check text-success"></i>
                                @else
                                    <i class="fas fa-times text-danger"></i>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="{{ $showAnswer ? 5 : 4 }}" class="text-center text-muted py-3">
                                No answers recorded.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
                @if($answers->count())
                <tfoot class="thead-light">
                    <tr>
                        <td colspan="{{ $showAnswer ? 4 : 3 }}" class="text-right font-weight-bold">Correct answers:</td>
                        <td class="text-center font-weight-bold">
                            {{ $answers->where('is_right', true)->count() }} / {{ $answers->count() }}
                        </td>
                    </tr>
                </tfoot>
                @endif
            </table>
        </div>

    </div>
</div>
@endsection