@extends('layouts.app')

@section('title', 'Chi tiết khóa đào tạo')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h3 class="fw-bold mb-1">Chi tiết khóa đào tạo</h3>
        <div class="text-muted">Thông tin chi tiết của khóa đào tạo</div>
    </div>

    <a href="{{ route('courses.index') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i> Quay lại
    </a>
</div>

<div class="card shadow-sm">
    <div class="card-body">
        <table class="table table-bordered">
            <tr>
                <th style="width:220px">Mã khóa</th>
                <td>{{ $course->code }}</td>
            </tr>
            <tr>
                <th>Tên khóa đào tạo</th>
                <td>{{ $course->name }}</td>
            </tr>
            <tr>
                <th>Loại khóa</th>
                <td>{{ $course->type }}</td>
            </tr>
            <tr>
                <th>Ngày bắt đầu</th>
                <td>{{ $course->start_date ? \Carbon\Carbon::parse($course->start_date)->format('d/m/Y') : 'Chưa cập nhật' }}</td>
            </tr>
            <tr>
                <th>Ngày kết thúc</th>
                <td>{{ $course->end_date ? \Carbon\Carbon::parse($course->end_date)->format('d/m/Y') : 'Chưa cập nhật' }}</td>
            </tr>
            <tr>
                <th>Trạng thái</th>
                <td><span class="badge bg-success">{{ $course->status }}</span></td>
            </tr>
            <tr>
                <th>Mô tả</th>
                <td>{{ $course->description ?? 'Chưa cập nhật' }}</td>
            </tr>
        </table>
    </div>
</div>

@endsection