<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">

  <!-- ! Hide app brand if navbar-full -->
  <div class="app-brand demo">
    <a href="dash" class="app-brand-link">
      <span class="app-brand-logo demo">
        <img src="/assets/logo.png" width="50px" ; ?>
      </span>
      <span class="app-brand-text demo menu-text fw-bold ms-2"></span>
    </a>

    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
      <i class="bx bx-chevron-left bx-sm align-middle"></i>
    </a>
  </div>

  <div class="menu-inner-shadow"></div>

  <ul class="menu-inner py-1">







    <li class="menu-item <?php if ($page === "DASH") echo 'active'; ?>">
      <a href="dash" class="menu-link">
        <i class="menu-icon tf-icons bx bx-camera-home"></i>
        <div class="text-truncate">Dashboard</div>
      </a>
    </li>

    <li class="menu-header small text-uppercase">
      <span class="menu-header-text">Users Menu</span>
    </li>

    <li class="menu-item <?php if ($page === "USERLIST") echo 'active'; ?>">
      <a href="user_list" class="menu-link">
        <i class="bx bx-user me-2"></i>
        <!-- <i class="menu-icon tf-icons bx bx-flag"></i> -->
        <div class="text-truncate">User's List</div>
      </a>
    </li>

    <li class="menu-item <?php if ($page === "UserBal") echo 'active'; ?>">
      <a href="user_bal" class="menu-link">
        <i class="bx bx-user me-2"></i>
        <div class="text-truncate">User's Balance</div>
      </a>
    </li>

    <li class="menu-item <?php if ($page === "CreditUser") echo 'active'; ?>">
      <a href="user_fund" class="menu-link">
        <i class="bx bx-user me-2"></i>
        <!-- <i class="menu-icon tf-icons bx bx-fingerprint"></i> -->
        <div class="text-truncate">Credit Fund</div>
      </a>
    </li>

    <li class="menu-item <?php if ($page === "DebitUser") echo 'active'; ?>">
      <a href="user_debit" class="menu-link">
        <i class="bx bx-user me-2"></i>
        <div class="text-truncate">Debit Fund</div>
      </a>
    </li>

    <li class="menu-item <?php if ($page === "EditUser") echo 'active'; ?>">
      <a href="user_check" class="menu-link">
        <i class="bx bx-user me-2"></i>
        <div class="text-truncate">Edit Users</div>
      </a>
    </li>



    <li class="menu-header small text-uppercase">
      <span class="menu-header-text">History & Notification</span>
    </li>
    <li class="menu-item <?php if ($page === "Notifications") echo 'active'; ?>">
      <a href="notifications" class="menu-link">
        <i class="bx bx-user me-2"></i>
        <div class="text-truncate">Notifications </div>
      </a>
    </li>
    <li class="menu-item <?php if ($page === "VERIFS") echo 'active'; ?>">
      <a href="Transaction" class="menu-link">
        <i class="menu-icon tf-icons bx bx-history"></i>
        <div class="text-truncate">Transactions </div>
      </a>
    </li>

    <li class="menu-header small text-uppercase">
      <span class="menu-header-text">Setting & Security</span>
    </li>

    <li class="menu-item <?php if ($page === "ServiceSwitch") echo 'active'; ?>">
      <a href="service_switch" class="menu-link">
        <i class="menu-icon tf-icons bx bx-cog"></i>
        <div class="text-truncate"> Service Switch </div>
      </a>
    </li>


    <li class="menu-item <?php if ($page === "PRICESETTING") echo 'active'; ?>"">
      <a href="set_price" class="menu-link">
      <i class="menu-icon tf-icons bx bx-key"></i>
      <div class="text-truncate"> Price Setting </div>
      </a>
    </li>

    <li class="menu-item <?php if ($page === "SITESETTING") echo 'active'; ?>"">
      <a href="site_setting" class="menu-link">
      <i class="menu-icon tf-icons bx bx-key"></i>
      <div class="text-truncate"> Site Setting </div>
      </a>
    </li>

    <li class="menu-item <?php if ($page === "SECURITY") echo 'active'; ?>">
      <a href="security" class="menu-link">
        <i class="menu-icon tf-icons bx bx-cog"></i>
        <div class="text-truncate"> Change Password </div>
      </a>
    </li>
    <li class="menu-item ">
      <a href="signout" class="menu-link">
        <i class="menu-icon tf-icons bx bx-log-out-circle"></i>
        <div class="text-truncate"> Sign Out </div>
      </a>
    </li>
    <li class="menu-header small text-uppercase">
      <span class="menu-header-text"></span>
    </li>

  </ul>
  <br />

</aside>