@extends('layouts.portal')
@section('title', 'Attempt review')
@section('subtitle', $exam->title.' · '.$attempt->code)
@section('actions')
  <a class="btn btn-secondary" href="{{ route('admin.exams.attempts', $exam) }}"><x-icon name="arrow-left" :size="16"/> All attempts</a>
  @if($attempt->isFinished() && Route::has('exams.report'))<a class="btn btn-secondary" href="{{ route('exams.report', $attempt->code) }}" target="_blank" rel="noopener"><x-icon name="download" :size="16"/> Score report (PDF)</a>@endif
@endsection

@section('content')
@php
  $u = $attempt->user;
  $fmt = fn ($s) => $s >= 3600 ? intdiv($s, 3600).'h '.intdiv($s % 3600, 60).'m' : intdiv($s, 60).'m '.($s % 60).'s';
  $voided = $attempt->status === 'voided';
  $pct = $attempt->percent !== null ? (float) $attempt->percent : null;
  $num = fn ($v) => rtrim(rtrim(number_format((float) $v, 2), '0'), '.');
  $eventLabels = ['tab_hidden' => 'Switched to another tab', 'window_blur' => 'Window lost focus', 'fullscreen_exit' => 'Left full-screen', 'copy' => 'Tried to copy', 'paste' => 'Tried to paste', 'context_menu' => 'Opened the context menu', 'auto_submit' => 'Auto-submitted'];
  $credential = $attempt->credential;
@endphp

@if($voided)
  <div class="callout danger mb-2"><x-icon name="alert" :size="20"/><div><b>This attempt was voided.</b> It no longer counts toward the learner’s attempt limit and is excluded from pass rates.@if($attempt->void_reason) <br>Reason: {{ $attempt->void_reason }}@endif</div></div>
@endif

<section class="panel ab-attempt-head">
  <div class="panel-body">
    <div class="ab-attempt-grid">
      <div class="row" style="flex-wrap:nowrap;gap:14px">
        <span class="avatar avatar-lg" style="width:64px;height:64px;font-size:1.2rem">{{ $u ? initials($u->name) : '?' }}</span>
        <div style="min-width:0">
          <h2 style="margin:0;font-size:1.25rem">{{ $u?->name ?? 'Deleted user' }}</h2>
          <div class="muted small">{{ $u?->email }}</div>
          <div class="row mt-1" style="gap:8px"><x-pill :status="$attempt->status"/> <span class="pill pill-gray">Attempt #{{ $attempt->attempt_no }}</span> @if($attempt->auto_submitted)<span class="pill pill-amber">Auto-submitted</span>@endif</div>
        </div>
      </div>
      <div class="ab-score">
        @if($pct !== null)
          <div class="ring" style="--p:{{ round($pct) }};--ring-c:{{ $voided ? '#94a3b8' : ($attempt->passed ? '#12b981' : '#e11d48') }}"><b>{{ round($pct) }}%</b></div>
          <div>
            <div class="bold" style="font-size:1.1rem">@if($voided)Voided @elseif($attempt->passed)<span style="color:#0b7a4b">Passed</span>@else<span style="color:#b3123f">Failed</span>@endif</div>
            <div class="small muted">{{ $num($attempt->score) }} of {{ $num($attempt->max_score) }} marks · pass mark {{ $exam->pass_percent }}%</div>
          </div>
        @else
          <div class="muted">Not scored — attempt {{ str_replace('_', ' ', $attempt->status) }}.</div>
        @endif
      </div>
      <dl class="kv" style="grid-template-columns:110px 1fr">
        <dt>Started</dt><dd>{{ $attempt->started_at?->format('d M Y, g:i A') }}</dd>
        <dt>Submitted</dt><dd>{{ $attempt->submitted_at?->format('d M Y, g:i A') ?? '—' }}</dd>
        <dt>Time used</dt><dd>{{ $attempt->time_spent_seconds ? $fmt($attempt->time_spent_seconds) : '—' }} of {{ $exam->duration_minutes }} min</dd>
        <dt>Answered</dt><dd>{{ $attempt->answeredCount() }} of {{ count((array) $attempt->question_ids) }} questions</dd>
        <dt>Proctoring</dt><dd>{{ ucfirst($exam->proctor_level) }} · <b>{{ $attempt->violations }}</b> {{ \Illuminate\Support\Str::plural('violation', $attempt->violations) }}@if($exam->proctor_level === 'strict') (limit {{ $exam->max_violations }})@endif</dd>
        <dt>IP address</dt><dd class="mono">{{ $attempt->ip_address ?: '—' }}</dd>
      </dl>
    </div>
    @if($attempt->user_agent)<p class="xs muted mt-2 mb-0" style="word-break:break-all">Browser: {{ $attempt->user_agent }}</p>@endif
  </div>
