<header class="mb-3">
    <nav class="navbar navbar-expand navbar-light">
        <div class="container-fluid">

            <a href="#" class="burger-btn d-block">
                <i class="bi bi-justify fs-3"></i>
            </a>

            <div class="collapse navbar-collapse">

                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">

                    <!-- Messages -->
                    <li class="nav-item dropdown me-1">
                        <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">

                            <i class="bi bi-envelope bi-sub fs-4 text-gray-600"></i>

                        </a>

                        <ul class="dropdown-menu dropdown-menu-end">
                            <li>
                                <h6 class="dropdown-header">Messages</h6>
                            </li>

                            <li>
                                <a class="dropdown-item">
                                    No new messages
                                </a>
                            </li>
                        </ul>
                    </li>

                    <!-- Notifications -->

                    <li class="nav-item dropdown me-3">
                      

<a class="nav-link active dropdown-toggle text-gray-600" href="#" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
                      <i class="bi bi-bell bi-sub fs-4"></i>
                      <span class="badge badge-notification bg-danger">7</span>
                    </a>



                        <ul class="dropdown-menu dropdown-menu-end">

                            <li>
                                <h6 class="dropdown-header">
                                    Notifications
                                </h6>
                            </li>

                            <li>
                                <a class="dropdown-item">
                                    No notifications
                                </a>
                            </li>

                        </ul>
                    </li>

                </ul>

                <div class="dropdown">
                    <a href="#" data-bs-toggle="dropdown" aria-expanded="false">
                        <div class="user-menu d-flex">
                            <div class="user-name text-end me-3">
                                <h6 class="mb-0 text-gray-600"><?php echo e(auth()->user()->name); ?></h6>
                                <p class="mb-0 text-sm text-gray-600">
                                    <?php echo e(auth()->user()->roles->first()->name ?? 'User'); ?></p>
                            </div>
                            <div class="user-img d-flex align-items-center">
                                <div class="avatar avatar-md">
                                    <img src="assets/images/faces/1.jpg">
                                </div>
                            </div>
                        </div>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton">

                        <li><a class="dropdown-item" href="#"><i class="icon-mid bi bi-person me-2"></i> My
                                Profile</a></li>
                        <li><a class="dropdown-item" href="#"><i class="icon-mid bi bi-gear me-2"></i>
                                Settings</a></li>
                        <hr class="dropdown-divider">
                        </li>
                        <li>
                            <form method="POST" action="<?php echo e(route('logout')); ?>">
                                <?php echo csrf_field(); ?>
                                <button type="submit" class="dropdown-item">
                                    <i class="icon-mid bi bi-box-arrow-left me-2"></i>
                                    Logout
                                </button>
                            </form>
                        </li>
                    </ul>
                </div>


            </div>

        </div>
    </nav>
</header>
<?php /**PATH D:\Projects\lms-ects\resources\views/partials/topbar.blade.php ENDPATH**/ ?>