<aside class="w-64 bg-indigo-900 text-white flex flex-col">
  <div class="p-4 border-b border-indigo-800">
    <a href="/" class="text-xl font-bold"><%= appName %></a>
    <p class="text-indigo-300 text-xs mt-1">Admin Panel</p>
  </div>
  <nav class="flex-1 overflow-y-auto p-4 space-y-1">
    <a href="/admin" class="sidebar-link <%= path === '/admin' ? 'active' : '' %>">
      <i class="fas fa-tachometer-alt w-5"></i> Dashboard
    </a>
    <a href="/admin/products" class="sidebar-link <%= path && path.startsWith('/admin/products') ? 'active' : '' %>">
      <i class="fas fa-box w-5"></i> Products
    </a>
    <a href="/admin/categories" class="sidebar-link <%= path && path.startsWith('/admin/categories') ? 'active' : '' %>">
      <i class="fas fa-tags w-5"></i> Categories
    </a>
    <a href="/admin/orders" class="sidebar-link <%= path && path.startsWith('/admin/orders') ? 'active' : '' %>">
      <i class="fas fa-shopping-cart w-5"></i> Orders
    </a>
    <a href="/admin/users" class="sidebar-link <%= path && path.startsWith('/admin/users') ? 'active' : '' %>">
      <i class="fas fa-users w-5"></i> Users
    </a>
    <a href="/admin/reviews" class="sidebar-link <%= path && path.startsWith('/admin/reviews') ? 'active' : '' %>">
      <i class="fas fa-star w-5"></i> Reviews
    </a>
    <a href="/admin/coupons" class="sidebar-link <%= path && path.startsWith('/admin/coupons') ? 'active' : '' %>">
      <i class="fas fa-percent w-5"></i> Coupons
    </a>
    <a href="/admin/pages" class="sidebar-link <%= path && path.startsWith('/admin/pages') ? 'active' : '' %>">
      <i class="fas fa-file w-5"></i> Pages
    </a>
    <a href="/admin/banners" class="sidebar-link <%= path && path.startsWith('/admin/banners') ? 'active' : '' %>">
      <i class="fas fa-image w-5"></i> Banners
    </a>
    <a href="/admin/reports" class="sidebar-link <%= path && path.startsWith('/admin/reports') ? 'active' : '' %>">
      <i class="fas fa-chart-bar w-5"></i> Reports
    </a>
    <a href="/admin/settings" class="sidebar-link <%= path && path.startsWith('/admin/settings') ? 'active' : '' %>">
      <i class="fas fa-cog w-5"></i> Settings
    </a>
  </nav>
  <div class="p-4 border-t border-indigo-800">
    <a href="/" class="flex items-center gap-2 text-indigo-300 hover:text-white text-sm">
      <i class="fas fa-arrow-left"></i> Back to Store
    </a>
  </div>
</aside>
