 <!-- Sidebar -->
 <ul class="navbar-nav sidebar sidebar-dark accordion sidebar-custum" id="accordionSidebar">
   <!-- Sidebar - Brand -->
   <a class="sidebar-brand d-flex align-items-center justify-content-center">
     <div class="sidebar-brand-icon rotate-n-11">
       <img src="<?= base_url('assets/img/logo/logo.png') ?>" class="img-fluid">
     </div>
     <div class="sidebar-brand-text mx-3">
     </div>
   </a>
   <!-- Divider -->
   <hr class="sidebar-divider">
     <li class="nav-item">
       <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#xxxx" aria-expanded="true" aria-controls="xxxx">
         <i class="fas fa-angle-double-right"></i>
         <span>Dashboard</span>
       </a>
       <div id="xxxx" class="collapse" aria-labelledby="heading" data-parent="#accordionSidebar">

         <div class="bg-white py-2 collapse-inner rounded">
           <!-- kita looping sub menu -->
           <!-- query sub menu -->
              <h6 class="collapse-header">Profile</h6>
               <a class="collapse-item active" href="<?=base_url('Akun')?>"><?=$user['nama']?></a>
         </div>
       </div>
     </li>
     <hr class="sidebar-divider">
   <!-- Heading -->

   <li class="nav-item">
     <a class="nav-link" href="#" data-toggle="modal" data-target="#logoutModal">
       <i class="fas fa-fw fa-sign-out-alt"></i>
       <span>logout</span></a>
   </li>
   <hr class="sidebar-divider">


   <!-- Sidebar Toggler (Sidebar) -->
   <div class="text-center d-none d-md-inline">
     <button class="rounded-circle border-0" id="sidebarToggle"></button>
   </div>

 </ul>
 <!-- End of Sidebar -->