<!-- NAVBAR -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light">

    <!-- LEFT NAVBAR -->
    <ul class="navbar-nav">

        <!-- TOGGLE SIDEBAR -->
        <li class="nav-item">

            <a class="nav-link"
               data-widget="pushmenu"
               href="#"
               role="button">

                <i class="fas fa-bars"></i>

            </a>

        </li>

        <!-- DASHBOARD -->
        <li class="nav-item d-none d-sm-inline-block">

            <a href="index.php"
               class="nav-link">

                Dashboard

            </a>

        </li>

        <!-- NAMA SISTEM -->
        <li class="nav-item d-none d-sm-inline-block">

            <a href="#"
               class="nav-link font-weight-bold text-primary">

                Sistem Perpustakaan

            </a>

        </li>

    </ul>

    <!-- RIGHT NAVBAR -->
    <ul class="navbar-nav ml-auto">

        <!-- NOTIFIKASI -->
        <li class="nav-item dropdown">

            <a class="nav-link"
               data-toggle="dropdown"
               href="#">

                <i class="far fa-bell"></i>

                <span class="badge badge-warning navbar-badge">
                    3
                </span>

            </a>

            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">

                <span class="dropdown-item dropdown-header">
                    3 Notifikasi
                </span>

                <div class="dropdown-divider"></div>

                <a href="#"
                   class="dropdown-item">

                    <i class="fas fa-book mr-2"></i>
                    Ada buku baru ditambahkan

                </a>

                <div class="dropdown-divider"></div>

                <a href="#"
                   class="dropdown-item">

                    <i class="fas fa-user mr-2"></i>
                    Anggota baru terdaftar

                </a>

                <div class="dropdown-divider"></div>

                <a href="#"
                   class="dropdown-item">

                    <i class="fas fa-exclamation-circle mr-2"></i>
                    Pengembalian buku terlambat

                </a>

            </div>

        </li>

        <!-- USER -->
        <li class="nav-item dropdown">

            <a class="nav-link"
               data-toggle="dropdown"
               href="#">

                <i class="far fa-user-circle"></i>

                <?= $_SESSION['username'] ?? 'Melva'; ?>

            </a>

            <div class="dropdown-menu dropdown-menu-right">

                <a href="#"
                   class="dropdown-item">

                    <i class="fas fa-user mr-2"></i>
                    Profil

                </a>

                <div class="dropdown-divider"></div>

                <a href="logout.php"
                   class="dropdown-item text-danger"
                   onclick="return confirm('Yakin ingin logout?')">

                    <i class="fas fa-sign-out-alt mr-2"></i>
                    Logout

                </a>

            </div>

        </li>

    </ul>

</nav>