sidebar.php

<!-- Sidebar -->
<nav>
  <div class="sidebar-header">
    <a class="logo-wrapper">
      <img src="./assets/images/spents-logo.png" alt="">
      <h2 class="hidden" style="color: white;">SPENTS</h2>
    </a>
    <button class="toggle-btn">
      <img src="./assets/svg/expand.svg" alt="">
    </button>
  </div>
  <div class="sidebar-links">
    <a href="./" class="link active">
      <img src="./assets/svg/dashboard.svg" alt="">
      <span class="hidden">Dashboard</span>
    </a>
    <a href="#customers" onclick="showCustomers()" class="link">
      <img src="./assets/svg/customer.svg" alt="">
      <span class="hidden">Customers</span>
    </a>
    <a href="#category" onclick="showCategory()" class="link">
      <img src="./assets/svg/category.svg" alt="">
      <span class="hidden">Category</span>
    </a>
    </li>
    <a href="#sizes" onclick="showSizes()" class="link">
      <img src="./assets/svg/size.svg" alt="">
      <span class="hidden">Sizes</span>
    </a>
    <a href="#productsizes" onclick="showProductSizes()" class="link">
      <img src="./assets/svg/productsize.svg" alt="">
      <span class="hidden">Product Size</span>
    </a>
    <a href="#products" onclick="showProductItems()" class="link">
      <img src="./assets/svg/barang.svg" alt="">
      <span class="hidden">Products</span>
    </a>
    <!-- <a href="#orders" onclick="showOrders()" class="link">
      <img src="./assets/svg/order.svg" alt="">
      <span class="hidden">Orders</span>
    </a> -->
  </div>
  <div class="sidebar-bottom">
    <div class="sidebar-links">
      <a href="#" onclick="return confirmLogout()" class="link">
        <img src="./assets/svg/settings.svg" alt="">
        <span class="hidden">Log Out</span>
      </a>
    </div>
    <div class="admin-profile">
      <div class="admin-avatar">
        <img src="./assets/images/admin.png" alt="">
      </div>
      <div class="admin-details hidden">
        <p class="username">Sport Equipments</p>
        <p class="copyright">&copy; 2024 jhonvnbb.coder</p>
      </div>
    </div>
  </div>
</nav>