@extends('layouts.app')
@php
    $course = $exam->course;
    $badge = $exam->badge;
    $theme = $course?->theme() ?? 't-azure';
    $user = auth()->user();
    $level = $exam->proctor_level ?: 'none';
    $rules = collect(preg_split('/\R/', (string) $exam->instructions))->map(fn ($l) => trim(ltrim(trim($l), "•-* \t")))->filter()->values();
    $domains = $exam->activeQuestions()->get(['domain'])->groupBy(fn ($q) => $q->domain ?: 'General')->map->count()->sortDesc();
    $bank = $domains->sum();
    $draw = min($exam->question_count, $bank);
    $review = ['none' => 'Not shown after the exam', 'after_pass' => 'Shown after you pass', 'after_submit' => 'Shown as soon as you submit'][$exam->show_review] ?? 'Shown as soon as you submit';
    $attemptsLabel = $exam->max_attempts ? $exam->max_attempts.' attempts' : 'Unlimited attempts';
    $policy = [
        'none' => ['Timed only', 'The attempt is timed and questions are randomised, but browser activity is not monitored.', []],
        'standard' => ['Standard proctoring', 'Switching tabs, losing window focus, leaving full screen, copying, pasting and right-clicking are recorded on your attempt. The academy can review them and void an attempt if needed. The attempt is not auto-submitted.', ['tab_hidden']],
        'strict' => ['Strict proctoring', 'The exam runs in full screen. Switching tabs, leaving full screen, copying, pasting or right-clicking counts as an integrity violation, and the attempt is submitted automatically after '.$exam->max_violations.' violations.', ['tab_hidden']],
    ][$level];
    $faqs = [
        ['How long is the '.$exam->title.'?', $exam->duration_minutes.' minutes, with '.$draw.' questions drawn from a bank of '.$bank.'. The timer runs on the server and continues if your connection drops.'],
        ['What is the pass mark?', 'You need '.$exam->pass_percent.'% or more. '.((float) $exam->negative_marking > 0 ? 'Wrong answers lose '.rtrim(rtrim(number_format((float) $exam->negative_marking * 100, 0), '0'), '.').'% of the question marks.' : 'There is no negative marking.')],
        ['Can I retake it?', ($exam->max_attempts ? 'You can sit it up to '.$exam->max_attempts.' times.' : 'The number of attempts is not limited.').($exam->cooldown_hours ? ' Wait '.$exam->cooldown_hours.' hours between attempts.' : ' You can retake straight away.').' Once you pass, no further attempts are needed.'],
        ['What do I get when I pass?', 'An instant score report, a QR-verified certificate'.($badge ? ' and the "'.$badge->name.'" digital badge' : '').', both verifiable online.'],
    ];
    seo()->schema(array_filter(['@type' => 'Quiz', 'name' => $exam->title, 'description' => $exam->description ?: $exam->title, 'url' => route('exams.show', $exam->slug),
            'timeRequired' => 'PT'.$exam->duration_minutes.'M', 'educationalLevel' => $course?->level, 'assesses' => $domains->keys()->take(12)->values()->all() ?: null,
            'about' => $course ? ['@type' => 'Course', 'name' => $course->title, 'url' => route('courses.show', $course->slug)] : null,
            'provider' => ['@type' => 'Organization', 'name' => setting('site_name', 'INFOTICS Academy'), 'url' => url('/')]], fn ($v) => $v !== null))
         ->schema(['@type' => 'FAQPage', 'mainEntity' => collect($faqs)->map(fn ($f) => ['@type' => 'Question', 'name' => $f[0], 'acceptedAnswer' => ['@type' => 'Answer', 'text' => $f[1]]])->all()]);
@endphp
@section('content')
<section class="section-dark tr-ex-hero tr-ex-show-hero">
  <div class="tr-ex-glow {{ $theme }}" aria-hidden="true"></div>
  <div class="container" style="position:relative;z-index:2">
    <nav class="crumbs" aria-label="Breadcrumb"><a href="{{ route('home') }}">Home</a><a href="{{ route('exams.index') }}">Exams</a><span>{{ $exam->title }}</span></nav>
    <span class="eyebrow">{{ $course?->vendor?->name ?? 'INFOTICS' }} &middot; {{ $exam->code }}</span>
    <h1>{{ $exam->title }}</h1>
    <p class="lead"><b>At a glance:</b> a {{ $exam->duration_minutes }}-minute online assessment of {{ $draw }} questions{{ $course ? ' for the '.$course->title.' course' : '' }}. Pass with {{ $exam->pass_percent }}% or more to earn a verifiable certificate{{ $badge ? ' and a digital badge' : '' }}.</p>
    <div class="row tr-ex-facts">
      <span class="tr-chip-dark"><x-icon name="timer" :size="16"/> {{ $exam->duration_minutes }} minutes</span>
      <span class="tr-chip-dark"><x-icon name="list-checks" :size="16"/> {{ $draw }} questions</span>
      <span class="tr-chip-dark"><x-icon name="target" :size="16"/> Pass mark {{ $exam->pass_percent }}%</span>
      <span class="tr-chip-dark"><x-icon name="refresh" :size="16"/> {{ $attemptsLabel }}</span>
      <span class="tr-chip-dark"><x-icon name="shield" :size="16"/> {{ $policy[0] }}</span>
    </div>
  </div>