</section>

<div class="ab-cols">
  <div class="ab-main">
    @if(! empty($attempt->domain_scores))
    <section class="panel">
      <div class="panel-head"><h2>Score by domain</h2></div>
      <div class="panel-body">
        <div class="ab-domains">
        @foreach($attempt->domain_scores as $name => $d)
          @php $p = (float) ($d['percent'] ?? 0); @endphp
          <div class="ab-domain">
            <div class="between small"><span>{{ $name ?: 'General' }}</span><b>{{ round($p) }}% <span class="muted" style="font-weight:500">({{ $d['correct'] ?? 0 }}/{{ $d['total'] ?? 0 }})</span></b></div>
            <div class="progress {{ $p >= $exam->pass_percent ? 'green' : ($p >= $exam->pass_percent - 20 ? 'amber' : 'red') }}" role="img" aria-label="{{ $name }} {{ round($p) }} percent"><i style="width:{{ min(100, $p) }}%"></i></div>
          </div>
        @endforeach
        </div>
      </div>
    </section>
    @endif

    <section class="panel">
      <div class="panel-head"><h2>Answers vs key</h2>@if(count($review))<span class="small muted">{{ collect($review)->where('is_correct', true)->count() }} correct · {{ collect($review)->where('answered', false)->count() }} unanswered</span>@endif</div>
      @forelse($review as $r)
        <div class="q-review {{ ! $r['answered'] ? 'skip' : ($r['is_correct'] ? 'ok' : 'no') }}">
          <div class="q-meta" style="margin-bottom:8px"><span>Question {{ $r['no'] }}</span>@if($r['domain'])<span class="pill pill-gray">{{ $r['domain'] }}</span>@endif
            <span class="pill {{ ! $r['answered'] ? 'pill-gray' : ($r['is_correct'] ? 'pill-green' : 'pill-red') }}">{{ ! $r['answered'] ? 'Unanswered' : ($r['is_correct'] ? 'Correct' : 'Incorrect') }}</span></div>
          <div class="ab-q-body">{{ $r['question'] }}</div>
          <div class="ab-answers">
            <div><span class="ab-ans-label">Given</span>@if($r['answered'])<ul>@foreach($r['given'] as $g)<li>{{ $g }}</li>@endforeach</ul>@else<em class="muted">No answer</em>@endif</div>
            <div><span class="ab-ans-label">Correct</span><ul>@foreach($r['correct'] as $g)<li>{{ $g }}</li>@endforeach</ul></div>
          </div>
          @if($r['explanation'])<p class="small ab-explain"><b>Explanation.</b> {{ $r['explanation'] }}</p>@endif
        </div>
      @empty
        <div class="panel-body"><x-empty icon="clipboard-check" title="No answers to show" text="The answer key appears once the attempt has been submitted."/></div>
      @endforelse
    </section>
  </div>

  <aside class="ab-side">
    <section class="panel">
      <div class="panel-head"><h2>Integrity events</h2><span class="pill {{ $attempt->events->count() ? 'pill-amber' : 'pill-green' }}">{{ $attempt->events->count() }}</span></div>
      <div class="panel-body">
        @if($attempt->events->count())
          <ol class="timeline">
            @foreach($attempt->events as $ev)
              <li>
                <div class="bold small">{{ $eventLabels[$ev->type] ?? ucfirst(str_replace('_', ' ', $ev->type)) }}</div>
                <div class="xs muted">{{ $ev->created_at?->format('d M, g:i:s A') }}@if(! empty($ev->meta['q'])) · question {{ $ev->meta['q'] }}@endif @if(! empty($ev->meta['note'])) · {{ $ev->meta['note'] }}@endif</div>
              </li>
            @endforeach
          </ol>
        @else
          <p class="muted small mb-0">No tab switches, focus loss or clipboard activity were recorded for this attempt.</p>
        @endif
      </div>
    </section>

    <section class="panel">
      <div class="panel-head"><h2>Certificate</h2></div>
      <div class="panel-body">
        @if($credential)
          <dl class="kv" style="grid-template-columns:90px 1fr">
            <dt>ID</dt><dd class="mono small">{{ $credential->credential_id }}</dd>
            <dt>Status</dt><dd><x-pill :status="$credential->effectiveStatus()"/></dd>
            <dt>Issued</dt><dd>{{ $credential->issued_at?->format('d M Y') }}</dd>
          </dl>
          <div class="row mt-2">
            <a class="btn btn-secondary btn-sm" href="{{ $credential->verifyUrl() }}" target="_blank" rel="noopener"><x-icon name="external-link" :size="14"/> Verify</a>
            <form method="post" action="{{ route('admin.credentials.resend', $credential) }}">@csrf<button class="btn btn-secondary btn-sm" type="submit"><x-icon name="mail" :size="14"/> Resend email</button></form>
          </div>
          @if($credential->isValid())
          <form method="post" action="{{ route('admin.credentials.revoke', $credential) }}" class="mt-2" data-confirm="Revoke this certificate? The public verification page will show it as revoked.">
            @csrf
            <label class="label" for="rv-reason">Revoke certificate</label>
            <div class="input-group"><input class="input" id="rv-reason" name="reason" required maxlength="300" placeholder="Reason (shown on verification page)"><button class="btn btn-danger btn-sm" type="submit">Revoke</button></div>
          </form>
          @endif
        @elseif($attempt->passed && ! $voided)
          <p class="small">This pass has no certificate attached. You can issue one manually.</p>
          <a class="btn btn-secondary btn-sm" href="{{ route('admin.credentials.index', ['user' => $u?->id, 'title' => ($exam->certificate_title ?: $exam->title.' — Certificate'), 'course' => $exam->course_id, 'issue' => 1]) }}"><x-icon name="award" :size="14"/> Issue certificate</a>
        @else
          <p class="muted small mb-0">No certificate — {{ $voided ? 'the attempt was voided.' : ($attempt->isFinished() ? 'the learner did not pass.' : 'the attempt is not finished.') }}</p>
        @endif
      </div>
    </section>

    @unless($voided)
    <section class="panel ab-danger">
      <div class="panel-head"><h2>Void this attempt</h2></div>
      <div class="panel-body">
        <p class="small">Void an attempt for a confirmed integrity breach or a technical fault. It is excluded from results and does not use up one of the learner’s attempts. This cannot be undone.</p>
        <form method="post" action="{{ route('admin.exams.attempt.void', $attempt) }}" data-confirm="Void this attempt? This cannot be undone.">
          @csrf
          <x-field name="reason" label="Reason" type="textarea" :rows="3" required placeholder="e.g. Candidate left the exam window 6 times; technical fault on the exam server."/>
          @if($credential && $credential->isValid())
            <x-field name="revoke_credential" type="checkbox" label="Also revoke the certificate and badge awarded for this attempt" :value="true"/>
          @endif
          <button class="btn btn-danger" type="submit"><x-icon name="alert" :size="16"/> Void attempt</button>
        </form>
      </div>
    </section>
    @endunless
  </aside>
</div>
@endsection