@extends('layouts.admin')

@section('title', 'Assignment #'.$assignment->id)

@section('content')
    <x-ui.page-header title="Exam Assignment #{{ $assignment->id }}" :back="route('admin.exam-assignments.index')">
        <x-slot:subtitle>
            {{ $assignment->exam?->name }} &rarr; {{ $assignment->student?->name }} &middot; <x-ui.status-badge :value="$assignment->status" />
        </x-slot:subtitle>
        <x-slot:actions>
            @can('cancel', $assignment)
                <form method="POST" action="{{ route('admin.exam-assignments.cancel', $assignment) }}"
                      data-confirm="Cancel this assignment? The record is kept as history and a new assignment can be created later.">
                    @csrf
                    <button class="btn btn-sm btn-outline-danger" type="submit"><i class="bi bi-x-circle"></i> Cancel Assignment</button>
                </form>
            @endcan
        </x-slot:actions>
    </x-ui.page-header>

    <div class="row g-3">
        <div class="col-lg-6">
            <x-ui.card title="Assignment">
                <div class="row">
                    <x-ui.detail-row label="Status"><x-ui.status-badge :value="$assignment->status" /></x-ui.detail-row>
                    <x-ui.detail-row label="Attempts Allowed">{{ $assignment->attempts_allowed }}</x-ui.detail-row>
                    <x-ui.detail-row label="Assigned At">{{ $assignment->assigned_at?->format('d M Y H:i') }}</x-ui.detail-row>
                    <x-ui.detail-row label="Due At">{{ $assignment->due_at?->format('d M Y H:i') ?? 'No due date' }}</x-ui.detail-row>
                    <x-ui.detail-row label="Created By">{{ $assignment->creator?->name ?? 'System' }}</x-ui.detail-row>
                    @if ($assignment->cancelled_at)
                        <x-ui.detail-row label="Cancelled At">{{ $assignment->cancelled_at->format('d M Y H:i') }}</x-ui.detail-row>
                        <x-ui.detail-row label="Cancelled By">{{ $assignment->canceller?->name ?? '—' }}</x-ui.detail-row>
                    @endif
                </div>
                <p class="xrt-meta mb-0">Assignments are never edited: cancel this one and create a new assignment to change the exam, student, due date or attempts.</p>
            </x-ui.card>
        </div>
        <div class="col-lg-6">
            <x-ui.card title="Student">
                <div class="row">
                    <x-ui.detail-row label="Name"><a class="text-decoration-none" href="{{ route('admin.students.show', $assignment->student_id) }}">{{ $assignment->student?->name }}</a></x-ui.detail-row>
                    <x-ui.detail-row label="Student ID">{{ $assignment->student?->student_id }}</x-ui.detail-row>
                    <x-ui.detail-row label="Email">{{ $assignment->student?->email }}</x-ui.detail-row>
                    <x-ui.detail-row label="Status"><x-ui.status-badge :value="$assignment->student->status" /></x-ui.detail-row>
                </div>
            </x-ui.card>
            <x-ui.card title="Exam" class="mt-3">
                <div class="row">
                    <x-ui.detail-row label="Name"><a class="text-decoration-none" href="{{ route('admin.exams.show', $assignment->exam_id) }}">{{ $assignment->exam?->name }}</a></x-ui.detail-row>
                    <x-ui.detail-row label="Display Name">{{ $assignment->exam?->display_name }}</x-ui.detail-row>
                    <x-ui.detail-row label="Status"><x-ui.status-badge :value="$assignment->exam->status" /></x-ui.detail-row>
                    <x-ui.detail-row label="Duration">{{ $assignment->exam?->duration_minutes }} min · pass {{ rtrim(rtrim(number_format($assignment->exam->passing_percentage, 2), '0'), '.') }}%</x-ui.detail-row>
                </div>
            </x-ui.card>
        </div>
    </div>
@endsection