{{-- MODAL RESULT (Rich Reporting) --}}
<div class="modal fade" id="modalResult" tabindex="-1" role="dialog" aria-hidden="true"
    data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content border-radius-2xl shadow-sm border-0 overflow-hidden">
            <div class="modal-header border-bottom p-4 bg-white">
                <h5 class="modal-title font-weight-bolder text-dark">Executive Score Summary</h5>
                <button type="button" class="btn-close text-dark" data-bs-dismiss="modal"
                    aria-label="Close"></button>
            </div>
            <div class="modal-body p-4 bg-white">
@php
    $submitted = collect($participants)->where('status', 'submitted');
    $unstarted = collect($participants)->where('status', 'unstarted');
    
    $totalSubmitted = $submitted->count();
    $avgScore = $totalSubmitted > 0 ? $submitted->avg('total_score') : 0;
    
    $passed = $submitted->where('total_score', '>=', 70)->count();
    $passingRate = $totalSubmitted > 0 ? round(($passed / $totalSubmitted) * 100) : 0;
    
    $fastest = $submitted->sortBy('raw_duration')->first();
    $fastestTime = $fastest && $fastest->raw_duration > 0 ? intdiv($fastest->raw_duration, 60) . 'm' : '-';
    $fastestName = $fastest ? $fastest->name : '-';
@endphp
                <div class="row g-3 mb-4">
                    <div class="col-md-3 col-6 text-center border-end">
                        <p class="text-xxs font-weight-bolder text-secondary text-uppercase mb-1 opacity-7">Passing Rate (>=70)</p>
                        <h3 class="font-weight-bolder text-success mb-0">{{ $passingRate }}%</h3>
                        <small class="text-xxs font-weight-bold text-secondary">{{ $passed }} passed</small>
                    </div>
                    <div class="col-md-3 col-6 text-center border-end">
                        <p class="text-xxs font-weight-bolder text-secondary text-uppercase mb-1 opacity-7">Average Score</p>
                        <h3 class="font-weight-bolder text-navy mb-0">{{ number_format($avgScore, 1) }}</h3>
                        <small class="text-xxs font-weight-bold text-secondary">From {{ $totalSubmitted }} submitted</small>
                    </div>
                    <div class="col-md-3 col-6 text-center border-end">
                        <p class="text-xxs font-weight-bolder text-secondary text-uppercase mb-1 opacity-7">Fastest Finish</p>
                        <h3 class="font-weight-bolder text-dark mb-0">{{ $fastestTime }}</h3>
                        <small class="text-xxs font-weight-bold text-secondary">Candidate: {{ Str::limit($fastestName, 10) }}</small>
                    </div>
                    <div class="col-md-3 col-6 text-center">
                        <p class="text-xxs font-weight-bolder text-secondary text-uppercase mb-1 opacity-7">Total Missing</p>
                        <h3 class="font-weight-bolder text-danger mb-0">{{ $unstarted->count() }}</h3>
                        <small class="text-xxs font-weight-bold text-secondary">{{ $unstarted->count() }} Absent enrolled</small>
                    </div>
                </div>

                <div class="card shadow-none border-radius-xl overflow-hidden bg-gray-50 border">
                    <div class="table-responsive">
                        <table class="table align-items-center mb-0">
                            <thead class="bg-gray-50 border-bottom">
                                <tr>
                                    <th class="ps-3 py-3 text-xxs font-weight-bolder text-secondary opacity-7">Candidate</th>
                                    <th class="text-xxs font-weight-bolder text-secondary opacity-7 text-center">Final Score</th>
                                    <th class="text-xxs font-weight-bolder text-secondary opacity-7 text-center">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($participants as $p)
                                    <tr class="border-bottom border-light">
                                        <td class="ps-3 py-2">
                                            <span class="text-xs font-weight-bold text-dark">{{ $p->name }}</span>
                                        </td>
                                        <td class="text-center">
                                            <span class="text-sm font-weight-bolder text-primary">{{ $p->status == 'submitted' ? number_format($p->total_score, 1) : '--' }}</span>
                                        </td>
                                        <td class="text-center align-middle">
                                            @if ($p->status == 'submitted')
                                                <span class="badge badge-dot ms-2">
                                                    <i class="{{ $p->total_score >= 70 ? 'bg-success' : 'bg-danger' }}"></i>
                                                    <span class="text-xxs text-dark font-weight-bold">{{ $p->total_score >= 70 ? 'Passed' : 'Failed' }}</span>
                                                </span>
                                            @else
                                                <span class="text-secondary text-xs">-</span>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer border-0 p-3 bg-white">
                <button type="button" class="btn btn-navy mb-0 px-4 border-radius-lg shadow-sm"
                    data-bs-dismiss="modal">Close Report</button>
            </div>
        </div>
    </div>
</div>