@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">Course Details</h5>
            <hr/>
        </div>

        <div class="card-body">
            <p><b>ID:</b> {{ $course->id }}</p>
            <p><b>Title:</b> {{ $course->title }}</p>
            <p><b>Category:</b> {{ $course->category?->name }}</p>
            <p><b>Teacher:</b> {{ $course->teacher?->name }}</p>
            <p><b>Status:</b> {{ ucfirst($course->status) }}</p>
            <p><b>Description:</b> {{ $course->description }}</p>

            <a href="{{ route('courses.index') }}" class="btn btn-secondary">Back</a>
        </div>
    </div>
</div>
@endsection