   <!-- Main Sidebar Container -->
   <aside class="main-sidebar sidebar-light-warning elevation-4 bg-white">
       <!-- Brand Logo -->
       <a href="/dashboard" class="brand-link bg-primary ">
           <img src="{{ asset('assets/') }}/m.png" alt="Logo" class="brand-image  " style="opacity: .8">
           <span class="brand-text font-weight-dark text-white">Ramizah Store</span>
       </a>

       <!-- Sidebar -->
       <div class="sidebar">
           <!-- Sidebar user (optional) -->
           <div class="user-panel mt-3 pb-3 mb-3 d-flex">
               <div class="image">
                   <img src="{{ asset('assets/admin/') }}/dist/img/user2-160x160.jpg" class="img-circle elevation-2"
                       alt="User Image">
               </div>
               <div class="info">
                   <a href="#" class="d-block" style="margin-bottom: -8px">{{ Auth::user()->nm_user }}</a>
                   <small class="text-primary "><i class="fa fa-circle fa-sm text-success"></i>
                       User Admin</small>
               </div>
           </div>

           <!-- SidebarSearch Form -->


           <!-- Sidebar Menu -->
           <nav class="mt-2">
               <ul class="nav nav-pills nav-sidebar flex-column nav-child-indent" data-widget="treeview" role="menu"
                   data-accordion="false">
                   <!-- Add icons to the links using the .nav-icon class
       with font-awesome or any other icon font library -->
                   <li class="nav-header">MENU</li>
                   <li class="nav-item">
                       <a href="/dashboard" class="nav-link {{ $menuActive == 'dashboard' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-tachometer-alt"></i>
                           <p>
                               Dashboard
                           </p>
                       </a>
                   </li>
                   <li class="nav-item">
                       <a href="/password" class="nav-link {{ $menuActive == 'password' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-key"></i>
                           <p>
                               Ubah Password
                           </p>
                       </a>
                   </li>
                   <li class="nav-item">
                       <a href="/pesan" class="nav-link {{ $menuActive == 'pesan' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-envelope"></i>
                           <p>
                               Pesan
                               <span class="right badge badge-primary " id="sidnotif"></span>
                           </p>
                       </a>
                   </li>

                   <li class="nav-item">
                       <a href="/pengeluaran" class="nav-link {{ $menuActive == 'pengeluran' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-cart-plus"></i>
                           <p>
                               Pengeluaran
                           </p>
                       </a>
                   </li>

                   <li class="nav-header">DATA TRANSAKSI </li>

                   <li class="nav-item">
                       <a href="/penjualan" class="nav-link {{ $menuActive == 'penjualan' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-cart-arrow-down"></i>
                           <p>
                               Penjualan
                           </p>
                       </a>
                   </li>
                   <li class="nav-item">
                       <a href="/data-stok" class="nav-link {{ $menuActive == 'stok' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-cubes"></i>
                           <p>
                               Stok Masuk
                           </p>
                       </a>
                   </li>
                   <li class="nav-item">
                       <a href="/data-member" class="nav-link {{ $menuActive == 'member' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-address-card"></i>
                           <p>
                               Member
                           </p>
                       </a>
                   </li>

                   <li class="nav-item">
                       <a href="/tukar-point" class="nav-link {{ $menuActive == 'tukar' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-retweet "></i>
                           <p>
                               Penukaran Poin
                           </p>
                       </a>
                   </li>


                   <li class="nav-header">DATA MASTER</li>


                   <li class="nav-item {{ $menuOpen == 'profil' ? 'menu-open' : '' }}">
                       <a href="#" class="nav-link {{ $menuOpen == 'profil' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-home"></i>
                           <p>
                               Profil Toko
                               <i class="right fas fa-angle-left"></i>
                           </p>
                       </a>
                       <ul class="nav nav-treeview">
                           <li class="nav-item">
                               <a href="/profil-tentang"
                                   class="nav-link {{ $menuActive == 'tentang' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Tentang Kami</p>
                               </a>
                           </li>
                           <li class="nav-item">
                               <a href="/profil-layanan"
                                   class="nav-link {{ $menuActive == 'layanan' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Layanan</p>
                               </a>
                           </li>

                           <li class="nav-item">
                               <a href="/profil-kontak" class="nav-link {{ $menuActive == 'kontak' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Kontak</p>
                               </a>
                           </li>

                       </ul>
                   </li>



                   <li class="nav-item {{ $menuOpen == 'induk' ? 'menu-open' : '' }}">
                       <a href="#" class="nav-link {{ $menuOpen == 'induk' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-th-list"></i>
                           <p>
                               Data Induk
                               <i class="right fas fa-angle-left"></i>
                           </p>
                       </a>
                       <ul class="nav nav-treeview">
                           <li class="nav-item">
                               <a href="/kategori" class="nav-link {{ $menuActive == 'kategori' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Kategori</p>
                               </a>
                           </li>
                           <li class="nav-item">
                               <a href="/satuan" class="nav-link {{ $menuActive == 'satuan' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Satuan</p>
                               </a>
                           </li>

                       </ul>
                   </li>

                   <li class="nav-item">
                       <a href="/produk" class="nav-link {{ $menuActive == 'produk' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-th-large"></i>
                           <p>
                               Produk
                           </p>
                       </a>
                   </li>

                   <li class="nav-item">
                       <a href="/hadiah-point" class="nav-link {{ $menuActive == 'hadiah' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-trophy"></i>
                           <p>
                               Item Hadiah
                           </p>
                       </a>
                   </li>

                   <li class="nav-item">
                       <a href="/ongkir" class="nav-link {{ $menuActive == 'ongkir' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-truck"></i>
                           <p>
                               Ongkir
                           </p>
                       </a>
                   </li>

                   <li class="nav-item">
                       <a href="/bank" class="nav-link {{ $menuActive == 'bank' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-credit-card"></i>
                           <p>
                               Rek Pembayaran
                           </p>
                       </a>
                   </li>

                   <li class="nav-item">
                       <a href="/karyawan" class="nav-link {{ $menuActive == 'karyawan' ? 'active' : '' }}">
                           <i class="nav-icon fa fa-users"></i>
                           <p>
                               Karyawan
                           </p>
                       </a>
                   </li>

                   <li class="nav-item">
                       <a href="/supplier" class="nav-link {{ $menuActive == 'supplier' ? 'active' : '' }}">
                           <i class="nav-icon fa fa-user-secret"></i>
                           <p>
                               Supplier
                           </p>
                       </a>
                   </li>

                   <li class="nav-item {{ $menuOpen == 'setting' ? 'menu-open' : '' }}">
                       <a href="#" class="nav-link {{ $menuOpen == 'setting' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-cog"></i>
                           <p>
                               Setting
                               <i class="right fas fa-angle-left"></i>
                           </p>
                       </a>
                       <ul class="nav nav-treeview">
                           <li class="nav-item">
                               <a href="setting-banner-slideshow"
                                   class="nav-link {{ $menuActive == 'banner' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Banner Slideshow</p>
                               </a>
                           </li>
                           <li class="nav-item">
                               <a href="setting-diskon"
                                   class="nav-link {{ $menuActive == 'diskon' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Diskon</p>
                               </a>
                           </li>
                           <li class="nav-item">
                               <a href="/struk-poin"
                                   class="nav-link {{ $menuActive == 'struk_poin' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Struk & Poin</p>
                               </a>
                           </li>

                       </ul>
                   </li>




                   <li class="nav-header">MODUL ADMIN</li>
                   <li class="nav-item">
                       <a href="/user" class="nav-link {{ $menuActive == 'user' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-user-circle"></i>
                           <p>
                               User
                           </p>
                       </a>
                   </li>
                   <li class="nav-item {{ $menuOpen == 'laporan' ? 'menu-open' : '' }}">
                       <a href="#" class="nav-link {{ $menuOpen == 'laporan' ? 'active' : '' }}">
                           <i class="nav-icon fas fa-th-list"></i>
                           <p>
                               Laporan
                               <i class="right fas fa-angle-left"></i>
                           </p>
                       </a>
                       <ul class="nav nav-treeview">
                           <li class="nav-item">
                               <a href="/laporan-penjualan"
                                   class="nav-link {{ $menuActive == 'laporan-penjualan' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Penjulan</p>
                               </a>
                           </li>
                           <li class="nav-item">
                               <a href="/laporan-pengeluaran"
                                   class="nav-link {{ $menuActive == 'laporan-pengeluaran' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Pengeluaran</p>
                               </a>
                           </li>
                           <li class="nav-item">
                               <a href="/laporan-stok"
                                   class="nav-link {{ $menuActive == 'laporan-stok' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Stok Masuk</p>
                               </a>
                           </li>

                           <li class="nav-item">
                               <a href="/laporan-keuangan"
                                   class="nav-link {{ $menuActive == 'laporan-keuangan' ? 'active' : '' }}">
                                   <i class="fa fa-mars-stroke-h nav-icon"></i>
                                   <p>Keuangan</p>
                               </a>
                           </li>
                           <li class="nav-item">
                               <br>
                               <br>
                               <br>
                               <br>
                           </li>
                       </ul>
                   </li>
                   <li><br></li>
                   <li><br></li>
                   <li><br></li>

               </ul>
           </nav>
           <!-- /.sidebar-menu -->
       </div>
       <!-- /.sidebar -->
   </aside>
