<nav class="navbar navbar-expand navbar-light navbar-bg">
				<a class="sidebar-toggle js-sidebar-toggle">
          <i class="hamburger align-self-center"></i>
        </a>

				<div class="navbar-collapse collapse">
					<ul class="navbar-nav navbar-align">
						
						<li class="nav-item dropdown">
							<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-bs-toggle="dropdown">
								<i class="align-middle" data-feather="settings"></i>
							</a>

							<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-bs-toggle="dropdown">
								<!--<img src="<?=base_url('public/img/avatars/photo.png')?>" class="avatar img-fluid rounded me-1" alt="<?=session()->get('name')?>" />--> 
								<!--<span class="text-dark"><?=session()->get('name')?></span>-->
								<?php
                                    $name = session()->get('name');
                                    $role = session()->get('role'); // Make sure 'role' is set in the session
                                ?>
                                <span class="text-dark">
                                    <?= esc($name) ?> (<?= ($role === 'Staff') ? 'Staff' : 'Admin ' ?>)
                                </span>
							</a>
							<div class="dropdown-menu dropdown-menu-end">
								<!-- <a class="dropdown-item" href="pages-profile.html"><i class="align-middle me-1" data-feather="user"></i> Profile</a>
								
								<div class="dropdown-divider"></div> -->
								<a class="dropdown-item" href="<?=base_url('logout')?>">Log out</a>
							</div>
						</li>
					</ul>
				</div>
			</nav>