@extends('layouts.app')
@php
    $n = $exams->count();
    $vendors = $exams->map(fn ($e) => $e->course?->vendor)->filter()->unique('id')->sortBy('name')->values();
    $proct = ['none' => 'Timed only', 'standard' => 'Proctored', 'strict' => 'Strictly proctored'];
    $minD = $exams->min('duration_minutes'); $maxD = $exams->max('duration_minutes');
    $minQ = $exams->min('question_count'); $maxQ = $exams->max('question_count');
    $minP = $exams->min('pass_percent'); $maxP = $exams->max('pass_percent');
    $range = fn ($a, $b, $u = '') => $a === $b ? $a.$u : $a.'–'.$b.$u;
    $badgeCount = $exams->filter(fn ($e) => $e->badge)->count();
    $enrolCount = $exams->where('requires_enrollment', true)->count();
    $maxAttempts = $exams->max('max_attempts');
    $faqs = [
        ['What are INFOTICS certification exams?', 'They are timed, randomised knowledge assessments delivered on the INFOTICS platform and built around our courses. Each attempt draws questions from a bank and shuffles the answer options. They prepare you for the vendor exam; they are not the official vendor exam itself.'],
        ['Do I need to be enrolled to sit an exam?', $enrolCount === $n ? 'Yes. Every exam here is open to learners enrolled in the related course, so you can only start one from your learner account.' : $enrolCount.' of the '.$n.' exams require enrollment in the related course. Log in and open the exam page to see whether you are eligible.'],
        ['How long is an exam and what is the pass mark?', $n ? 'Exams run '.$range($minD, $maxD, ' minutes').' with '.$range($minQ, $maxQ).' questions per attempt and a pass mark of '.$range($minP, $maxP, '%').', depending on the exam. The timer runs on the server, so it keeps counting if your connection drops.' : 'Each exam page lists its duration, number of questions and pass mark.'],
        ['What if I do not pass?', 'You see your score and a per-domain breakdown straight away, so you know what to revise. '.($maxAttempts ? 'Exams allow up to '.$maxAttempts.' attempts per learner' : 'Attempts are limited per exam').'; some have a waiting period between attempts, which is shown on the exam page.'],
        ['How is exam integrity protected?', 'Attempts are timed and question order and answer options are shuffled. Depending on the exam, the platform also records events such as switching tabs, leaving full screen, copying or pasting. Strictly proctored exams submit automatically after repeated violations.'],
        ['What do I receive when I pass?', 'An instant score report, a QR-verified INFOTICS certificate and'.($badgeCount ? ' a shareable digital badge ('.$badgeCount.' exams award one)' : ' access to your learner records').'. Employers can verify both on the INFOTICS verification page.'],
    ];
    seo()->title('Certification Exams | Online Assessments | INFOTICS')
         ->description('Sit '.$n.' timed, randomised INFOTICS certification exams online: instant score reports, verifiable certificates and shareable digital badges for enrolled learners.')
         ->schema(['@type' => 'CollectionPage', 'name' => 'INFOTICS certification exams', 'url' => route('exams.index'),
            'mainEntity' => ['@type' => 'ItemList', 'numberOfItems' => $n, 'itemListElement' => $exams->values()->map(fn ($e, $i) => ['@type' => 'ListItem', 'position' => $i + 1, 'name' => $e->title, 'url' => route('exams.show', $e->slug)])->all()]])
         ->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 page-hero tr-ex-hero">
  <div class="blob b1" aria-hidden="true"></div><div class="blob b2" 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><span>Exams</span></nav>
    <span class="eyebrow">Certification exams</span>
    <h1>Prove what you know, on the record</h1>
    <p class="lead"><b>Quick answer:</b> INFOTICS exams are timed, randomised online assessments for learners enrolled in our courses. You get an instant score with a domain breakdown, and a pass earns a verifiable certificate{{ $badgeCount ? ' and a shareable digital badge' : '' }}. They prepare you for vendor exams but are not the vendor&rsquo;s own tests.</p>
    <div class="row tr-ex-facts">
      <span class="tr-chip-dark"><x-icon name="clipboard-check" :size="16"/> {{ $n }} {{ Str::plural('exam', $n) }}</span>
      @if($n)<span class="tr-chip-dark"><x-icon name="timer" :size="16"/> {{ $range($minD, $maxD, ' min') }}</span>
      <span class="tr-chip-dark"><x-icon name="target" :size="16"/> Pass mark {{ $range($minP, $maxP, '%') }}</span>@endif
      @if($badgeCount)<span class="tr-chip-dark"><x-icon name="badge-check" :size="16"/> {{ $badgeCount }} digital {{ Str::plural('badge', $badgeCount) }}</span>@endif
    </div>
  </div>
</section>

