<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="/" 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">Verifications</span>
    </li>

    <li class="menu-item <?php if ($page === "NIN") echo 'active'; ?>">
      <a href="nin" class="menu-link">
        <i class="menu-icon tf-icons bx bx-flag"></i>
        <div class="text-truncate">NIN Verification</div>
      </a>
    </li>

    <li class="menu-item <?php if ($page === "PNV") echo 'active'; ?>">
      <a href="pnv" class="menu-link">
        <i class="menu-icon tf-icons bx bx-phone"></i>
        <div class="text-truncate">NIN With Phone</div>
      </a>
    </li>

    <li class="menu-item <?php if ($page === "BVN") echo 'active'; ?>">
      <a href="bvn" class="menu-link">
        <i class="menu-icon tf-icons bx bx-fingerprint"></i>
        <div class="text-truncate">BVN Verification</div>
      </a>
    </li>

    <li class="menu-item <?php if ($page === "CAC") echo 'active'; ?>"">
      <a href="cac-reg" class="menu-link">
      <i class="menu-icon tf-icons bx bx-grid"></i>
      <div class="text-truncate">CAC Verification</div>
      </a>
    </li>

    <li class="menu-item <?php if ($page === "TINVERIFY") echo 'active'; ?>"">
      <a href="tin_verificaton" class="menu-link">
      <i class="menu-icon tf-icons bx bx-planet"></i>
      <div class="text-truncate"> TIN Verification </div>
      </a>
    </li>
    <li class="menu-item <?php if ($page === "MODIFICATION") echo 'active'; ?>"">
      <a href="modification" class="menu-link">
      <i class="menu-icon tf-icons bx bx-fingerprint"></i>
      <div class="text-truncate"> Modification </div>
      </a>
    </li>
    <li class="menu-item <?php if ($page === "PERSONALIZATION") echo 'active'; ?>"">
      <a href="personalization" class="menu-link">
      <i class="menu-icon tf-icons bx bx-flag"></i>
      <div class="text-truncate"> Personalization </div>
      </a>
    </li>

    <li class="menu-header small text-uppercase">
      <span class="menu-header-text">Summary and History</span>
    </li>
    <li class="menu-item <?php if ($page === "FUND") echo 'active'; ?>">
      <a href="fundings" class="menu-link">
        <i class="menu-icon tf-icons bx bx-wallet"></i>
        <div class="text-truncate">Transactions History </div>
      </a>
    </li>
    <li class="menu-item <?php if ($page === "VERIFS") echo 'active'; ?>">
      <a href="verifications" class="menu-link">
        <i class="menu-icon tf-icons bx bx-history"></i>
        <div class="text-truncate"> Verifications History </div>
      </a>
    </li>

    <li class="menu-header small text-uppercase">
      <span class="menu-header-text">Developer and Security</span>
    </li>

    <li class="menu-item <?php if ($page === "API") echo 'active'; ?>"">
      <a href=" documentation" class="menu-link">
      <i class="menu-icon tf-icons bx bx-key"></i>
      <div class="text-truncate"> Documentation </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>