@extends('layouts.admin')

@section('title', 'Results — ' . $examSession->name)
@section('page-title', 'Session Results')

@section('content')

{{-- Page Header --}}
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
    <div>
        <h5 class="fw-bold mb-1">{{ $examSession->name }}</h5>
        <div class="text-muted small d-flex flex-wrap gap-3">
            <span><i class="bi bi-calendar3 me-1"></i>
                {{ \Carbon\Carbon::parse($examSession->start_time)->format('d M Y, H:i') }}
                &rarr;
                {{ \Carbon\Carbon::parse($examSession->end_time)->format('H:i') }}
            </span>
            <span><i class="bi bi-clock me-1"></i>{{ $examSession->duration_minutes }} mins</span>
            <span><i class="bi bi-people me-1"></i>{{ $attempts->total() }} submitted</span>
        </div>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.results.export', $examSession) }}"
           class="btn btn-success btn-sm">
            <i class="bi bi-download me-1"></i>Export CSV
        </a>
        <a href="{{ route('admin.results.index') }}"
           class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-arrow-left me-1"></i>All Sessions
        </a>
    </div>
</div>

{{-- Summary Cards --}}
@php
    $allAttempts   = $attempts->getCollection();
    $totalCount    = $attempts->total();
    $avgScore      = $totalCount ? round($allAttempts->avg('total_score'), 1) : 0;
    $highScore     = $totalCount ? $allAttempts->max('total_score') : 0;
    $passCount     = $allAttempts->filter(fn($a) => $a->total_questions > 0 &&
                         ($a->total_score / $a->total_questions) >= 0.5)->count();
    $passRate      = $totalCount ? round(($passCount / $totalCount) * 100) : 0;
@endphp

