@extends('layouts.app')

@section('title', 'Giới thiệu khóa học - Lab01_Framework')

@section('content')
    <x-card :title="$courseInfo['title']" :subtitle="'Mã học phần: ' . $courseInfo['code']" headerClass="bg-dark text-white">
        <div class="row g-4">
            <div class="col-md-8">
                <h6 class="text-uppercase text-muted fw-bold small">Mô tả học phần</h6>
                <p class="lead fs-6">{{ $courseInfo['description'] }}</p>

                <h6 class="text-uppercase text-muted fw-bold small mt-4">Nội dung chương trình</h6>
                <ul class="list-group list-group-flush">
                    @foreach($courseInfo['modules'] as $module)
                        <li class="list-group-item px-0">
                            <i class="bi bi-check2-circle text-success me-2"></i>{{ $module }}
                        </li>
                    @endforeach
                </ul>
            </div>
            <div class="col-md-4">
                <div class="p-3 bg-light rounded border">
                    <h6 class="fw-bold mb-3"><i class="bi bi-mortarboard-fill text-danger me-2"></i>Thông tin chung</h6>
                    <p class="mb-2 small"><strong>Giảng viên:</strong> {{ $courseInfo['instructor'] }}</p>
                    <p class="mb-2 small"><strong>Thời lượng:</strong> {{ $courseInfo['duration'] }}</p>
                    <p class="mb-0 small"><strong>Framework:</strong> Laravel 10.x / PHP 8.1+</p>
                </div>
            </div>
        </div>
    </x-card>
@endsection