@extends('layouts.portal')
@php
  $editing = $exam->exists;
  $dt = fn ($v) => $v ? \Illuminate\Support\Carbon::parse($v)->format('Y-m-d\TH:i') : null;
@endphp
@section('title', $editing ? 'Edit exam' : 'New exam')
@section('subtitle', $editing ? $exam->title : 'Set the format, proctoring rules and availability, then add questions.')
@section('actions')
  <a class="btn btn-secondary" href="{{ $editing ? route('admin.exams.show', $exam) : route('admin.exams.index') }}"><x-icon name="arrow-left" :size="16"/> {{ $editing ? 'Back to exam' : 'All exams' }}</a>
@endsection

@section('content')
<form method="post" action="{{ $editing ? route('admin.exams.update', $exam) : route('admin.exams.store') }}" novalidate>
  @csrf
  @if($editing) @method('PUT') @endif

  <div class="ab-cols">
    <div class="ab-main">
      <section class="panel" aria-labelledby="ex-basics">
        <div class="panel-head"><h2 id="ex-basics">Basics</h2></div>
        <div class="panel-body">
          <div class="form-grid">
            <x-field name="title" label="Exam title" :value="$exam->title" required full placeholder="e.g. Azure Administrator — Knowledge Assessment"/>
            <x-field name="course_id" label="Course" type="select" :options="$courses->pluck('title', 'id')->all()" :value="$exam->course_id" blank="Not linked to a course" help="Linked exams appear on the course page and in the enrolled learner’s exam list."/>
            <x-field name="code" label="Exam code" :value="$exam->code" placeholder="Auto-generated if left blank" help="Letters, numbers, dots, dashes. Printed on result reports and certificates."/>
            <x-field name="description" label="Short description" type="textarea" :rows="3" :value="$exam->description" full help="Shown on the exam card before the learner starts."/>
            <x-field name="instructions" label="Instructions for candidates" type="textarea" :rows="5" :value="$exam->instructions" full help="Rules, allowed materials and what happens on submit. Shown on the pre-exam screen."/>
          </div>
        </div>
      </section>

      <section class="panel" aria-labelledby="ex-rules">
        <div class="panel-head"><h2 id="ex-rules">Assessment rules</h2></div>
        <div class="panel-body">
          <div class="form-grid-3">
            <x-field name="duration_minutes" label="Duration (minutes)" type="number" :value="$exam->duration_minutes" :min="5" :max="480" required/>
            <x-field name="question_count" label="Questions per attempt" type="number" :value="$exam->question_count" :min="1" :max="300" required help="Drawn at random from the active bank."/>
            <x-field name="pass_percent" label="Pass mark (%)" type="number" :value="$exam->pass_percent" :min="1" :max="100" required/>
            <x-field name="max_attempts" label="Maximum attempts" type="number" :value="$exam->max_attempts" :min="1" :max="50" placeholder="Unlimited" help="Voided attempts do not count."/>
            <x-field name="cooldown_hours" label="Cool-down between attempts (hours)" type="number" :value="$exam->cooldown_hours" :min="0" :max="720" placeholder="0"/>
            <x-field name="negative_marking" label="Negative marking per wrong answer" type="number" :value="$exam->negative_marking" :min="0" :max="5" step="0.25" placeholder="0" help="Marks deducted for each wrong answer. Leave 0 for none."/>
          </div>
          <div class="ab-checks">
            <x-field name="shuffle_questions" type="checkbox" label="Randomise question order" :value="$exam->shuffle_questions"/>
            <x-field name="shuffle_options" type="checkbox" label="Randomise answer options" :value="$exam->shuffle_options"/>
            <x-field name="requires_enrollment" type="checkbox" label="Only enrolled learners can sit this exam" :value="$exam->requires_enrollment"/>
          </div>
        </div>
      </section>

      <section class="panel" aria-labelledby="ex-proctor">
        <div class="panel-head"><h2 id="ex-proctor">Proctoring &amp; review</h2></div>
        <div class="panel-body">
          <div class="form-grid-3">
            <x-field name="proctor_level" label="Proctoring level" type="select" :options="['none' => 'None', 'standard' => 'Standard — log tab switches', 'strict' => 'Strict — auto-submit on repeat violations']" :value="$exam->proctor_level" required/>
            <x-field name="max_violations" label="Violations before auto-submit" type="number" :value="$exam->max_violations" :min="1" :max="20" help="Applies to strict proctoring only."/>
            <x-field name="show_review" label="Answer review for learners" type="select" :options="['none' => 'Never — score only', 'after_submit' => 'After every attempt', 'after_pass' => 'Only after passing']" :value="$exam->show_review" required/>
          </div>
          <div class="callout"><x-icon name="info" :size="18"/><div class="small">Standard and strict proctoring record tab switches, window blur, copy/paste and full-screen exits. Every event is listed on the attempt page so you can decide whether to void it.</div></div>
        </div>
      </section>

      <section class="panel" aria-labelledby="ex-avail">
        <div class="panel-head"><h2 id="ex-avail">Availability &amp; credentials</h2></div>
        <div class="panel-body">
          <div class="form-grid">
            <x-field name="opens_at" label="Opens at" type="datetime-local" :value="$dt($exam->opens_at)" help="Leave empty to open immediately once published."/>
            <x-field name="closes_at" label="Closes at" type="datetime-local" :value="$dt($exam->closes_at)"/>
            <x-field name="certificate_title" label="Certificate title" :value="$exam->certificate_title" full placeholder="e.g. INFOTICS Certified — Azure Administrator" help="Printed on the certificate learners receive when they pass. Falls back to the exam title."/>
          </div>
          @if($exam->badge)
            <div class="callout success"><x-icon name="badge-check" :size="18"/><div class="small">Passing this exam awards <a href="{{ route('admin.badges.edit', $exam->badge) }}"><b>{{ $exam->badge->name }}</b></a>. Change badge details on its own page.</div></div>
          @else
            <x-field name="create_badge" type="checkbox" label="Create a digital badge that is awarded automatically when a learner passes" :value="! $editing"/>
            <p class="help">Uses the course level for colour and stars, valid for 36 months. To attach an existing badge instead, open it under <a href="{{ route('admin.badges.index') }}">Badges</a> and select this exam.</p>
          @endif
        </div>
      </section>
    </div>

    <aside class="ab-side" aria-label="Publishing">
      <section class="panel">
        <div class="panel-head"><h2>Publishing</h2></div>
        <div class="panel-body">
          <x-field name="published" type="checkbox" label="Published — visible to eligible learners" :value="$exam->published"/>
          <p class="help">Unpublished exams stay hidden. You can build the question bank first and publish when ready.</p>
          @if($editing)
            <dl class="kv" style="grid-template-columns:110px 1fr;margin-top:16px">
              <dt>Questions</dt><dd>{{ $exam->questions()->count() }} ({{ $exam->activeQuestions()->count() }} active)</dd>
              <dt>Code</dt><dd class="mono">{{ $exam->code }}</dd>
              <dt>Updated</dt><dd>{{ $exam->updated_at?->format('d M Y, g:i A') }}</dd>
            </dl>
          @endif
        </div>
      </section>
    </aside>
  </div>

  <div class="ab-savebar">
    <span class="small muted">{{ $editing ? 'Changes apply to new attempts immediately; attempts in progress keep the rules they started with.' : 'You can add questions right after saving.' }}</span>
    <div class="row">
      <a class="btn btn-secondary" href="{{ $editing ? route('admin.exams.show', $exam) : route('admin.exams.index') }}">Cancel</a>
      <button class="btn btn-primary" type="submit"><x-icon name="check" :size="16"/> {{ $editing ? 'Save exam' : 'Create exam' }}</button>
    </div>
  </div>
</form>
@endsection