@extends('layouts.admin')

@section('title', $exam->name)

@section('content')
    <x-ui.page-header :title="$exam->name" :subtitle="$exam->display_name" :back="route('admin.exams.index')">
        <x-slot:actions>
            @can('update', $exam)
                <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.exams.edit', $exam) }}"><i class="bi bi-pencil"></i> Edit</a>
            @endcan
            @can('manageQuestions', $exam)
                <a class="btn btn-sm btn-primary" href="{{ route('admin.exams.questions.builder', $exam) }}"><i class="bi bi-list-check"></i> Question Builder</a>
            @endcan
            @can('preview', $exam)
                <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.exams.preview', $exam) }}"><i class="bi bi-play-circle"></i> Preview</a>
            @endcan
            @can('assign', $exam)
                <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#assign-students-modal">
                    <i class="bi bi-person-check"></i> Assign Students
                </button>
            @endcan
            @can('duplicate', $exam)
                <form method="POST" action="{{ route('admin.exams.duplicate', $exam) }}" data-confirm="Duplicate exam {{ $exam->name }} as a new draft?">
                    @csrf
                    <button class="btn btn-sm btn-outline-secondary" type="submit"><i class="bi bi-files"></i> Duplicate</button>
                </form>
            @endcan
            @can('publish', $exam)
                <form method="POST" action="{{ route('admin.exams.publish', $exam) }}" data-confirm="Publish exam {{ $exam->name }}? Its questions are locked while it is published.">
                    @csrf
                    <button class="btn btn-sm btn-success" type="submit" @disabled($issues !== [])><i class="bi bi-send-check"></i> Publish</button>
                </form>
            @endcan
            @can('unpublish', $exam)
                <form method="POST" action="{{ route('admin.exams.unpublish', $exam) }}" data-confirm="Unpublish exam {{ $exam->name }} and return it to draft?">
                    @csrf
                    <button class="btn btn-sm btn-outline-warning" type="submit"><i class="bi bi-arrow-counterclockwise"></i> Unpublish</button>
                </form>
            @endcan
            @can('archive', $exam)
                <form method="POST" action="{{ route('admin.exams.archive', $exam) }}" data-confirm="Archive exam {{ $exam->name }}? It can no longer be edited or assigned.">
                    @csrf
                    <button class="btn btn-sm btn-outline-dark" type="submit"><i class="bi bi-archive"></i> Archive</button>
                </form>
            @endcan
            @can('delete', $exam)
                <x-ui.delete-button :action="route('admin.exams.destroy', $exam)" label="Delete"
                    confirm="Delete draft exam {{ $exam->name }}? The x-ray content it references is kept." />
            @endcan
        </x-slot:actions>
    </x-ui.page-header>

    @if ($exam->isDraft() && $issues !== [])
        <div class="alert alert-warning">
            <div class="fw-semibold mb-1"><i class="bi bi-exclamation-triangle me-1"></i>Cannot publish exam:</div>
            <ul class="mb-0 ps-4">
                @foreach ($issues as $issue)
                    <li>{{ $issue }}</li>
                @endforeach
            </ul>
        </div>
    @elseif ($exam->isDraft())
        <div class="alert alert-success py-2"><i class="bi bi-check-circle me-1"></i>This draft passes every publish check and can be published.</div>
    @elseif ($exam->isPublished())
        <div class="alert alert-info py-2"><i class="bi bi-info-circle me-1"></i>Published {{ $exam->published_at?->format('d M Y H:i') }}. Questions are locked; unpublish to change them.</div>
    @else
        <div class="alert alert-secondary py-2"><i class="bi bi-archive me-1"></i>Archived {{ $exam->archived_at?->format('d M Y H:i') }}. This exam is read-only.</div>
    @endif

    <div class="row g-3">
        <div class="col-lg-5">
            <x-ui.card title="Exam information">
                <div class="row">
                    <x-ui.detail-row label="Name">{{ $exam->name }}</x-ui.detail-row>
                    <x-ui.detail-row label="Display Name">{{ $exam->display_name }}</x-ui.detail-row>
                    <x-ui.detail-row label="Description">{{ $exam->description }}</x-ui.detail-row>
                    <x-ui.detail-row label="Library">
                        @if ($exam->library)
                            <a class="text-decoration-none" href="{{ route('admin.libraries.show', $exam->library) }}">{{ $exam->library->name }}</a>
                        @else
                            Any case
                        @endif
                    </x-ui.detail-row>
                    <x-ui.detail-row label="Duration">{{ $exam->duration_minutes }} minutes</x-ui.detail-row>
                    <x-ui.detail-row label="Passing Percentage">{{ rtrim(rtrim(number_format($exam->passing_percentage, 2), '0'), '.') }}%</x-ui.detail-row>
                    <x-ui.detail-row label="Status"><x-ui.status-badge :value="$exam->status" /></x-ui.detail-row>
                    <x-ui.detail-row label="Randomize Questions">{{ $exam->randomize_questions ? 'Yes' : 'No' }}</x-ui.detail-row>
                    <x-ui.detail-row label="Allow Skip">{{ $exam->allow_skip ? 'Yes' : 'No' }}</x-ui.detail-row>
                    <x-ui.detail-row label="Feedback Mode">
                        <span class="badge {{ $exam->feedback_mode?->badgeClass() }}">{{ $exam->feedback_mode?->label() }}</span>
                    </x-ui.detail-row>
                    <x-ui.detail-row label="Max Attempts">{{ $exam->max_attempts ?? 'Unlimited' }}</x-ui.detail-row>
                    <x-ui.detail-row label="Created By">{{ $exam->creator?->name ?? 'System' }} · {{ $exam->created_at?->format('d M Y H:i') }}</x-ui.detail-row>
                    <x-ui.detail-row label="Updated By">{{ $exam->updater?->name ?? '—' }} · {{ $exam->updated_at?->format('d M Y H:i') }}</x-ui.detail-row>
                </div>
            </x-ui.card>
        </div>

        <div class="col-lg-7">
            <div class="xrt-card">
                <div class="xrt-card-header">
                    <span>Questions <span class="badge text-bg-light">{{ $exam->questions->count() }}</span></span>
                    <span class="xrt-meta">Total points: <strong>{{ $exam->totalPoints() }}</strong></span>
                </div>
                <div class="xrt-card-body">
                    @forelse ($exam->questions as $index => $question)
                        @php $needsTarget = $question->question_type->requiresTarget(); $hasTarget = $needsTarget && $question->hasTargetAnnotation(); @endphp
                        <div class="d-flex gap-3 py-2 border-bottom">
                            <div class="fw-semibold text-secondary" style="width: 2rem;">{{ $index + 1 }}.</div>
                            <div class="flex-grow-1 small">
                                <div class="fw-semibold">
                                    <i class="bi {{ $question->question_type->icon() }}"></i> {{ $question->displayText() }}
                                </div>
                                <div class="row g-1 mt-1">
                                    <div class="col-sm-4"><span class="xrt-label d-block">Case</span>
                                        @if ($question->xrayCase)
                                            <a class="text-decoration-none" href="{{ route('admin.xray-cases.show', $question->xray_case_id) }}">{{ $question->xrayCase->name }}</a>
                                        @else
                                            <span class="text-danger">Missing</span>
                                        @endif
                                    </div>
                                    <div class="col-sm-2"><span class="xrt-label d-block">View</span>{{ $question->xrayView?->label() ?? '—' }}</div>
                                    <div class="col-sm-3"><span class="xrt-label d-block">Item</span>{{ $question->itemOfInterest?->name ?? ($question->targetsAllItems() ? 'All items on view' : '—') }}</div>
                                    <div class="col-sm-2"><span class="xrt-label d-block">Type</span>{{ $question->question_type->label() }}
                                        @if ($question->question_type === \App\Enums\QuestionType::OkNotOk)
                                            <span class="badge {{ $question->correct_answer?->badgeClass() ?? 'text-bg-danger' }}">{{ $question->correct_answer?->label() ?? 'No expected answer' }}</span>
                                        @endif
                                    </div>
                                    <div class="col-sm-1"><span class="xrt-label d-block">Points</span>{{ $question->points }}</div>
                                </div>
                            </div>
                            <div class="text-end">
                                @if ($needsTarget)
                                    <span class="badge {{ $hasTarget ? 'text-bg-success' : 'text-bg-danger' }}">{{ $hasTarget ? 'Target set' : 'No target' }}</span>
                                @endif
                                @unless ($question->is_required)
                                    <span class="badge text-bg-light">Optional</span>
                                @endunless
                            </div>
                        </div>
                    @empty
                        <x-ui.empty-state icon="bi-list-check" title="No questions yet"
                            message="Open the question builder to select cases and items of interest.">
                            @can('manageQuestions', $exam)
                                <a class="btn btn-sm btn-primary" href="{{ route('admin.exams.questions.builder', $exam) }}">Open Question Builder</a>
                            @endcan
                        </x-ui.empty-state>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <div class="xrt-card mt-3" id="assignments">
        <div class="xrt-card-header">
            <span>Assigned students
                <span class="badge text-bg-primary">{{ $assignmentSummary['active'] }} active</span>
                <span class="badge text-bg-light">{{ $assignmentSummary['total'] }} total</span>
            </span>
            <span class="xrt-meta">
                @if ($exam->isAssignable())
                    Cancelled assignments stay as history.
                @else
                    Only published exams can be assigned to students.
                @endif
            </span>
        </div>
        <div class="xrt-card-body p-0">
            @include('admin.exam-assignments._table', ['assignments' => $exam->assignments, 'showStudent' => true, 'showExam' => false, 'emptyMessage' => $exam->isAssignable() ? 'Use "Assign Students" to hand this exam to trainees.' : 'Publish the exam to assign it.'])
        </div>
    </div>

    @can('assign', $exam)
        @include('admin.exams._assign-modal')
    @endcan
@endsection