{% extends 'layout.html' %}

{% block title %}Trang chủ - Dashboard{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1><i class="bi bi-speedometer2"></i> Dashboard</h1>
    <a href="{{ url_for('them_hoc_vien') }}" class="btn btn-success"><i class="bi bi-plus-circle"></i> Thêm Học viên mới</a>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card shadow-sm h-100">
            <div class="card-header">
                <h5 class="mb-0">Học viên mới đăng ký gần đây</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover align-middle">
                        <thead>
                            <tr>
                                <th>Họ Tên</th>
                                <th>Thông tin Đăng ký</th>
                                <th>Số ĐT</th>
                                <th>Trạng Thái</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for hv in hoc_vien_list %}
                            <tr>
                                <td><strong>{{ hv.ho_ten }}</strong></td>
                                <!-- *** THAY ĐỔI: Hiển thị trực tiếp, không format *** -->
                                <td>{{ hv.ngay_dang_ky if hv.ngay_dang_ky else 'N/A' }}</td>
                                <td>{{ hv.sdt }}</td>
                                <td>
                                    {% if 'đậu' in hv.trang_thai or 'bằng' in hv.trang_thai %}
                                        {% set badge_color = 'success' %}
                                    {% elif 'rớt' in hv.trang_thai or 'lại' in hv.trang_thai %}
                                        {% set badge_color = 'danger' %}
                                    {% else %}
                                        {% set badge_color = 'secondary' %}
                                    {% endif %}
                                    <span class="badge bg-{{ badge_color }}">{{ hv.trang_thai | title }}</span>
                                </td>
                                <td class="text-end">
                                    <a href="{{ url_for('hocvien_chitiet', id=hv.id) }}" class="btn btn-sm btn-outline-info">Chi tiết</a>
                                </td>
                            </tr>
                            {% else %}
                            <tr>
                                <td colspan="5" class="text-center">Chưa có học viên nào.</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card shadow-sm h-100">
            <div class="card-header">
                <h5 class="mb-0">Các Khóa thi sắp tới</h5>
            </div>
            <div class="card-body">
                <div class="list-group">
                    {% for kt in khoa_thi_list %}
                    <a href="{{ url_for('khoathi_chitiet', id=kt.id) }}" class="list-group-item list-group-item-action">
                        <div class="d-flex w-100 justify-content-between">
                            <h6 class="mb-1">Hạng {{ kt.hang_thi }} - {{ kt.san_thi }}</h6>
                            <small>{{ kt.ngay_thi.strftime('%d/%m') }}</small>
                        </div>
                    </a>
                    {% else %}
                    <div class="list-group-item text-center">Chưa có khóa thi nào sắp tới.</div>
                    {% endfor %}
                </div>
                <div class="d-grid mt-3">
                    <a href="{{ url_for('them_khoa_thi') }}" class="btn btn-primary"><i class="bi bi-plus-circle"></i> Tạo Khóa thi mới</a>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}