</section>

<section class="section-sm">
  <div class="container">
    <div class="tr-cols">
      <div class="stack">
        <div class="card card-pad">
          <h2 class="tr-h2">About this exam</h2>
          <p class="tr-answer">{{ $exam->description }}</p>
          <p class="small muted mt-1 mb-0">This is an INFOTICS knowledge assessment that prepares you for the vendor exam{{ $course?->exam_code ? ' ('.$course->exam_code.')' : '' }}. It is not the official vendor exam.</p>
          <dl class="kv mt-2">
            <dt>Exam code</dt><dd>{{ $exam->code }}</dd>
            <dt>Duration</dt><dd>{{ $exam->duration_minutes }} minutes</dd>
            <dt>Questions</dt><dd>{{ $draw }} per attempt, drawn at random from a bank of {{ $bank }}</dd>
            <dt>Pass mark</dt><dd>{{ $exam->pass_percent }}%</dd>
            <dt>Attempts</dt><dd>{{ $attemptsLabel }}@if($exam->cooldown_hours) &middot; {{ $exam->cooldown_hours }} h between attempts @endif</dd>
            <dt>Eligibility</dt><dd>{{ $exam->requires_enrollment ? 'Learners enrolled in '.($course?->title ?? 'the related course') : 'Any registered learner' }}</dd>
            <dt>Review</dt><dd>{{ $review }}</dd>
            @if($exam->opens_at || $exam->closes_at)<dt>Availability</dt><dd>{{ $exam->opens_at ? 'Opens '.$exam->opens_at->format('d M Y') : '' }}{{ $exam->opens_at && $exam->closes_at ? ' &middot; ' : '' }}{{ $exam->closes_at ? 'Closes '.$exam->closes_at->format('d M Y') : '' }}</dd>@endif
            @if($course)<dt>Course</dt><dd><a href="{{ route('courses.show', $course->slug) }}">{{ $course->title }}</a></dd>@endif
          </dl>
        </div>

        <div class="card card-pad">
          <h2 class="tr-h2">What to expect</h2>
          <ol class="tr-ex-expect">
            <li><b>Before</b><span>Read the rules and confirm. Use a laptop or desktop with a stable connection; the timer starts as soon as you begin.</span></li>
            <li><b>During</b><span>Answers save automatically. Flag questions and return to them. Some questions need more than one answer, so read each one carefully.</span></li>
            <li><b>After</b><span>Your score and domain breakdown appear immediately. Question review: {{ strtolower($review) }}.</span></li>
          </ol>
          @if($rules->isNotEmpty())
          <h3 class="tr-h3 mt-2">Exam rules</h3>
          <ul class="checks">@foreach($rules as $r)<li><x-icon name="check-circle" :size="18"/><span>{{ $r }}</span></li>@endforeach</ul>
          @endif
        </div>

        <div class="card card-pad">
          <h2 class="tr-h2">Integrity policy: {{ $policy[0] }}</h2>
          <p class="mb-0">{{ $policy[1] }}</p>
          @if($level !== 'none')<p class="small muted mt-2 mb-0">Recorded events are part of your attempt record and are visible to INFOTICS staff. See our <a href="{{ route('privacy') }}">privacy policy</a>.</p>@endif
        </div>

        @if($domains->isNotEmpty())
        <div class="card card-pad">
          <h2 class="tr-h2">What is covered</h2>
          <p class="muted small">Questions are drawn across these domains in proportion to the bank.</p>
          <div class="table-wrap"><table class="table">
            <thead><tr><th>Domain</th><th class="num">Questions in bank</th><th>Weight</th></tr></thead>
            <tbody>@foreach($domains as $name => $cnt)@php $w = $bank ? round($cnt / $bank * 100) : 0; @endphp
              <tr><td>{{ $name }}</td><td class="num">{{ $cnt }}</td><td><div class="tr-ex-wt"><div class="progress"><i style="width:{{ $w }}%"></i></div><span>{{ $w }}%</span></div></td></tr>
            @endforeach</tbody>
          </table></div>
        </div>
        @endif

        <div class="card card-pad">
          <h2 class="tr-h2">Exam questions</h2>
          <div class="faq">@foreach($faqs as $f)<details><summary>{{ $f[0] }}</summary><div>{{ $f[1] }}</div></details>@endforeach</div>
        </div>
      </div>

      <aside class="stack">
        <div class="card card-pad tr-ex-elig" id="start">
          @if(! $user)
            <h2 class="tr-h3">Sit this exam</h2>
            <p class="muted small">Log in with your learner account to start.{{ $exam->requires_enrollment ? ' You need to be enrolled in the related course.' : '' }}</p>
            <a class="btn btn-primary btn-block" href="{{ route('login') }}">Log in to start <x-icon name="arrow-right" :size="18"/></a>
            <a class="btn btn-secondary btn-block mt-1" href="{{ $course ? route('courses.show', $course->slug) : route('courses.index') }}">See the course</a>
          @elseif($elig === null)
            <h2 class="tr-h3">Learner accounts only</h2>
            <p class="muted small">Exams are started from a learner account. You are signed in as {{ $user->isAdmin() ? 'an administrator' : ($user->isTrainer() ? 'a trainer' : 'a '.$user->role) }}.</p>
            @if($user->isAdmin())<a class="btn btn-secondary btn-block" href="{{ route('admin.exams.show', $exam) }}">Manage this exam</a>@else<a class="btn btn-secondary btn-block" href="{{ $user->homeUrl() }}">Go to my portal</a>@endif
          @elseif($elig['ok'])
            @if($elig['resume'])
              <h2 class="tr-h3">Attempt in progress</h2>
              <p class="muted small">Your timer is running{{ $elig['resume']->expires_at ? ' and ends '.$elig['resume']->expires_at->format('h:i A') : '' }}. Pick up where you left off.</p>
              <a class="btn btn-primary btn-block btn-lg" href="{{ route('exams.take', $elig['resume']->code) }}">Resume exam <x-icon name="arrow-right" :size="18"/></a>
            @else
              <h2 class="tr-h3">You can sit this exam</h2>
              <p class="muted small">Attempt {{ $elig['attempts_used'] + 1 }}{{ $exam->max_attempts ? ' of '.$exam->max_attempts : '' }}. The timer starts as soon as you begin.</p>
              <form method="post" action="{{ route('exams.start', $exam->slug) }}">@csrf
                <label class="check"><input type="checkbox" name="agree" value="1" required> <span>I have read the exam rules and the {{ strtolower($policy[0]) }} policy.</span></label>
                @error('agree')<div class="field-error">{{ $message }}</div>@enderror
                <button class="btn btn-primary btn-block btn-lg mt-2" type="submit"><x-icon name="play" :size="18"/> Start exam</button>
              </form>
            @endif
          @else
            <h2 class="tr-h3">You can&rsquo;t start right now</h2>
            <div class="callout {{ $elig['next_at'] ? 'warn' : '' }} tr-ex-reason"><x-icon name="{{ $elig['next_at'] ? 'clock' : 'info' }}" :size="18"/><div class="small">{{ $elig['reason'] }}@if($elig['next_at']) <b>Available <time data-relative="{{ $elig['next_at']->toIso8601String() }}">{{ $elig['next_at']->diffForHumans() }}</time>.</b>@endif</div></div>
            @if($exam->requires_enrollment && str_contains((string) $elig['reason'], 'enrolled'))<a class="btn btn-primary btn-block mt-2" href="{{ $course ? route('courses.show', $course->slug) : route('courses.index') }}">See course batches</a>
            @elseif(str_contains((string) $elig['reason'], 'already passed'))<a class="btn btn-primary btn-block mt-2" href="{{ route('student.exams') }}">Open my results</a>@endif
          @endif
          <p class="small muted mt-2 mb-0"><x-icon name="shield" :size="14"/> {{ $policy[0] }} &middot; {{ $exam->duration_minutes }} min &middot; {{ $draw }} questions</p>
        </div>

        @if($history->isNotEmpty())
        <div class="card">
          <div class="panel-head"><h3>Your attempts</h3></div>
          @foreach($history as $h)
          <a class="list-row tr-earner" href="{{ route('exams.result', $h->code) }}">
            <span class="grow"><b>Attempt {{ $h->attempt_no }}</b><small class="muted" style="display:block">{{ $h->submitted_at?->format('d M Y, h:i A') }}</small></span>
            <span class="bold">{{ $h->percent !== null ? rtrim(rtrim(number_format((float) $h->percent, 1), '0'), '.') : '—' }}%</span>
            <span class="pill {{ $h->passed ? 'pill-green' : 'pill-red' }}">{{ $h->passed ? 'Passed' : 'Not passed' }}</span>
          </a>
          @endforeach
        </div>
        @endif

        @if($badge)
        <div class="card card-pad tr-ex-badgecard" style="--lv:{{ $badge->levelColor() }}">
          <img src="{{ $badge->imageUrl() }}" alt="" width="72" height="79" loading="lazy">
          <div><small class="muted">Earn on passing</small><h3 class="tr-h3 mb-0"><a href="{{ route('badges.show', $badge->slug) }}">{{ $badge->name }}</a></h3><span class="small muted">{{ $badge->level }} level digital badge</span></div>
        </div>
        @endif
      </aside>
    </div>
  </div>
</section>
@endsection