<!--Start topbar header-->
<header class="topbar-nav">
 <nav id="header-setting" class="navbar navbar-expand fixed-top">
  <ul class="navbar-nav mr-auto align-items-center">
    <li class="nav-item">
      <a class="nav-link toggle-menu" href="javascript:void();">
       <i class="icon-menu menu-icon"></i>
     </a>
    </li>
   
  </ul>
     
  <ul class="navbar-nav align-items-center right-nav-link">
   

    <li class="nav-item">
      <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" data-toggle="dropdown" href="#">
        <span class="user-profile"><img src="<?= base_url('uploads/'.@$_SESSION['avtar']); ?>" width="110px;" class="img-circle" alt="user avatar"></span>
      </a>
      <ul class="dropdown-menu dropdown-menu-right">
       <li class="dropdown-item user-details">
        <a href="javaScript:void();">
           <div class="media">
             <div class="avatar"><img class="align-self-start mr-3" src="<?= base_url('uploads/'.@$_SESSION['avtar']); ?>" width="110px;" alt="user avatar"></div>
            <div class="media-body">
            <h6 class="mt-2 user-title"><?= @$_SESSION['username']; ?></h6>
            </div>
           </div>
          </a>
        </li>
        <li class="dropdown-divider"></li>
        <li class="dropdown-item"><a href="<?= base_url('admin/settings'); ?>"><i class="icon-settings mr-2"></i> Setting </a></li>
        <li class="dropdown-divider"></li>
        <li class="dropdown-item"><a href="<?= base_url('admin/login/logout'); ?>"><i class="icon-power mr-2"></i> Logout</a></li>
      </ul>
    </li>
  </ul>
</nav>
</header>
<!--End topbar header-->