@extends('layouts.app')

@section('title','Dashboard')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h2 class="fw-bold">Dashboard</h2>
        <div class="text-muted">
            Tổng quan hệ thống quản lý đào tạo
        </div>
    </div>

    <div class="text-end">
        {{ now()->format('d/m/Y') }}
    </div>
</div>

<div class="row g-4 mb-4">

    <div class="col-md-3">
        <div class="card shadow-sm">
            <div class="card-body text-center">
                <h5>Khóa đào tạo</h5>
                <h2>{{ $courses->count() }}</h2>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm">
            <div class="card-body text-center">
                <h5>Lớp học</h5>
                <h2>0</h2>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm">
            <div class="card-body text-center">
                <h5>Học viên</h5>
                <h2>0</h2>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm">
            <div class="card-body text-center">
                <h5>Giảng viên</h5>
                <h2>0</h2>
            </div>
        </div>
    </div>

</div>

<div class="card shadow-sm">
    <div class="card-header">
        Khóa đào tạo mới nhất
    </div>

    <div class="card-body">

        <table class="table table-hover">

            <thead>

                <tr>
                    <th>Mã khóa</th>
                    <th>Tên khóa</th>
                    <th>Ngày bắt đầu</th>
                    <th>Trạng thái</th>
                </tr>

            </thead>

            <tbody>

                @forelse($courses as $course)

                <tr>

                    <td>{{ $course->code }}</td>

                    <td>{{ $course->name }}</td>

                    <td>

                        {{ $course->start_date
                            ? \Carbon\Carbon::parse($course->start_date)->format('d/m/Y')
                            : 'Chưa cập nhật' }}

                    </td>

                    <td>

                        <span class="badge bg-success">

                            {{ $course->status }}

                        </span>

                    </td>

                </tr>

                @empty

                <tr>

                    <td colspan="4" class="text-center">

                        Chưa có khóa đào tạo.

                    </td>

                </tr>

                @endforelse

            </tbody>

        </table>

    </div>

</div>

@endsection