@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">{{ __('admin.submission') }}#{{ $submission->id }}</h4>
            <small class="text-muted d-flex flex-wrap gap-2">
                <span class="badge bg-light text-dark border">
                    {{ __('admin.student_2') }}: {{ $submission->student?->name ?? '—' }}
                </span>
                <span class="badge bg-light text-dark border">
                    {{ __('admin.assignment_2') }}: {{ $submission->assignment?->title ?? '—' }}
                </span>
            </small>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('assignment-submissions.edit',$submission->id) }}" class="btn btn-outline-primary">{{ __('admin.edit') }}</a>
            <a href="{{ route('assignment-submissions.index',['assignment_id'=>$submission->assignment_id]) }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-4"><strong>{{ __('admin.submitted_2') }}</strong> {{ $submission->submitted_at?->format('Y-m-d H:i') ?? '—' }}</div>
        <div class="col-md-4"><strong>{{ __('admin.grade_2') }}</strong> {{ is_null($submission->grade) ? 'N/A' : number_format((float)$submission->grade,2) }}</div>
        <div class="col-md-4"><strong>{{ __('admin.graded_at') }}</strong> {{ $submission->graded_at?->format('Y-m-d H:i') ?? '—' }}</div>
        <div class="col-md-4"><strong>{{ __('admin.graded_by') }}</strong> {{ $submission->grader?->name ?? '—' }}</div>
        <div class="col-md-8"><strong>{{ __('admin.file') }}</strong> {{ $submission->file_path ?? '—' }}</div>
    </div>

    <hr>

    <h6 class="mb-2">{{ __('admin.note') }}</h6>
    <div class="border rounded p-3 bg-light bg-opacity-50">
        {!! nl2br(e($submission->note ?? '—')) !!}
    </div>
</div>
@endsection