<section class="section-sm">
  <div class="container">
    @if($n === 0)
      <x-empty icon="clipboard-check" title="No exams are published yet" text="New exams appear here as soon as they are released. Meanwhile, browse our courses."><a class="btn btn-primary" href="{{ route('courses.index') }}">Browse courses</a></x-empty>
    @else
    <div class="tr-ex-filters" data-ex-filters>
      <div class="searchbox tr-ex-search"><x-icon name="search" :size="18"/><label class="sr-only" for="ex-q">Search exams</label><input class="input" id="ex-q" type="search" placeholder="Search by exam, vendor or code" data-ex-search autocomplete="off"></div>
      <div class="row" role="group" aria-label="Filter by vendor">
        <button class="chip active" type="button" data-ex-vendor="" aria-pressed="true">All <span class="tr-count">{{ $n }}</span></button>
        @foreach($vendors as $v)<button class="chip" type="button" data-ex-vendor="{{ $v->slug }}" aria-pressed="false">{{ $v->slug === 'aws' ? 'AWS' : $v->name }} <span class="tr-count">{{ $exams->filter(fn ($e) => $e->course?->vendor_id === $v->id)->count() }}</span></button>@endforeach
      </div>
    </div>
    <p class="small muted" data-ex-count aria-live="polite">Showing all {{ $n }} exams.</p>

    <div class="grid g-auto tr-ex-grid" data-ex-grid>
      @foreach($exams as $e)
        @php $c = $e->course; $b = $e->badge; @endphp
        <article class="card card-hover course-card tr-ex-card" data-ex-card data-vendor="{{ $c?->vendor?->slug }}" data-text="{{ Str::lower($e->title.' '.$e->code.' '.$c?->vendor?->name.' '.$c?->certification) }}">
          <a class="course-thumb {{ $c?->theme() ?? 't-azure' }}" href="{{ route('exams.show', $e->slug) }}" tabindex="-1" aria-hidden="true">
            @if($c?->level)<span class="level">{{ $c->level }}</span>@endif
            <x-icon class="icon-bg" :name="$c?->icon() ?? 'clipboard-check'" :size="132"/>
            <span class="vendor">{{ $c?->vendor?->slug === 'aws' ? 'AWS' : ($c?->vendor?->name ?? 'INFOTICS') }}</span>
          </a>
          <div class="course-body">
            <h2 class="tr-ex-title"><a href="{{ route('exams.show', $e->slug) }}">{{ $e->title }}</a></h2>
            <p class="muted small mb-0 clamp-3">{{ $e->description }}</p>
            <ul class="tr-ex-meta">
              <li><x-icon name="timer" :size="15"/> {{ $e->duration_minutes }} min</li>
              <li><x-icon name="list-checks" :size="15"/> {{ $e->question_count }} questions</li>
              <li><x-icon name="target" :size="15"/> Pass {{ $e->pass_percent }}%</li>
              <li><x-icon name="refresh" :size="15"/> {{ $e->max_attempts ? $e->max_attempts.' attempts' : 'Unlimited attempts' }}</li>
              <li><x-icon name="shield" :size="15"/> {{ $proct[$e->proctor_level] ?? 'Timed only' }}</li>
              <li><x-icon name="graduation-cap" :size="15"/> {{ $e->requires_enrollment ? 'Enrolled learners' : 'Open to all learners' }}</li>
            </ul>
            @if($b)<div class="tr-ex-badge" style="--lv:{{ $b->levelColor() }}"><img src="{{ $b->imageUrl() }}" alt="" width="38" height="42" loading="lazy"><span><small>Badge earned on passing</small>{{ $b->level }} level</span></div>@endif
            <div class="course-foot">
              <div class="small"><b>{{ $e->requires_enrollment ? 'Included with the course' : 'Free to sit' }}</b></div>
              <a class="btn btn-primary btn-sm" href="{{ route('exams.show', $e->slug) }}">View exam</a>
            </div>
          </div>
        </article>
      @endforeach
    </div>
    <div class="tr-ex-none hidden" data-ex-empty><x-empty icon="search" title="No exams match" text="Try another vendor or a different keyword."><button class="btn btn-secondary" type="button" data-ex-reset>Clear filters</button></x-empty></div>
    @endif
  </div>
</section>

<section class="section section-tint">
  <div class="container tr-ex-info">
    <div>
      <div class="section-head left"><span class="eyebrow">How it works</span><h2>From enrollment to a verified result</h2></div>
      <ol class="steps tr-ex-steps">
        <li class="card step"><b>Enroll and learn</b><span>Most exams unlock when you are enrolled in the related course.</span></li>
        <li class="card step"><b>Start when ready</b><span>Read the rules, confirm, and the server-side timer begins. Answers autosave.</span></li>
        <li class="card step"><b>Get your score at once</b><span>See your result, a domain breakdown and, where allowed, a question review.</span></li>
        <li class="card step"><b>Share your proof</b><span>A pass issues a certificate and badge that employers can verify online.</span></li>
      </ol>
      <p class="small muted mt-2">Vendor names belong to their owners. INFOTICS exams are our own assessments and do not replace the official vendor exam.</p>
    </div>
    <div>
      <div class="section-head left"><span class="eyebrow">FAQ</span><h2>Exam questions, answered</h2></div>
      <div class="faq">@foreach($faqs as $f)<details><summary>{{ $f[0] }}</summary><div>{{ $f[1] }}</div></details>@endforeach</div>
    </div>
  </div>
</section>
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/trust.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush