@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.enrollment') }}#{{ $enrollment->id }}</h4>
            <small class="text-muted d-flex flex-wrap gap-2">
                <span class="badge bg-light text-dark border">{{ __('admin.student_2') }}: {{ $enrollment->student?->name ?? '—' }}</span>
                <span class="badge bg-light text-dark border">{{ __('admin.course') }}: {{ $enrollment->course?->title ?? '—' }}</span>
            </small>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('course-enrollments.edit',$enrollment->id) }}" class="btn btn-outline-primary">{{ __('admin.edit') }}</a>
            <a href="{{ route('course-enrollments.index',['course_id'=>$enrollment->course_id]) }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
        </div>
    </div>

    @php
        $map = ['active'=>'success','dropped'=>'secondary','completed'=>'primary'];
        $cls = $map[$enrollment->status] ?? 'dark';
    @endphp

    <div class="row g-3">
        <div class="col-md-4"><strong>{{ __('admin.student_3') }}</strong> {{ $enrollment->student?->name ?? '—' }}</div>
        <div class="col-md-4"><strong>{{ __('admin.email_2') }}</strong> {{ $enrollment->student?->email ?? '—' }}</div>
        <div class="col-md-4"><strong>{{ __('admin.status_2') }}</strong> <span class="badge bg-{{ $cls }}">{{ ucfirst($enrollment->status) }}</span></div>
        <div class="col-md-6"><strong>{{ __('admin.course_3') }}</strong> {{ $enrollment->course?->title ?? '—' }}</div>
        <div class="col-md-6"><strong>{{ __('admin.course_code') }}</strong> {{ $enrollment->course?->code ?? '—' }}</div>
        <div class="col-md-6"><strong>{{ __('admin.enrolled_at_2') }}</strong> {{ $enrollment->enrolled_at?->format('Y-m-d H:i') ?? '—' }}</div>
        <div class="col-md-6"><strong>{{ __('admin.created') }}</strong> {{ $enrollment->created_at?->format('Y-m-d') ?? '—' }}</div>
    </div>
</div>
@endsection