{{-- Bài 10: Partial Header & Thanh điều hướng chung --}}
<nav class="navbar navbar-expand-lg navbar-dark bg-danger shadow-sm">
    <div class="container">
        <a class="navbar-brand fw-bold" href="{{ route('home') }}">
            <i class="bi bi-box-seam-fill me-2"></i>Lab01_Framework
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="mainNavbar">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link {{ request()->routeIs('home') ? 'active fw-semibold' : '' }}" href="{{ route('home') }}">
                        <i class="bi bi-house-door me-1"></i>Trang chủ
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ request()->routeIs('students.index') ? 'active fw-semibold' : '' }}" href="{{ route('students.index') }}">
                        <i class="bi bi-people me-1"></i>Danh sách SV (Eloquent)
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ request()->routeIs('students.compare') ? 'active fw-semibold' : '' }}" href="{{ route('students.compare') }}">
                        <i class="bi bi-columns-gap me-1"></i>So sánh Array &amp; DB
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ request()->routeIs('students.create') ? 'active fw-semibold' : '' }}" href="{{ route('students.create') }}">
                        <i class="bi bi-person-plus me-1"></i>Thêm Sinh viên
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ request()->routeIs('pages.about') ? 'active fw-semibold' : '' }}" href="{{ route('pages.about') }}">
                        <i class="bi bi-info-circle me-1"></i>Giới thiệu khóa học
                    </a>
                </li>
            </ul>
            <span class="badge bg-light text-danger fw-semibold">Laravel 10.x</span>
        </div>
    </div>
</nav>