<nav class="navbar navbar-expand-md navbar-light shadow-sm mb-4 mb-lg-0 sidenav">
    <a class="d-xl-none d-lg-none d-md-none text-inherit fw-bold" href="javascript:void(0)">Menu</a>
    <button class="navbar-toggler d-md-none icon-shape icon-sm rounded bg-primary text-light" type="button"
            data-bs-toggle="collapse" data-bs-target="#sidenav" aria-controls="sidenav" aria-expanded="false"
            aria-label="Toggle navigation">
        <span class="fe fe-menu"></span>
    </button>
    <!-- Navbar Collapse -->
    <div class="collapse navbar-collapse" id="sidenav">
        <div class="navbar-nav flex-column">
            <div class="d-xl-none d-lg-none d-md-none add-course mt-3">
                <ul class="list-unstyled ms-n2 mb-4">
                    <li class="nav-item d-flex justify-content-lg-center justify-content-sm-start">
                        <a href="/instructor/add_course" class="btn btn-xs btn-primary me-lg-4 w-100">Create New
                            Course</a>
                    </li>
                </ul>
            </div>
            <span class="navbar-header">Dashboard</span>
            <ul class="list-unstyled ms-n2 mb-4">
                <li @class(["nav-item",'active'=>request()->routeIs('instructor.dashboard')])>
                    <a class="nav-link" href="{{route('instructor.dashboard')}}"><i class="fe fe-home nav-icon"></i>My
                        Dashboard</a>
                </li>
                <li @class(["nav-item",'active'=>request()->routeIs('instructor.courses')])>
                    <a class="nav-link" href="{{ route('instructor.courses') }}"><i class="fe fe-book nav-icon"></i>My
                        Courses</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="#"><i class="fe fe-pie-chart nav-icon"></i>Earnings</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#"><i class="fe fe-user nav-icon"></i>Students</a>
                </li>
            </ul>
            <span class="navbar-header">Account Settings</span>
            <ul class="list-unstyled ms-n2 mb-0">
                <li @class(["nav-item",'active'=>request()->routeIs('instructor.instructor_profile')])>
                    <a class="nav-link" href="{{ route('instructor.instructor_profile') }}"><i
                            class="fe fe-refresh-cw nav-icon"></i>Edit Profile</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{ route('logout') }}"><i class="fe fe-power nav-icon"></i>Sign Out</a>
                </li>
            </ul>
        </div>
    </div>
</nav>