@extends('layouts.portal')
@section('title', 'Attempts')
@section('subtitle', $exam->title)
@section('actions')
  <a class="btn btn-secondary" href="{{ route('admin.exams.show', $exam) }}"><x-icon name="arrow-left" :size="16"/> Question bank</a>
@endsection

@section('content')
@php
  $fmtTime = function ($s) { $s = (int) $s; return $s >= 3600 ? intdiv($s, 3600).'h '.intdiv($s % 3600, 60).'m' : intdiv($s, 60).'m '.($s % 60).'s'; };
@endphp
<form class="filters" method="get" action="{{ route('admin.exams.attempts', $exam) }}">
  <select class="select" name="result" aria-label="Filter by result" data-autosubmit>
    <option value="">All results</option>
    <option value="passed" @selected(($filters['result'] ?? '') === 'passed')>Passed</option>
    <option value="failed" @selected(($filters['result'] ?? '') === 'failed')>Failed or voided</option>
  </select>
  <label class="check"><input type="checkbox" name="flagged" value="1" @checked(! empty($filters['flagged'])) data-autosubmit> <span>Only attempts with integrity flags</span></label>
  <noscript><button class="btn btn-secondary btn-sm" type="submit">Apply</button></noscript>
  @if(array_filter($filters))<a class="btn btn-ghost btn-sm" href="{{ route('admin.exams.attempts', $exam) }}">Clear filters</a>@endif
  <span class="grow"></span>
  <span class="small muted">{{ $attempts->total() }} {{ \Illuminate\Support\Str::plural('attempt', $attempts->total()) }}</span>
</form>

<div class="table-wrap">
  <table class="table">
    <thead><tr><th>Learner</th><th>Attempt</th><th>Status</th><th class="num">Score</th><th>Result</th><th class="num">Time</th><th>Submitted</th><th class="num">Integrity flags</th><th></th></tr></thead>
    <tbody>
    @forelse($attempts as $a)
      <tr>
        <td>
          <div class="row" style="gap:10px;flex-wrap:nowrap"><span class="avatar avatar-sm">{{ $a->user ? initials($a->user->name) : '?' }}</span>
          <div><a class="ab-cell-title" href="{{ route('admin.exams.attempt', $a) }}">{{ $a->user?->name ?? 'Deleted user' }}</a><span class="ab-sub">{{ $a->user?->email }}</span></div></div>
        </td>
        <td class="mono small">#{{ $a->attempt_no }}<span class="ab-sub">{{ $a->code }}</span></td>
        <td><x-pill :status="$a->status"/>@if($a->auto_submitted)<span class="ab-sub">auto-submitted</span>@endif</td>
        <td class="num">@if($a->percent !== null)<b>{{ rtrim(rtrim(number_format((float) $a->percent, 1), '0'), '.') }}%</b><span class="ab-sub">{{ rtrim(rtrim(number_format((float) $a->score, 2), '0'), '.') }} / {{ rtrim(rtrim(number_format((float) $a->max_score, 2), '0'), '.') }}</span>@else — @endif</td>
        <td>@if($a->status === 'voided')<span class="pill pill-red">Voided</span>@elseif($a->passed)<span class="pill pill-green">Passed</span>@else<span class="pill pill-red">Failed</span>@endif</td>
        <td class="num nowrap">{{ $a->time_spent_seconds ? $fmtTime($a->time_spent_seconds) : '—' }}<span class="ab-sub">of {{ $exam->duration_minutes }}m</span></td>
        <td class="nowrap">{{ $a->submitted_at?->format('d M Y') ?? '—' }}<span class="ab-sub">{{ $a->submitted_at?->format('g:i A') }}</span></td>
        <td class="num">@if($a->violations)<span class="pill pill-amber"><x-icon name="flag" :size="12"/> {{ $a->violations }}</span>@else<span class="muted">0</span>@endif</td>
        <td class="actions"><a class="btn btn-secondary btn-sm" href="{{ route('admin.exams.attempt', $a) }}">Review</a></td>
      </tr>
    @empty
      <tr><td colspan="9"><x-empty icon="clipboard-check" :title="array_filter($filters) ? 'No attempts match these filters' : 'No completed attempts yet'" text="Attempts appear here as soon as learners submit or run out of time."/></td></tr>
    @endforelse
    </tbody>
  </table>
</div>
{{ $attempts->links() }}
@endsection