<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Agri Inventory Dashboard</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-50 flex h-screen">
  
  <!-- Sidebar -->
  <aside class="w-64 bg-green-700 text-white flex flex-col p-4">
    <h2 class="text-2xl font-bold mb-6">🌱 Multiplex Farms </h2>
    <nav class="flex flex-col space-y-4">
      <a href="<?= base_url('adDashboard'); ?>" class="hover:bg-green-600 p-2 rounded">Dashboard</a>
      <a href="<?= base_url('category'); ?>" class="hover:bg-green-600 p-2 rounded">Category</a>
      <a href="<?= base_url('products'); ?>" class="hover:bg-green-600 p-2 rounded">Products</a>
      <a href="<?= base_url('apartment'); ?>" class="hover:bg-green-600 p-2 rounded">Apartment List</a>    
      
      <a href="<?= base_url('adminOrder'); ?>" class="hover:bg-green-600 p-2 rounded">Orders Confirmation</a>
      <a href="<?= base_url('admin-report'); ?>" class="hover:bg-green-600 p-2 rounded">Reports</a>
       
    </nav>
  </aside>

  <!-- Main Content -->
  <div class="flex-1 flex flex-col">
    
   <!-- Navbar (Material Style) -->
    <header class="bg-white shadow-md px-6 py-3 flex justify-between items-center sticky top-0 z-10">
      <!-- Left Section -->
      <h1 class="text-lg font-semibold text-gray-800 tracking-wide">Admin Inventory Dashboard</h1>

      <!-- Right Section -->
      <div class="flex items-center space-x-4">

        <!-- Cart Button -->
        <button id="openCart" class="flex items-center bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg shadow transition">
          🛒 <span class="ml-2">Cart</span>
        </button>

        <!-- Profile Dropdown -->
        <div class="relative">
          <button id="profileBtn" class="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center shadow">
            👤
          </button>
          <div id="profileMenu" class="hidden absolute right-0 mt-3 w-44 bg-white shadow-lg rounded-lg overflow-hidden">
            <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">👨 Profile</a>
            <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">⚙️ Settings</a>
            <a href="#" class="block px-4 py-2 text-red-600 hover:bg-gray-100">🚪 Logout</a>
          </div>
        </div>
      </div>
    </header>

  
 