<div class="row g-3 mb-4">
    <div class="col-6 col-lg-3">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body py-3 px-4">
                <div class="text-muted small mb-1">Total Submissions</div>
                <div class="fs-3 fw-bold text-primary">{{ $totalCount }}</div>
            </div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body py-3 px-4">
                <div class="text-muted small mb-1">Average Score</div>
                <div class="fs-3 fw-bold text-info">{{ $avgScore }}</div>
            </div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body py-3 px-4">
                <div class="text-muted small mb-1">Highest Score</div>
                <div class="fs-3 fw-bold text-success">{{ $highScore }}</div>
            </div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body py-3 px-4">
                <div class="text-muted small mb-1">Pass Rate (≥50%)</div>
                <div class="fs-3 fw-bold text-{{ $passRate >= 50 ? 'success' : 'danger' }}">
                    {{ $passRate }}%
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Results Table --}}
<div class="card border-0 shadow-sm">
    <div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
        <h6 class="fw-bold mb-0">
            <i class="bi bi-list-ol me-2 text-primary"></i>Candidate Results
            <span class="badge bg-secondary ms-2 fw-normal">{{ $totalCount }}</span>
        </h6>
        <span class="text-muted small">Ranked by score (highest first)</span>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th class="ps-4" style="width:50px">#</th>
                    <th>Candidate</th>
                    <th>Reg Number</th>
                    <th>Subjects</th>
                    <th class="text-center">Score</th>
                    <th class="text-center">Percentage</th>
                    <th class="text-center">Status</th>
                    <th class="text-center">Submitted</th>
                    <th class="text-center">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($attempts as $index => $attempt)
                @php
                    $percentage = $attempt->total_questions > 0
                        ? round(($attempt->total_score / $attempt->total_questions) * 100)
                        : 0;
                    $rank = ($attempts->currentPage() - 1) * $attempts->perPage() + $index + 1;
                    $badgeColor = $percentage >= 70 ? 'success'
                               : ($percentage >= 50 ? 'warning'
                               : 'danger');
                    $rankIcon = $rank === 1 ? '🥇' : ($rank === 2 ? '🥈' : ($rank === 3 ? '🥉' : ''));
                @endphp
                <tr>
                    {{-- Rank --}}
                    <td class="ps-4 text-muted fw-semibold">
                        {{ $rankIcon ?: $rank }}
                    </td>

                    {{-- Candidate Name --}}
                    <td>
                        <div class="fw-semibold">{{ $attempt->user->name }}</div>
                        <div class="text-muted small">{{ $attempt->user->email }}</div>
                    </td>

                    {{-- Reg Number --}}
                    <td>
                        <span class="badge bg-light text-dark border font-monospace">
                            {{ $attempt->user->studentProfile->reg_number ?? '—' }}
                        </span>
                    </td>

                    {{-- Subjects attempted --}}
                    <td>
                        @if($attempt->results->isNotEmpty())
                            <div class="d-flex flex-wrap gap-1">
                                @foreach($attempt->results->take(4) as $result)
                                    <span class="badge bg-light text-dark border small">
                                        {{ $result->subject->code ?? $result->subject->name ?? '—' }}
                                    </span>
                                @endforeach
                                @if($attempt->results->count() > 4)
                                    <span class="badge bg-secondary small">+{{ $attempt->results->count() - 4 }}</span>
                                @endif
                            </div>
                        @else
                            <span class="text-muted small">—</span>
                        @endif
                    </td>

                    {{-- Score --}}
                    <td class="text-center">
                        <span class="fw-bold fs-6">{{ $attempt->total_score }}</span>
                        <span class="text-muted small"> / {{ $attempt->total_questions }}</span>
                    </td>

                    {{-- Percentage bar --}}
                    <td class="text-center" style="min-width:120px">
                        <div class="d-flex align-items-center gap-2">
                            <div class="progress flex-grow-1" style="height:6px; border-radius:3px;">
                                <div class="progress-bar bg-{{ $badgeColor }}"
                                     style="width:{{ $percentage }}%"></div>
                            </div>
                            <span class="fw-semibold text-{{ $badgeColor }} small" style="min-width:38px">
                                {{ $percentage }}%
                            </span>
                        </div>
                    </td>

                    {{-- Status --}}
                    <td class="text-center">
                        @if($attempt->status === 'submitted')
                            <span class="badge bg-success-subtle text-success border border-success-subtle">
                                <i class="bi bi-check-circle me-1"></i>Submitted
                            </span>
                        @elseif($attempt->status === 'timed_out')
                            <span class="badge bg-warning-subtle text-warning border border-warning-subtle">
                                <i class="bi bi-clock-history me-1"></i>Timed Out
                            </span>
                        @else
                            <span class="badge bg-secondary">{{ ucfirst($attempt->status) }}</span>
                        @endif
                    </td>

                    {{-- Submitted At --}}
                    <td class="text-center text-muted small">
                        @if($attempt->submitted_at)
                            {{ \Carbon\Carbon::parse($attempt->submitted_at)->format('d M Y') }}<br>
                            <span class="text-muted">{{ \Carbon\Carbon::parse($attempt->submitted_at)->format('H:i') }}</span>
                        @else
                            —
                        @endif
                    </td>

                    {{-- Action --}}
                    <td class="text-center">
                        <button type="button"
                                class="btn btn-sm btn-outline-primary"
                                data-bs-toggle="modal"
                                data-bs-target="#detailModal{{ $attempt->id }}">
                            <i class="bi bi-eye"></i>
                        </button>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="9" class="text-center py-5 text-muted">
                        <i class="bi bi-inbox display-6 d-block mb-2"></i>
                        No submissions found for this session yet.
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{-- Pagination --}}
    @if($attempts->hasPages())
    <div class="card-footer bg-white border-top py-3 px-4 d-flex justify-content-between align-items-center">
        <div class="text-muted small">
            Showing {{ $attempts->firstItem() }}–{{ $attempts->lastItem() }} of {{ $attempts->total() }} results
        </div>
        {{ $attempts->links() }}
    </div>
    @endif
</div>

