<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom py-3 px-4 shadow-sm">
    <div class="container-fluid">
        <!-- Tombol untuk buka tutup sidebar di desktop -->
        <button type="button" id="sidebarCollapse" class="btn btn-success d-none d-md-block">
            <i class="fa-solid fa-bars"></i>
        </button>

        <!-- Judul Navbar untuk layar HP (Hanya terlihat di HP) -->
        <span class="navbar-brand mb-0 h1 fw-bold text-success d-md-none">
            <i class="fa-solid fa-leaf"></i> KPH III
        </span>

        <div class="ms-auto d-flex align-items-center">
            <div class="dropdown">
                <button class="btn btn-light dropdown-toggle border-0" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                    <img src="https://ui-avatars.com/api/?name=Staf+KPH&background=198754&color=fff" class="rounded-circle me-2" width="32" height="32" alt="Profile">
                    <span class="d-none d-md-inline">Halo, <?= session()->get('nama_lengkap') ?></span>
                </button>
                <ul class="dropdown-menu dropdown-menu-end shadow-sm border-0" aria-labelledby="dropdownMenuButton">
                    <li><a class="dropdown-item" href="#"><i class="fa-solid fa-user me-2"></i> Profil Saya</a></li>
                    <li><a class="dropdown-item" href="#"><i class="fa-solid fa-wifi me-2"></i> Status Offline</a></li>
                    <li>
                        <hr class="dropdown-divider">
                    </li>
                    <li><a class="dropdown-item text-danger" href="<?= base_url('logout') ?>"><i class="fa-solid fa-right-from-bracket me-2"></i> Keluar</a></li>
                </ul>
            </div>
        </div>
    </div>
</nav>