{{-- Per-Candidate Detail Modals --}}
@foreach($attempts as $attempt)
@php
    $pct = $attempt->total_questions > 0
        ? round(($attempt->total_score / $attempt->total_questions) * 100)
        : 0;
@endphp
<div class="modal fade" id="detailModal{{ $attempt->id }}" tabindex="-1"
     aria-labelledby="detailModalLabel{{ $attempt->id }}" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header border-bottom">
                <h5 class="modal-title fw-bold" id="detailModalLabel{{ $attempt->id }}">
                    <i class="bi bi-person-badge me-2 text-primary"></i>
                    {{ $attempt->user->name }}
                    <small class="text-muted fw-normal ms-2 fs-6">
                        {{ $attempt->user->studentProfile->reg_number ?? '' }}
                    </small>
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body p-4">

                {{-- Score summary --}}
                <div class="row g-3 mb-4">
                    <div class="col-4 text-center">
                        <div class="text-muted small mb-1">Total Score</div>
                        <div class="fs-2 fw-bold text-primary">
                            {{ $attempt->total_score }} / {{ $attempt->total_questions }}
                        </div>
                    </div>
                    <div class="col-4 text-center">
                        <div class="text-muted small mb-1">Percentage</div>
                        <div class="fs-2 fw-bold text-{{ $pct >= 50 ? 'success' : 'danger' }}">
                            {{ $pct }}%
                        </div>
                    </div>
                    <div class="col-4 text-center">
                        <div class="text-muted small mb-1">Status</div>
                        <div class="fs-6 fw-semibold mt-2">
                            @if($attempt->status === 'submitted')
                                <span class="badge bg-success fs-6">Submitted</span>
                            @else
                                <span class="badge bg-warning fs-6">Timed Out</span>
                            @endif
                        </div>
                    </div>
                </div>

                {{-- Subject breakdown --}}
                @if($attempt->results->isNotEmpty())
                <h6 class="fw-bold mb-3 border-bottom pb-2">Subject Breakdown</h6>
                <div class="table-responsive">
                    <table class="table table-sm table-bordered align-middle">
                        <thead class="table-light">
                            <tr>
                                <th>Subject</th>
                                <th class="text-center">Score</th>
                                <th class="text-center">Total Qs</th>
                                <th class="text-center">%</th>
                                <th style="min-width:120px">Progress</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($attempt->results as $result)
                            @php
                                $subPct = $result->total_questions > 0
                                    ? round(($result->score / $result->total_questions) * 100)
                                    : 0;
                                $subColor = $subPct >= 70 ? 'success'
                                          : ($subPct >= 50 ? 'warning' : 'danger');
                            @endphp
                            <tr>
                                <td class="fw-semibold">{{ $result->subject->name ?? '—' }}</td>
                                <td class="text-center">{{ $result->score }}</td>
                                <td class="text-center">{{ $result->total_questions }}</td>
                                <td class="text-center">
                                    <span class="badge bg-{{ $subColor }}">{{ $subPct }}%</span>
                                </td>
                                <td>
                                    <div class="progress" style="height:6px; border-radius:3px;">
                                        <div class="progress-bar bg-{{ $subColor }}"
                                             style="width:{{ $subPct }}%"></div>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @else
                    <p class="text-muted text-center py-3">No subject breakdown available.</p>
                @endif

                {{-- Meta info --}}
                <div class="row g-2 mt-2 text-muted small">
                    <div class="col-6">
                        <i class="bi bi-calendar-check me-1"></i>
                        Submitted: {{ $attempt->submitted_at
                            ? \Carbon\Carbon::parse($attempt->submitted_at)->format('d M Y, H:i')
                            : '—' }}
                    </div>
                    <div class="col-6">
                        <i class="bi bi-envelope me-1"></i>
                        {{ $attempt->user->email }}
                    </div>
                </div>

            </div>
            <div class="modal-footer border-top">
                <button type="button" class="btn btn-outline-secondary btn-sm"
                        data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endforeach

@endsection