0xn0l

📂 /home/brightbrai/public_html/store

✎ EDIT: bundle.js ← BACK

// index.tsx
import React12 from "react";
import ReactDOM from "react-dom/client";

// App.tsx
import { useState as useState10, useEffect as useEffect2 } from "react";

// components/Layout.tsx
import {
  LayoutDashboard,
  ShoppingCart,
  Package,
  Users,
  BarChart3,
  LogOut,
  Pill,
  Truck,
  Receipt,
  UserCheck,
  Settings as SettingsIcon
} from "lucide-react";
import { jsx, jsxs } from "react/jsx-runtime";
var Layout = ({
  currentView,
  onNavigate,
  onLogout,
  children,
  storeName = "Abdullah",
  storePhone = "12345",
  storeAddress = "Housing Society Sanghar"
}) => {
  const navItems = [
    { id: "DASHBOARD" /* DASHBOARD */, label: "Dashboard", icon: /* @__PURE__ */ jsx(LayoutDashboard, { size: 20 }) },
    { id: "POS" /* POS */, label: "POS Terminal", icon: /* @__PURE__ */ jsx(ShoppingCart, { size: 20 }) },
    { id: "INVENTORY" /* INVENTORY */, label: "Inventory", icon: /* @__PURE__ */ jsx(Package, { size: 20 }) },
    { id: "PURCHASE" /* PURCHASE */, label: "Purchase Orders", icon: /* @__PURE__ */ jsx(Truck, { size: 20 }) },
    { id: "VENDORS" /* VENDORS */, label: "Vendors", icon: /* @__PURE__ */ jsx(Users, { size: 20 }) },
    { id: "EXPENDITURE" /* EXPENDITURE */, label: "Expenditures", icon: /* @__PURE__ */ jsx(Receipt, { size: 20 }) },
    { id: "REPORTS" /* REPORTS */, label: "Reports & Accounts", icon: /* @__PURE__ */ jsx(BarChart3, { size: 20 }) },
    { id: "USERS" /* USERS */, label: "Staff Management", icon: /* @__PURE__ */ jsx(UserCheck, { size: 20 }) },
    { id: "SETTINGS" /* SETTINGS */, label: "Settings", icon: /* @__PURE__ */ jsx(SettingsIcon, { size: 20 }) }
  ];
  return /* @__PURE__ */ jsxs("div", { className: "flex h-screen overflow-hidden bg-slate-100", children: [
    /* @__PURE__ */ jsxs("aside", { className: "w-64 bg-slate-900 text-white flex flex-col shadow-xl z-20", children: [
      /* @__PURE__ */ jsxs("div", { className: "p-6 border-b border-slate-800 flex items-center gap-3", children: [
        /* @__PURE__ */ jsx("div", { className: "bg-emerald-500 p-2 rounded-lg", children: /* @__PURE__ */ jsx(Pill, { size: 24, className: "text-white" }) }),
        /* @__PURE__ */ jsxs("div", { children: [
          /* @__PURE__ */ jsx("h1", { className: "font-bold text-lg leading-tight", children: storeName }),
          /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-400", children: "Medical Store" })
        ] })
      ] }),
      /* @__PURE__ */ jsx("nav", { className: "flex-1 py-6 px-3 space-y-1 overflow-y-auto", children: navItems.map((item) => /* @__PURE__ */ jsxs(
        "button",
        {
          onClick: () => onNavigate(item.id),
          className: `w-full flex items-center gap-3 px-4 py-3 rounded-lg transition-all duration-200 ${currentView === item.id ? "bg-emerald-600 text-white shadow-lg" : "text-slate-400 hover:bg-slate-800 hover:text-white"}`,
          children: [
            item.icon,
            /* @__PURE__ */ jsx("span", { className: "font-medium", children: item.label })
          ]
        },
        item.id
      )) }),
      /* @__PURE__ */ jsxs("div", { className: "p-4 border-t border-slate-800", children: [
        /* @__PURE__ */ jsxs("div", { className: "bg-slate-800 rounded-lg p-4 mb-4", children: [
          /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-400 mb-1", children: "Store Contact" }),
          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-white", children: storePhone }),
          /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-400 truncate", children: storeAddress })
        ] }),
        /* @__PURE__ */ jsxs(
          "button",
          {
            onClick: onLogout,
            className: "flex items-center gap-2 text-slate-400 hover:text-red-400 transition-colors w-full px-2",
            children: [
              /* @__PURE__ */ jsx(LogOut, { size: 18 }),
              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Sign Out" })
            ]
          }
        )
      ] })
    ] }),
    /* @__PURE__ */ jsxs("main", { className: "flex-1 flex flex-col overflow-auto relative", children: [
      /* @__PURE__ */ jsxs("header", { className: "bg-white border-b border-slate-200 h-20 flex items-center justify-between px-8 sticky top-0 z-10", children: [
        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-slate-800", children: navItems.find((n) => n.id === currentView)?.label }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
          /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-slate-900 leading-tight", children: "Abdullah Admin" }),
            /* @__PURE__ */ jsx("p", { className: "text-xs text-emerald-600 font-bold uppercase tracking-wider", children: "Authorized Access" })
          ] }),
          /* @__PURE__ */ jsx("div", { className: "h-11 w-11 rounded-full bg-slate-200 flex items-center justify-center text-slate-600 font-bold border-2 border-white shadow-sm", children: "AA" })
        ] })
      ] }),
      /* @__PURE__ */ jsx("div", { className: "flex-1 p-8 pb-20", children })
    ] })
  ] });
};
var Layout_default = Layout;

// components/LoginPage.tsx
import { useState } from "react";
import { Pill as Pill2, ShieldCheck, Mail, Lock, ArrowRight } from "lucide-react";
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
var LoginPage = ({ onLogin }) => {
  const [email, setEmail] = useState("owner@store.com");
  const [password, setPassword] = useState("password");
  const [error, setError] = useState("");
  const [loading, setLoading] = useState(false);
  const handleSubmit = async (e) => {
    e.preventDefault();
    setLoading(true);
    setError("");
    try {
      const response = await fetch("https://brightbrains.pk/store/api.php", {
        method: "POST",
        headers: {
          "Content-Type": "application/json"
        },
        body: JSON.stringify({
          action: "login",
          payload: { email, password }
        })
      });
      const result = await response.json();
      if (result.success) {
        onLogin();
      } else {
        setError(result.message || "Invalid credentials. Please try again.");
      }
    } catch (err) {
      setError("An error occurred. Please check your connection.");
    } finally {
      setLoading(false);
    }
  };
  return /* @__PURE__ */ jsxs2("div", { className: "min-h-screen bg-[#020617] flex items-center justify-center p-4 lg:p-8 font-sans relative overflow-hidden", children: [
    /* @__PURE__ */ jsxs2("div", { className: "absolute top-0 left-0 w-full h-full pointer-events-none opacity-20", children: [
      /* @__PURE__ */ jsx2("div", { className: "absolute top-[-10%] left-[-10%] w-[600px] h-[600px] bg-emerald-500 rounded-full blur-[120px]" }),
      /* @__PURE__ */ jsx2("div", { className: "absolute bottom-[-10%] right-[-10%] w-[600px] h-[600px] bg-blue-600 rounded-full blur-[120px]" })
    ] }),
    /* @__PURE__ */ jsxs2("div", { className: "w-full max-w-5xl bg-white rounded-[2.5rem] shadow-[0_35px_60px_-15px_rgba(0,0,0,0.5)] overflow-hidden flex flex-col lg:flex-row min-h-[600px] relative z-10 animate-in fade-in zoom-in duration-500", children: [
      /* @__PURE__ */ jsxs2("div", { className: "hidden lg:flex lg:w-1/2 relative bg-[#0f172a] overflow-hidden", children: [
        /* @__PURE__ */ jsx2(
          "img",
          {
            src: "https://images.unsplash.com/photo-1586015555751-63bb77f4322a?auto=format&fit=crop&q=80&w=1200",
            alt: "Medical Store",
            className: "absolute inset-0 w-full h-full object-cover opacity-40 grayscale-[20%]"
          }
        ),
        /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 bg-gradient-to-b from-[#0f172a]/80 via-[#0f172a]/60 to-[#0f172a]/90" }),
        /* @__PURE__ */ jsxs2("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full", children: [
          /* @__PURE__ */ jsxs2("div", { children: [
            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 mb-8", children: [
              /* @__PURE__ */ jsx2("div", { className: "bg-emerald-500 p-2.5 rounded-2xl shadow-lg shadow-emerald-500/20", children: /* @__PURE__ */ jsx2(Pill2, { size: 32, className: "text-white" }) }),
              /* @__PURE__ */ jsxs2("h1", { className: "text-3xl font-bold text-white tracking-tight", children: [
                "Abdullah ",
                /* @__PURE__ */ jsx2("span", { className: "text-emerald-400", children: "Medical" })
              ] })
            ] }),
            /* @__PURE__ */ jsx2("p", { className: "text-slate-300 text-lg leading-relaxed max-w-sm font-light", children: "Comprehensive pharmacy management system designed for efficiency, accuracy, and growth." })
          ] }),
          /* @__PURE__ */ jsxs2("div", { className: "space-y-6", children: [
            /* @__PURE__ */ jsxs2("div", { className: "bg-white/10 backdrop-blur-xl p-4 rounded-2xl border border-white/10 flex items-center gap-4", children: [
              /* @__PURE__ */ jsx2("div", { className: "bg-emerald-500/20 p-2.5 rounded-xl border border-emerald-500/20", children: /* @__PURE__ */ jsx2(ShieldCheck, { className: "text-emerald-400", size: 24 }) }),
              /* @__PURE__ */ jsxs2("div", { children: [
                /* @__PURE__ */ jsx2("p", { className: "text-white font-semibold text-sm", children: "Secure Access" }),
                /* @__PURE__ */ jsx2("p", { className: "text-slate-400 text-xs", children: "End-to-end encrypted data" })
              ] })
            ] }),
            /* @__PURE__ */ jsx2("p", { className: "text-slate-500 text-xs tracking-wide", children: "\xA9 2025 ABDULLAH MEDICAL STORE" })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ jsx2("div", { className: "flex-1 p-8 lg:p-16 flex flex-col justify-center bg-white", children: /* @__PURE__ */ jsxs2("div", { className: "max-w-md mx-auto w-full space-y-10", children: [
        /* @__PURE__ */ jsxs2("div", { className: "text-center lg:text-left", children: [
          /* @__PURE__ */ jsx2("h2", { className: "text-4xl font-extrabold text-slate-900 mb-3 tracking-tight", children: "Welcome Back" }),
          /* @__PURE__ */ jsx2("p", { className: "text-slate-500 text-lg", children: "Please sign in to your account." })
        ] }),
        /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
          /* @__PURE__ */ jsxs2("div", { className: "space-y-5", children: [
            /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
              /* @__PURE__ */ jsx2("label", { className: "text-[11px] font-bold text-slate-400 uppercase tracking-[0.2em] block ml-1", children: "Email Address" }),
              /* @__PURE__ */ jsxs2("div", { className: "relative group", children: [
                /* @__PURE__ */ jsx2(Mail, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-emerald-600 transition-colors", size: 20 }),
                /* @__PURE__ */ jsx2(
                  "input",
                  {
                    type: "email",
                    required: true,
                    value: email,
                    onChange: (e) => setEmail(e.target.value),
                    className: "w-full pl-12 pr-4 py-4 bg-slate-50 border border-slate-100 rounded-2xl focus:outline-none focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 focus:bg-white transition-all text-slate-900 font-medium placeholder:text-slate-400",
                    placeholder: "owner@store.com"
                  }
                )
              ] })
            ] }),
            /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
              /* @__PURE__ */ jsx2("label", { className: "text-[11px] font-bold text-slate-400 uppercase tracking-[0.2em] block ml-1", children: "Password" }),
              /* @__PURE__ */ jsxs2("div", { className: "relative group", children: [
                /* @__PURE__ */ jsx2(Lock, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-emerald-600 transition-colors", size: 20 }),
                /* @__PURE__ */ jsx2(
                  "input",
                  {
                    type: "password",
                    required: true,
                    value: password,
                    onChange: (e) => setPassword(e.target.value),
                    className: "w-full pl-12 pr-4 py-4 bg-slate-50 border border-slate-100 rounded-2xl focus:outline-none focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 focus:bg-white transition-all text-slate-900 font-medium placeholder:text-slate-400",
                    placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
                  }
                )
              ] })
            ] })
          ] }),
          /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx2("button", { type: "button", className: "text-sm font-bold text-blue-600 hover:text-blue-700 transition-colors", children: "Forgot Password?" }) }),
          error && /* @__PURE__ */ jsx2("div", { className: "p-4 bg-red-50 text-red-600 text-sm font-semibold rounded-2xl border border-red-100 flex items-center justify-center", children: error }),
          /* @__PURE__ */ jsxs2(
            "button",
            {
              type: "submit",
              disabled: loading,
              className: "w-full bg-[#0f172a] text-white py-5 rounded-2xl font-bold text-lg hover:bg-slate-800 transition-all transform hover:scale-[1.02] active:scale-[0.98] flex items-center justify-center gap-3 shadow-2xl shadow-slate-900/20 disabled:opacity-50",
              children: [
                loading ? "Signing In..." : "Sign In Account",
                !loading && /* @__PURE__ */ jsx2(ArrowRight, { size: 22, strokeWidth: 2.5 })
              ]
            }
          )
        ] })
      ] }) })
    ] })
  ] });
};
var LoginPage_default = LoginPage;

// components/Dashboard.tsx
import React2 from "react";
import { DollarSign, Package as Package2, TrendingUp, AlertTriangle } from "lucide-react";
import { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from "recharts";
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
var StatCard = ({ title, value, icon, trend, color }) => /* @__PURE__ */ jsxs3("div", { className: "bg-white p-6 rounded-xl shadow-sm border border-slate-200 hover:shadow-md transition-shadow", children: [
  /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-4", children: [
    /* @__PURE__ */ jsx3("div", { className: `p-3 rounded-full ${color} bg-opacity-10 text-opacity-100`, children: React2.cloneElement(icon, { className: color.replace("bg-", "text-") }) }),
    trend && /* @__PURE__ */ jsx3("span", { className: "text-xs font-semibold text-emerald-600 bg-emerald-50 px-2 py-1 rounded-full", children: trend })
  ] }),
  /* @__PURE__ */ jsx3("h3", { className: "text-slate-500 text-sm font-medium mb-1", children: title }),
  /* @__PURE__ */ jsx3("p", { className: `text-2xl font-bold ${title.toLowerCase().includes("sales") || title.toLowerCase().includes("profit") ? "text-emerald-600" : title.toLowerCase().includes("expenditure") || title.toLowerCase().includes("low stock") ? "text-red-600" : "text-slate-900"}`, children: value })
] });
var data = [
  { name: "Mon", sales: 4e3 },
  { name: "Tue", sales: 3e3 },
  { name: "Wed", sales: 2e3 },
  { name: "Thu", sales: 2780 },
  { name: "Fri", sales: 1890 },
  { name: "Sat", sales: 2390 },
  { name: "Sun", sales: 3490 }
];
var Dashboard = () => {
  return /* @__PURE__ */ jsxs3("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
      /* @__PURE__ */ jsx3(
        StatCard,
        {
          title: "Total Sales (Today)",
          value: "RS. 1,245.00",
          icon: /* @__PURE__ */ jsx3(DollarSign, { size: 24 }),
          trend: "+12%",
          color: "bg-emerald-500"
        }
      ),
      /* @__PURE__ */ jsx3(
        StatCard,
        {
          title: "Total Orders",
          value: "45",
          icon: /* @__PURE__ */ jsx3(Package2, { size: 24 }),
          color: "bg-blue-500"
        }
      ),
      /* @__PURE__ */ jsx3(
        StatCard,
        {
          title: "Net Profit (Month)",
          value: "RS. 8,540.00",
          icon: /* @__PURE__ */ jsx3(TrendingUp, { size: 24 }),
          trend: "+5.2%",
          color: "bg-emerald-500"
        }
      ),
      /* @__PURE__ */ jsx3(
        StatCard,
        {
          title: "Low Stock Items",
          value: "12",
          icon: /* @__PURE__ */ jsx3(AlertTriangle, { size: 24 }),
          color: "bg-red-500"
        }
      )
    ] }),
    /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
      /* @__PURE__ */ jsxs3("div", { className: "lg:col-span-2 bg-white p-6 rounded-xl shadow-sm border border-slate-200", children: [
        /* @__PURE__ */ jsx3("h3", { className: "text-lg font-bold text-slate-800 mb-6", children: "Weekly Sales Overview" }),
        /* @__PURE__ */ jsx3("div", { className: "h-72", children: /* @__PURE__ */ jsx3(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs3(AreaChart, { data, children: [
          /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsxs3("linearGradient", { id: "colorSales", x1: "0", y1: "0", x2: "0", y2: "1", children: [
            /* @__PURE__ */ jsx3("stop", { offset: "5%", stopColor: "#10b981", stopOpacity: 0.1 }),
            /* @__PURE__ */ jsx3("stop", { offset: "95%", stopColor: "#10b981", stopOpacity: 0 })
          ] }) }),
          /* @__PURE__ */ jsx3(CartesianGrid, { strokeDasharray: "3 3", vertical: false, stroke: "#e2e8f0" }),
          /* @__PURE__ */ jsx3(XAxis, { dataKey: "name", axisLine: false, tickLine: false, tick: { fill: "#64748b" } }),
          /* @__PURE__ */ jsx3(YAxis, { axisLine: false, tickLine: false, tick: { fill: "#64748b" } }),
          /* @__PURE__ */ jsx3(Tooltip, {}),
          /* @__PURE__ */ jsx3(Area, { type: "monotone", dataKey: "sales", stroke: "#10b981", fillOpacity: 1, fill: "url(#colorSales)" })
        ] }) }) })
      ] }),
      /* @__PURE__ */ jsxs3("div", { className: "bg-white p-6 rounded-xl shadow-sm border border-slate-200", children: [
        /* @__PURE__ */ jsx3("h3", { className: "text-lg font-bold text-slate-800 mb-6", children: "Recent Alerts" }),
        /* @__PURE__ */ jsx3("div", { className: "space-y-4", children: [
          { title: "Panadol Extra low on stock", time: "2 hours ago", type: "warning" },
          { title: "New shipment from Ali Distributors", time: "5 hours ago", type: "info" },
          { title: "Invoice #INV-2023-001 paid", time: "Yesterday", type: "success" },
          { title: "Expiry warning: Insulin Batch A23", time: "2 days ago", type: "danger" }
        ].map((alert, i) => /* @__PURE__ */ jsxs3("div", { className: "flex gap-4 items-start p-3 hover:bg-slate-50 rounded-lg transition-colors cursor-pointer border-b border-slate-50 last:border-0", children: [
          /* @__PURE__ */ jsx3("div", { className: `w-2 h-2 mt-2 rounded-full flex-shrink-0 ${alert.type === "warning" ? "bg-orange-500" : alert.type === "info" ? "bg-blue-500" : alert.type === "success" ? "bg-emerald-500" : "bg-red-500"}` }),
          /* @__PURE__ */ jsxs3("div", { children: [
            /* @__PURE__ */ jsx3("p", { className: "text-sm font-medium text-slate-800", children: alert.title }),
            /* @__PURE__ */ jsx3("p", { className: "text-xs text-slate-500", children: alert.time })
          ] })
        ] }, i)) }),
        /* @__PURE__ */ jsx3("button", { className: "w-full mt-6 py-2 text-sm text-emerald-600 font-medium hover:bg-emerald-50 rounded-lg transition-colors", children: "View All Notifications" })
      ] })
    ] })
  ] });
};
var Dashboard_default = Dashboard;

// components/POS.tsx
import { useState as useState2, useMemo } from "react";
import { Search, Plus, Minus, Trash2, ShoppingCart as ShoppingCart2, RefreshCcw, DollarSign as DollarSign2 } from "lucide-react";
import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
var POS = ({ products, onCompleteSale }) => {
  const [searchTerm, setSearchTerm] = useState2("");
  const [cart, setCart] = useState2([]);
  const [discountType, setDiscountType] = useState2("RS");
  const [discountValue, setDiscountValue] = useState2(0);
  const [cashReceived, setCashReceived] = useState2(0);
  const filteredProducts = useMemo(() => {
    return products.filter(
      (p) => p.name.toLowerCase().includes(searchTerm.toLowerCase()) || p.category.toLowerCase().includes(searchTerm.toLowerCase())
    );
  }, [products, searchTerm]);
  const addToCart = (product) => {
    setCart((prev) => {
      const existing = prev.find((item) => item.id === product.id);
      if (existing) {
        return prev.map(
          (item) => item.id === product.id ? { ...item, quantity: item.quantity + 1 } : item
        );
      }
      return [...prev, { ...product, quantity: 1, saleUnit: "Unit" }];
    });
  };
  const updateQuantity = (id, delta) => {
    setCart((prev) => prev.map((item) => {
      if (item.id === id) {
        const newQty = item.quantity + delta;
        return newQty > 0 ? { ...item, quantity: newQty } : null;
      }
      return item;
    }).filter(Boolean));
  };
  const removeFromCart = (id) => {
    setCart((prev) => prev.filter((item) => item.id !== id));
  };
  const getItemPrice = (item) => item.priceUnit;
  const subTotal = cart.reduce((sum, item) => sum + getItemPrice(item) * item.quantity, 0);
  const discountAmount = useMemo(() => {
    if (discountType === "RS") {
      return Math.min(discountValue, subTotal);
    }
    return subTotal * Math.min(discountValue, 100) / 100;
  }, [discountValue, discountType, subTotal]);
  const grandTotal = subTotal - discountAmount;
  const clearOrder = () => {
    setCart([]);
    setDiscountValue(0);
    setCashReceived(0);
  };
  const handleCheckout = () => {
    if (cart.length === 0) return;
    onCompleteSale(cart, grandTotal, "Cash");
    clearOrder();
  };
  return /* @__PURE__ */ jsxs4("div", { className: "flex h-full gap-6", children: [
    /* @__PURE__ */ jsxs4("div", { className: "w-2/5 bg-white rounded-2xl shadow-sm border border-slate-200 flex flex-col", children: [
      /* @__PURE__ */ jsx4("div", { className: "p-4 border-b border-slate-200", children: /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
        /* @__PURE__ */ jsx4(Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-slate-400", size: 20 }),
        /* @__PURE__ */ jsx4(
          "input",
          {
            type: "text",
            placeholder: "Search by name or category...",
            className: "w-full pl-12 pr-4 py-3 bg-slate-50 border-transparent rounded-xl focus:outline-none focus:ring-2 focus:ring-emerald-500 transition-all font-medium",
            value: searchTerm,
            onChange: (e) => setSearchTerm(e.target.value)
          }
        )
      ] }) }),
      /* @__PURE__ */ jsx4("div", { className: "flex-1 overflow-y-auto p-4 grid grid-cols-2 md:grid-cols-3 xl:grid-cols-3 gap-4", children: filteredProducts.map((product) => /* @__PURE__ */ jsxs4(
        "button",
        {
          onClick: () => addToCart(product),
          disabled: product.stock <= 0,
          className: "flex flex-col p-3 bg-slate-50/70 border border-slate-200/50 rounded-xl transition-all text-left group relative hover:bg-emerald-50 hover:border-emerald-200 hover:shadow-md disabled:opacity-50 disabled:cursor-not-allowed",
          children: [
            /* @__PURE__ */ jsx4("h4", { className: "font-bold text-slate-800 text-sm leading-tight line-clamp-2 h-10", children: product.name }),
            /* @__PURE__ */ jsx4("p", { className: "text-[10px] text-slate-400 mb-2 uppercase font-semibold tracking-wider", children: product.category }),
            /* @__PURE__ */ jsxs4("div", { className: "mt-auto w-full space-y-2 text-xs", children: [
              /* @__PURE__ */ jsxs4("div", { className: "flex justify-between items-center text-slate-500 font-medium", children: [
                /* @__PURE__ */ jsx4("span", { children: "UNIT" }),
                /* @__PURE__ */ jsxs4("span", { className: "font-bold text-slate-700", children: [
                  "RS. ",
                  product.priceUnit.toFixed(2)
                ] })
              ] }),
              /* @__PURE__ */ jsxs4("div", { className: "flex justify-between items-center text-slate-500 font-medium", children: [
                /* @__PURE__ */ jsx4("span", { children: "STRIP" }),
                /* @__PURE__ */ jsxs4("span", { className: "font-bold text-slate-700", children: [
                  "RS. ",
                  product.priceStrip.toFixed(2)
                ] })
              ] }),
              /* @__PURE__ */ jsx4("div", { className: "pt-2 border-t border-slate-200 flex items-center justify-between", children: /* @__PURE__ */ jsx4("span", { className: `text-[10px] font-bold px-2 py-0.5 rounded ${product.stock < 50 ? "bg-red-100 text-red-600" : "bg-emerald-100 text-emerald-600"}`, children: product.stock > 0 ? `${product.stock} UN` : "OUT OF STOCK" }) })
            ] })
          ]
        },
        product.id
      )) })
    ] }),
    /* @__PURE__ */ jsxs4("div", { className: "w-3/5 bg-white rounded-2xl shadow-sm border border-slate-200 flex flex-col", children: [
      /* @__PURE__ */ jsx4("div", { className: "p-4 border-b border-slate-200", children: /* @__PURE__ */ jsxs4("h3", { className: "font-bold text-lg text-slate-800 flex items-center gap-2", children: [
        /* @__PURE__ */ jsx4(ShoppingCart2, { size: 20, className: "text-emerald-600" }),
        "Active Order"
      ] }) }),
      /* @__PURE__ */ jsx4("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs4("div", { className: "px-4", children: [
        /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-12 gap-4 text-xs font-bold text-slate-400 uppercase tracking-wider py-3 border-b border-slate-200 sticky top-0 bg-white", children: [
          /* @__PURE__ */ jsx4("div", { className: "col-span-4", children: "Product" }),
          /* @__PURE__ */ jsx4("div", { className: "col-span-2 text-right", children: "Rate" }),
          /* @__PURE__ */ jsx4("div", { className: "col-span-1 text-center", children: "Unit" }),
          /* @__PURE__ */ jsx4("div", { className: "col-span-3 text-center", children: "Quantity" }),
          /* @__PURE__ */ jsx4("div", { className: "col-span-2 text-right", children: "Amount" })
        ] }),
        cart.length === 0 ? /* @__PURE__ */ jsx4("div", { className: "h-full flex flex-col items-center justify-center text-slate-400 py-20", children: /* @__PURE__ */ jsx4("p", { className: "font-semibold", children: "NO ITEMS IN CART" }) }) : cart.map((item) => /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-12 gap-4 items-center py-3 border-b border-slate-100 group", children: [
          /* @__PURE__ */ jsx4("div", { className: "col-span-4 font-bold text-slate-800 text-sm", children: item.name }),
          /* @__PURE__ */ jsxs4("div", { className: "col-span-2 text-right font-medium text-slate-600 text-sm", children: [
            "RS. ",
            getItemPrice(item).toFixed(2)
          ] }),
          /* @__PURE__ */ jsx4("div", { className: "col-span-1 text-center text-xs text-slate-500", children: item.saleUnit }),
          /* @__PURE__ */ jsxs4("div", { className: "col-span-3 flex items-center justify-center gap-2", children: [
            /* @__PURE__ */ jsx4("button", { onClick: () => updateQuantity(item.id, -1), className: "p-1.5 hover:bg-slate-100 rounded text-slate-500", children: /* @__PURE__ */ jsx4(Minus, { size: 14 }) }),
            /* @__PURE__ */ jsx4("span", { className: "w-8 text-center text-sm font-bold text-slate-900", children: item.quantity }),
            /* @__PURE__ */ jsx4("button", { onClick: () => updateQuantity(item.id, 1), className: "p-1.5 hover:bg-slate-100 rounded text-slate-500", children: /* @__PURE__ */ jsx4(Plus, { size: 14 }) }),
            /* @__PURE__ */ jsx4("button", { onClick: () => removeFromCart(item.id), className: "text-slate-300 hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsx4(Trash2, { size: 14 }) })
          ] }),
          /* @__PURE__ */ jsxs4("div", { className: "col-span-2 text-right font-bold text-emerald-600 text-sm", children: [
            "RS. ",
            (getItemPrice(item) * item.quantity).toFixed(2)
          ] })
        ] }, item.id))
      ] }) }),
      /* @__PURE__ */ jsxs4("div", { className: "p-5 border-t border-slate-200 bg-slate-50 rounded-b-2xl", children: [
        /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-3 gap-4 mb-4", children: [
          /* @__PURE__ */ jsxs4("div", { children: [
            /* @__PURE__ */ jsx4("label", { className: "text-xs font-bold text-slate-500 uppercase mb-1 block", children: "Overall Discount" }),
            /* @__PURE__ */ jsxs4("div", { className: "flex", children: [
              /* @__PURE__ */ jsx4(
                "input",
                {
                  type: "number",
                  value: discountValue || "",
                  onChange: (e) => setDiscountValue(parseFloat(e.target.value) || 0),
                  className: "w-full px-3 py-2 border border-slate-300 rounded-l-lg focus:ring-2 focus:ring-emerald-500 outline-none text-sm font-semibold"
                }
              ),
              /* @__PURE__ */ jsx4(
                "button",
                {
                  onClick: () => setDiscountType("RS"),
                  className: `px-3 border-y border-r ${discountType === "RS" ? "bg-slate-700 text-white" : "bg-white text-slate-500"} transition-colors text-xs font-bold`,
                  children: "RS"
                }
              ),
              /* @__PURE__ */ jsx4(
                "button",
                {
                  onClick: () => setDiscountType("%"),
                  className: `px-3 border-y border-r rounded-r-lg ${discountType === "%" ? "bg-slate-700 text-white" : "bg-white text-slate-500"} transition-colors text-xs font-bold`,
                  children: "%"
                }
              )
            ] })
          ] }),
          /* @__PURE__ */ jsxs4("div", { children: [
            /* @__PURE__ */ jsx4("label", { className: "text-xs font-bold text-slate-500 uppercase mb-1 block", children: "Cash Received" }),
            /* @__PURE__ */ jsx4(
              "input",
              {
                type: "number",
                value: cashReceived || "",
                onChange: (e) => setCashReceived(parseFloat(e.target.value) || 0),
                className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-emerald-500 outline-none text-sm font-semibold"
              }
            )
          ] }),
          /* @__PURE__ */ jsxs4("div", { className: "text-right", children: [
            /* @__PURE__ */ jsxs4("p", { className: "text-xs font-bold text-slate-500", children: [
              "ITEMS: ",
              cart.length,
              " \u2022 SUB: RS. ",
              subTotal.toFixed(2)
            ] }),
            /* @__PURE__ */ jsxs4("p", { className: "text-xs font-bold text-red-500 mb-1", children: [
              "DISCOUNT: RS. ",
              discountAmount.toFixed(2)
            ] }),
            /* @__PURE__ */ jsx4("p", { className: "text-slate-500 font-bold", children: "GRAND TOTAL" }),
            /* @__PURE__ */ jsxs4("p", { className: "text-4xl font-black text-emerald-600", children: [
              "RS. ",
              grandTotal.toFixed(2)
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsxs4("div", { className: "flex gap-3", children: [
          /* @__PURE__ */ jsxs4(
            "button",
            {
              onClick: clearOrder,
              className: "w-1/3 flex items-center justify-center gap-2 py-3 bg-slate-200 text-slate-700 rounded-lg font-bold hover:bg-slate-300 transition-colors",
              children: [
                /* @__PURE__ */ jsx4(RefreshCcw, { size: 16 }),
                "Cancel Order"
              ]
            }
          ),
          /* @__PURE__ */ jsxs4(
            "button",
            {
              onClick: handleCheckout,
              disabled: cart.length === 0,
              className: "w-2/3 flex items-center justify-center gap-3 py-3 bg-emerald-600 text-white rounded-lg font-bold shadow-lg shadow-emerald-600/20 hover:bg-emerald-700 active:scale-[0.99] transition-all disabled:opacity-50",
              children: [
                /* @__PURE__ */ jsx4(DollarSign2, { size: 18 }),
                "Confirm & Pay Cash"
              ]
            }
          )
        ] })
      ] })
    ] })
  ] });
};
var POS_default = POS;

// components/Inventory.tsx
import { useState as useState3, useEffect } from "react";
import { Search as Search2, Plus as Plus2, Pencil, Trash2 as Trash22, X, AlertCircle, Layers, Box, RefreshCw, Eye, Calendar, Hash } from "lucide-react";
import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
var Inventory = ({ products, onAddProduct, onEditProduct, onDeleteProduct }) => {
  const [searchTerm, setSearchTerm] = useState3("");
  const [isModalOpen, setIsModalOpen] = useState3(false);
  const [editingId, setEditingId] = useState3(null);
  const [viewingBatchProduct, setViewingBatchProduct] = useState3(null);
  const [formData, setFormData] = useState3({
    name: "",
    category: "Tablets",
    stripsPerPack: 1,
    unitsPerStrip: 1,
    pricePack: 0,
    priceStrip: 0,
    priceUnit: 0,
    cost: 0,
    stock: 0,
    expiryDate: "",
    batchNumber: "",
    vendorId: "",
    autoUpdatePricing: true
  });
  const isTablet = formData.category === "Tablets";
  useEffect(() => {
    if (!isTablet) {
      if (formData.stripsPerPack !== 1 || formData.unitsPerStrip !== 1) {
        setFormData((prev) => ({
          ...prev,
          stripsPerPack: 1,
          unitsPerStrip: 1,
          pricePack: prev.priceUnit,
          priceStrip: prev.priceUnit
        }));
      }
      return;
    }
    if (formData.autoUpdatePricing) {
      const stripsPerPack = Math.max(1, formData.stripsPerPack);
      const unitsPerStrip = Math.max(1, formData.unitsPerStrip);
      const calculatedPriceStrip = parseFloat((formData.pricePack / stripsPerPack).toFixed(2));
      const calculatedPriceUnit = parseFloat((calculatedPriceStrip / unitsPerStrip).toFixed(2));
      if (formData.priceStrip !== calculatedPriceStrip || formData.priceUnit !== calculatedPriceUnit) {
        setFormData((prev) => ({
          ...prev,
          priceStrip: calculatedPriceStrip,
          priceUnit: calculatedPriceUnit
        }));
      }
    }
  }, [formData.pricePack, formData.stripsPerPack, formData.unitsPerStrip, formData.autoUpdatePricing, formData.category, isTablet]);
  const filteredProducts = products.filter(
    (p) => p.name.toLowerCase().includes(searchTerm.toLowerCase()) || p.batchNumber && p.batchNumber.toLowerCase().includes(searchTerm.toLowerCase()) || p.category.toLowerCase().includes(searchTerm.toLowerCase())
  );
  const handleOpenAdd = () => {
    setEditingId(null);
    setFormData({
      name: "",
      category: "Tablets",
      stripsPerPack: 10,
      unitsPerStrip: 10,
      pricePack: 0,
      priceStrip: 0,
      priceUnit: 0,
      cost: 0,
      stock: 0,
      expiryDate: "",
      batchNumber: "",
      vendorId: "",
      autoUpdatePricing: true
    });
    setIsModalOpen(true);
  };
  const handleOpenEdit = (product) => {
    setEditingId(product.id);
    setFormData({
      name: product.name,
      category: product.category,
      stripsPerPack: product.stripsPerPack,
      unitsPerStrip: product.unitsPerStrip,
      pricePack: product.pricePack,
      priceStrip: product.priceStrip,
      priceUnit: product.priceUnit,
      cost: product.cost,
      stock: product.stock,
      expiryDate: product.expiryDate,
      batchNumber: product.batchNumber,
      vendorId: product.vendorId,
      autoUpdatePricing: product.autoUpdatePricing ?? true
    });
    setIsModalOpen(true);
  };
  const handleSubmit = (e) => {
    e.preventDefault();
    if (editingId) {
      onEditProduct({ ...formData, id: editingId, batches: products.find((p) => p.id === editingId)?.batches || [] });
    } else {
      onAddProduct(formData);
    }
    setIsModalOpen(false);
  };
  const formatStock = (totalUnits, p) => {
    if (p.category !== "Tablets") return `${totalUnits} Un`;
    const unitsPerPack = (p.stripsPerPack || 1) * (p.unitsPerStrip || 1);
    const packs = Math.floor(totalUnits / unitsPerPack);
    const remainingAfterPacks = totalUnits % unitsPerPack;
    const strips = Math.floor(remainingAfterPacks / (p.unitsPerStrip || 1));
    const units = remainingAfterPacks % (p.unitsPerStrip || 1);
    let parts = [];
    if (packs > 0) parts.push(`${packs} Pk`);
    if (strips > 0) parts.push(`${strips} St`);
    if (units > 0) parts.push(`${units} Un`);
    return parts.length > 0 ? parts.join(", ") : "0 Un";
  };
  return /* @__PURE__ */ jsxs5("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs5("div", { className: "bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden", children: [
      /* @__PURE__ */ jsxs5("div", { className: "p-6 border-b border-slate-200 flex flex-col md:flex-row justify-between items-center gap-4", children: [
        /* @__PURE__ */ jsx5("h2", { className: "text-lg font-bold text-slate-800", children: "Product Inventory" }),
        /* @__PURE__ */ jsxs5("div", { className: "flex w-full md:w-auto gap-3", children: [
          /* @__PURE__ */ jsxs5("div", { className: "relative flex-1 md:w-64", children: [
            /* @__PURE__ */ jsx5(Search2, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400", size: 18 }),
            /* @__PURE__ */ jsx5(
              "input",
              {
                type: "text",
                placeholder: "Search products...",
                value: searchTerm,
                onChange: (e) => setSearchTerm(e.target.value),
                className: "w-full pl-10 pr-4 py-2 bg-slate-50 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500 text-sm"
              }
            )
          ] }),
          /* @__PURE__ */ jsxs5(
            "button",
            {
              onClick: handleOpenAdd,
              className: "flex items-center gap-2 bg-emerald-600 hover:bg-emerald-700 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors",
              children: [
                /* @__PURE__ */ jsx5(Plus2, { size: 18 }),
                "Add Product"
              ]
            }
          )
        ] })
      ] }),
      /* @__PURE__ */ jsxs5("div", { className: "overflow-x-auto", children: [
        /* @__PURE__ */ jsxs5("table", { className: "w-full text-left border-collapse", children: [
          /* @__PURE__ */ jsx5("thead", { children: /* @__PURE__ */ jsxs5("tr", { className: "bg-slate-50 text-slate-500 text-xs uppercase tracking-wider", children: [
            /* @__PURE__ */ jsx5("th", { className: "p-4 font-medium border-b border-slate-100", children: "Product Name" }),
            /* @__PURE__ */ jsx5("th", { className: "p-4 font-medium border-b border-slate-100", children: "Packaging" }),
            /* @__PURE__ */ jsx5("th", { className: "p-4 font-medium border-b border-slate-100", children: "Batch / Expiry" }),
            /* @__PURE__ */ jsx5("th", { className: "p-4 font-medium border-b border-slate-100", children: "Stock (Units)" }),
            /* @__PURE__ */ jsx5("th", { className: "p-4 font-medium border-b border-slate-100", children: "Base Cost" }),
            /* @__PURE__ */ jsx5("th", { className: "p-4 font-medium border-b border-slate-100", children: "Unit Price" }),
            /* @__PURE__ */ jsx5("th", { className: "p-4 font-medium border-b border-slate-100 text-right", children: "Actions" })
          ] }) }),
          /* @__PURE__ */ jsx5("tbody", { className: "divide-y divide-slate-100", children: filteredProducts.map((product) => /* @__PURE__ */ jsxs5("tr", { className: "hover:bg-slate-50 transition-colors group", children: [
            /* @__PURE__ */ jsxs5("td", { className: "p-4", children: [
              /* @__PURE__ */ jsx5("div", { className: "font-medium text-slate-900", children: product.name }),
              /* @__PURE__ */ jsx5("div", { className: "text-xs text-slate-400", children: product.category })
            ] }),
            /* @__PURE__ */ jsx5("td", { className: "p-4 text-xs text-slate-600", children: product.category === "Tablets" ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-0.5", children: [
              /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1", children: [
                /* @__PURE__ */ jsx5(Box, { size: 10 }),
                " ",
                product.stripsPerPack,
                " Strips/Pk"
              ] }),
              /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1", children: [
                /* @__PURE__ */ jsx5(Layers, { size: 10 }),
                " ",
                product.unitsPerStrip,
                " Units/St"
              ] })
            ] }) : /* @__PURE__ */ jsx5("span", { className: "text-slate-400 font-medium italic", children: "Single Unit Only" }) }),
            /* @__PURE__ */ jsx5("td", { className: "p-4 text-sm", children: /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
              /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-0.5", children: [
                /* @__PURE__ */ jsx5("div", { className: "font-mono text-xs text-slate-600", children: product.batchNumber }),
                /* @__PURE__ */ jsx5("span", { className: `text-[10px] font-bold uppercase ${new Date(product.expiryDate) < /* @__PURE__ */ new Date() ? "text-red-600" : "text-emerald-600"}`, children: product.expiryDate })
              ] }),
              /* @__PURE__ */ jsxs5(
                "button",
                {
                  onClick: () => setViewingBatchProduct(product),
                  className: "flex items-center gap-1 text-[10px] font-bold text-slate-400 hover:text-emerald-600 uppercase tracking-tighter bg-slate-100 hover:bg-emerald-50 px-2 py-1 rounded transition-all",
                  children: [
                    /* @__PURE__ */ jsx5(Eye, { size: 10 }),
                    " View Details"
                  ]
                }
              )
            ] }) }),
            /* @__PURE__ */ jsx5("td", { className: "p-4 text-sm", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1", children: [
              /* @__PURE__ */ jsxs5("span", { className: `font-bold ${product.stock < 100 ? "text-red-600" : "text-slate-700"}`, children: [
                product.stock,
                " Units"
              ] }),
              /* @__PURE__ */ jsxs5("span", { className: "text-[10px] text-slate-400 font-medium", children: [
                "(",
                formatStock(product.stock, product),
                ")"
              ] })
            ] }) }),
            /* @__PURE__ */ jsxs5("td", { className: "p-4 text-sm font-medium text-red-600", children: [
              "RS. ",
              product.cost.toFixed(2)
            ] }),
            /* @__PURE__ */ jsxs5("td", { className: "p-4 text-sm font-bold text-emerald-600", children: [
              "RS. ",
              product.priceUnit.toFixed(2)
            ] }),
            /* @__PURE__ */ jsx5("td", { className: "p-4 text-right", children: /* @__PURE__ */ jsxs5("div", { className: "flex justify-end gap-2", children: [
              /* @__PURE__ */ jsx5(
                "button",
                {
                  onClick: () => handleOpenEdit(product),
                  className: "p-2 bg-blue-50 border border-blue-200 text-blue-600 hover:bg-blue-100 hover:text-blue-700 rounded-lg transition-colors shadow-sm",
                  title: "Edit Product",
                  children: /* @__PURE__ */ jsx5(Pencil, { size: 16 })
                }
              ),
              /* @__PURE__ */ jsx5(
                "button",
                {
                  onClick: () => onDeleteProduct(product.id),
                  className: "p-2 bg-red-50 border border-red-200 text-red-600 hover:bg-red-100 hover:text-red-700 rounded-lg transition-colors shadow-sm",
                  title: "Delete Product",
                  children: /* @__PURE__ */ jsx5(Trash22, { size: 16 })
                }
              )
            ] }) })
          ] }, product.id)) })
        ] }),
        filteredProducts.length === 0 && /* @__PURE__ */ jsxs5("div", { className: "p-12 text-center text-slate-500 flex flex-col items-center", children: [
          /* @__PURE__ */ jsx5(AlertCircle, { size: 48, className: "text-slate-200 mb-3" }),
          /* @__PURE__ */ jsx5("p", { children: "No products found matching your search." })
        ] })
      ] })
    ] }),
    viewingBatchProduct && /* @__PURE__ */ jsx5("div", { className: "fixed inset-0 bg-black/60 backdrop-blur-sm z-[60] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs5("div", { className: "bg-white w-full max-w-2xl rounded-2xl shadow-2xl overflow-hidden animate-in fade-in zoom-in duration-200 flex flex-col max-h-[85vh]", children: [
      /* @__PURE__ */ jsxs5("div", { className: "p-5 border-b border-slate-100 flex justify-between items-center bg-slate-50", children: [
        /* @__PURE__ */ jsxs5("div", { children: [
          /* @__PURE__ */ jsx5("h3", { className: "font-bold text-lg text-slate-800", children: "Batch Inventory" }),
          /* @__PURE__ */ jsx5("p", { className: "text-xs text-emerald-600 font-medium", children: viewingBatchProduct.name })
        ] }),
        /* @__PURE__ */ jsx5("button", { onClick: () => setViewingBatchProduct(null), className: "text-slate-400 hover:text-slate-600 p-2 hover:bg-slate-200 rounded-full transition-all", children: /* @__PURE__ */ jsx5(X, { size: 20 }) })
      ] }),
      /* @__PURE__ */ jsxs5("div", { className: "flex-1 overflow-y-auto p-6", children: [
        /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-6", children: [
          /* @__PURE__ */ jsxs5("div", { className: "bg-slate-50 p-4 rounded-xl border border-slate-100", children: [
            /* @__PURE__ */ jsx5("p", { className: "text-[10px] font-bold text-slate-400 uppercase mb-1", children: "Total Available Stock" }),
            /* @__PURE__ */ jsxs5("p", { className: "text-xl font-bold text-slate-900", children: [
              viewingBatchProduct.stock,
              " Units"
            ] }),
            /* @__PURE__ */ jsxs5("p", { className: "text-xs text-slate-500 italic mt-0.5", children: [
              "(",
              formatStock(viewingBatchProduct.stock, viewingBatchProduct),
              ")"
            ] })
          ] }),
          /* @__PURE__ */ jsxs5("div", { className: "bg-slate-50 p-4 rounded-xl border border-slate-100", children: [
            /* @__PURE__ */ jsx5("p", { className: "text-[10px] font-bold text-slate-400 uppercase mb-1", children: "Product Category" }),
            /* @__PURE__ */ jsx5("p", { className: "text-xl font-bold text-slate-900", children: viewingBatchProduct.category })
          ] })
        ] }),
        /* @__PURE__ */ jsx5("div", { className: "border border-slate-100 rounded-xl overflow-hidden", children: /* @__PURE__ */ jsxs5("table", { className: "w-full text-left text-sm", children: [
          /* @__PURE__ */ jsx5("thead", { className: "bg-slate-50 text-[10px] font-bold text-slate-400 uppercase tracking-widest", children: /* @__PURE__ */ jsxs5("tr", { children: [
            /* @__PURE__ */ jsx5("th", { className: "p-4 border-b", children: "Batch #" }),
            /* @__PURE__ */ jsx5("th", { className: "p-4 border-b", children: "Expiry Date" }),
            /* @__PURE__ */ jsx5("th", { className: "p-4 border-b", children: "Quantity Left" }),
            /* @__PURE__ */ jsx5("th", { className: "p-4 border-b text-right", children: "Unit Cost" })
          ] }) }),
          /* @__PURE__ */ jsx5("tbody", { className: "divide-y divide-slate-100", children: viewingBatchProduct.batches?.length > 0 ? viewingBatchProduct.batches.map((batch) => /* @__PURE__ */ jsxs5("tr", { className: "hover:bg-slate-50 transition-colors", children: [
            /* @__PURE__ */ jsx5("td", { className: "p-4", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
              /* @__PURE__ */ jsx5(Hash, { size: 14, className: "text-slate-300" }),
              /* @__PURE__ */ jsx5("span", { className: "font-mono text-xs font-bold text-slate-700", children: batch.batchNumber })
            ] }) }),
            /* @__PURE__ */ jsx5("td", { className: "p-4", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
              /* @__PURE__ */ jsx5(Calendar, { size: 14, className: "text-slate-300" }),
              /* @__PURE__ */ jsx5("span", { className: `text-xs font-medium ${new Date(batch.expiryDate) < /* @__PURE__ */ new Date() ? "text-red-500" : "text-slate-700"}`, children: batch.expiryDate })
            ] }) }),
            /* @__PURE__ */ jsx5("td", { className: "p-4", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col", children: [
              /* @__PURE__ */ jsxs5("span", { className: "font-bold text-slate-800", children: [
                batch.quantity,
                " Units"
              ] }),
              /* @__PURE__ */ jsxs5("span", { className: "text-[10px] text-slate-400", children: [
                "(",
                formatStock(batch.quantity, viewingBatchProduct),
                ")"
              ] })
            ] }) }),
            /* @__PURE__ */ jsxs5("td", { className: "p-4 text-right font-medium text-red-600", children: [
              "RS. ",
              batch.cost.toFixed(2)
            ] })
          ] }, batch.id)) : /* @__PURE__ */ jsx5("tr", { children: /* @__PURE__ */ jsx5("td", { colSpan: 4, className: "p-8 text-center text-slate-400 italic", children: "No detailed batch data available for this product." }) }) })
        ] }) })
      ] }),
      /* @__PURE__ */ jsx5("div", { className: "p-4 border-t border-slate-100 bg-slate-50 flex justify-end", children: /* @__PURE__ */ jsx5("button", { onClick: () => setViewingBatchProduct(null), className: "px-8 py-2 bg-slate-900 text-white rounded-lg font-bold text-sm shadow-lg hover:bg-slate-800 transition-all", children: "Close Details" }) })
    ] }) }),
    isModalOpen && /* @__PURE__ */ jsx5("div", { className: "fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs5("div", { className: "bg-white w-full max-w-2xl rounded-xl shadow-2xl overflow-hidden animate-in fade-in zoom-in duration-200 max-h-[90vh] flex flex-col", children: [
      /* @__PURE__ */ jsxs5("div", { className: "p-4 border-b border-slate-100 flex justify-between items-center bg-slate-50", children: [
        /* @__PURE__ */ jsx5("h3", { className: "font-bold text-lg text-slate-800", children: editingId ? "Edit Product Details" : "Add New Product" }),
        /* @__PURE__ */ jsx5("button", { onClick: () => setIsModalOpen(false), className: "text-slate-400 hover:text-slate-600", children: /* @__PURE__ */ jsx5(X, { size: 20 }) })
      ] }),
      /* @__PURE__ */ jsx5("div", { className: "overflow-y-auto p-6", children: /* @__PURE__ */ jsx5("form", { id: "productForm", onSubmit: handleSubmit, className: "space-y-6", children: /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
        /* @__PURE__ */ jsxs5("div", { className: "col-span-full", children: [
          /* @__PURE__ */ jsx5("label", { className: "block text-xs font-bold text-slate-500 uppercase tracking-widest mb-1", children: "Product Name" }),
          /* @__PURE__ */ jsx5("input", { required: true, type: "text", placeholder: "e.g. Panadol Extra", className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-emerald-500 font-medium", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }) })
        ] }),
        /* @__PURE__ */ jsxs5("div", { children: [
          /* @__PURE__ */ jsx5("label", { className: "block text-xs font-bold text-slate-500 uppercase tracking-widest mb-1", children: "Category" }),
          /* @__PURE__ */ jsxs5("select", { required: true, className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-emerald-500 bg-white font-medium", value: formData.category, onChange: (e) => setFormData({ ...formData, category: e.target.value }), children: [
            /* @__PURE__ */ jsx5("option", { value: "Tablets", children: "Tablets" }),
            /* @__PURE__ */ jsx5("option", { value: "Syrups", children: "Syrups" }),
            /* @__PURE__ */ jsx5("option", { value: "Antibiotics", children: "Antibiotics" }),
            /* @__PURE__ */ jsx5("option", { value: "Injections", children: "Injections" }),
            /* @__PURE__ */ jsx5("option", { value: "Supplements", children: "Supplements" })
          ] })
        ] }),
        /* @__PURE__ */ jsxs5("div", { children: [
          /* @__PURE__ */ jsx5("label", { className: "block text-xs font-bold text-slate-500 uppercase tracking-widest mb-1", children: "Batch Number" }),
          /* @__PURE__ */ jsx5("input", { required: true, type: "text", className: "w-full px-3 py-2 border border-slate-300 rounded-lg font-mono text-sm", value: formData.batchNumber, onChange: (e) => setFormData({ ...formData, batchNumber: e.target.value }) })
        ] }),
        isTablet && /* @__PURE__ */ jsxs5(Fragment, { children: [
          /* @__PURE__ */ jsxs5("div", { children: [
            /* @__PURE__ */ jsx5("label", { className: "block text-xs font-bold text-slate-500 uppercase tracking-widest mb-1", children: "Strips per Pack" }),
            /* @__PURE__ */ jsx5("input", { required: true, type: "number", min: "1", className: "w-full px-3 py-2 border border-slate-300 rounded-lg", value: formData.stripsPerPack, onChange: (e) => setFormData({ ...formData, stripsPerPack: parseInt(e.target.value) || 1 }) })
          ] }),
          /* @__PURE__ */ jsxs5("div", { children: [
            /* @__PURE__ */ jsx5("label", { className: "block text-xs font-bold text-slate-500 uppercase tracking-widest mb-1", children: "Units per Strip" }),
            /* @__PURE__ */ jsx5("input", { required: true, type: "number", min: "1", className: "w-full px-3 py-2 border border-slate-300 rounded-lg", value: formData.unitsPerStrip, onChange: (e) => setFormData({ ...formData, unitsPerStrip: parseInt(e.target.value) || 1 }) })
          ] })
        ] }),
        /* @__PURE__ */ jsxs5("div", { children: [
          /* @__PURE__ */ jsx5("label", { className: "block text-xs font-bold text-slate-500 uppercase tracking-widest mb-1", children: "Expiry Date" }),
          /* @__PURE__ */ jsx5("input", { required: true, type: "date", className: "w-full px-3 py-2 border border-slate-300 rounded-lg", value: formData.expiryDate, onChange: (e) => setFormData({ ...formData, expiryDate: e.target.value }) })
        ] }),
        /* @__PURE__ */ jsxs5("div", { children: [
          /* @__PURE__ */ jsx5("label", { className: "block text-xs font-bold text-slate-500 uppercase tracking-widest mb-1", children: "Initial Stock (Units)" }),
          /* @__PURE__ */ jsx5("input", { required: true, type: "number", min: "0", className: "w-full px-3 py-2 border border-slate-300 rounded-lg font-bold text-slate-700", value: formData.stock, onChange: (e) => setFormData({ ...formData, stock: parseInt(e.target.value) || 0 }) })
        ] }),
        /* @__PURE__ */ jsxs5("div", { className: "col-span-full border-t border-slate-100 pt-4", children: [
          /* @__PURE__ */ jsxs5("div", { className: "flex justify-between items-center mb-4", children: [
            /* @__PURE__ */ jsx5("h4", { className: "text-[11px] font-black uppercase text-slate-400 tracking-widest", children: "Selling Prices" }),
            isTablet && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
              /* @__PURE__ */ jsx5(
                "input",
                {
                  type: "checkbox",
                  id: "autoUpdatePricing",
                  checked: formData.autoUpdatePricing,
                  onChange: (e) => setFormData({ ...formData, autoUpdatePricing: e.target.checked }),
                  className: "w-4 h-4 text-emerald-600 rounded focus:ring-emerald-500 cursor-pointer"
                }
              ),
              /* @__PURE__ */ jsxs5("label", { htmlFor: "autoUpdatePricing", className: "text-[10px] font-bold text-slate-500 flex items-center gap-1 uppercase tracking-tight cursor-pointer", children: [
                /* @__PURE__ */ jsx5(RefreshCw, { size: 12, className: formData.autoUpdatePricing ? "animate-spin-slow" : "" }),
                "Sync strips/units"
              ] })
            ] })
          ] }),
          /* @__PURE__ */ jsxs5("div", { className: `grid grid-cols-1 ${isTablet ? "md:grid-cols-3" : ""} gap-4`, children: [
            isTablet && /* @__PURE__ */ jsxs5(Fragment, { children: [
              /* @__PURE__ */ jsxs5("div", { children: [
                /* @__PURE__ */ jsx5("label", { className: "block text-[10px] font-bold text-slate-500 uppercase mb-1", children: "Price per Pack" }),
                /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
                  /* @__PURE__ */ jsx5("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400 font-bold", children: "RS." }),
                  /* @__PURE__ */ jsx5("input", { required: true, type: "number", step: "0.01", className: "w-full pl-10 pr-3 py-2 border border-emerald-500/30 bg-emerald-50/10 rounded-lg font-bold text-emerald-600 focus:ring-2 focus:ring-emerald-500 outline-none", value: formData.pricePack, onChange: (e) => setFormData({ ...formData, pricePack: parseFloat(e.target.value) || 0 }) })
                ] })
              ] }),
              /* @__PURE__ */ jsxs5("div", { children: [
                /* @__PURE__ */ jsx5("label", { className: "block text-[10px] font-bold text-slate-500 uppercase mb-1", children: "Price per Strip" }),
                /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
                  /* @__PURE__ */ jsx5("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400 font-bold", children: "RS." }),
                  /* @__PURE__ */ jsx5("input", { required: true, type: "number", step: "0.01", className: `w-full pl-10 pr-3 py-2 border border-slate-300 rounded-lg font-bold text-emerald-600 focus:ring-2 focus:ring-emerald-500 outline-none ${formData.autoUpdatePricing ? "bg-slate-50 cursor-not-allowed opacity-70" : ""}`, value: formData.priceStrip, onChange: (e) => setFormData({ ...formData, priceStrip: parseFloat(e.target.value) || 0 }), disabled: formData.autoUpdatePricing })
                ] })
              ] })
            ] }),
            /* @__PURE__ */ jsxs5("div", { children: [
              /* @__PURE__ */ jsx5("label", { className: "block text-[10px] font-bold text-slate-500 uppercase mb-1", children: isTablet ? "Price per Unit" : "Selling Price (per Unit)" }),
              /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
                /* @__PURE__ */ jsx5("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400 font-bold", children: "RS." }),
                /* @__PURE__ */ jsx5("input", { required: true, type: "number", step: "0.01", className: `w-full pl-10 pr-3 py-2 border border-slate-300 rounded-lg font-bold text-emerald-600 focus:ring-2 focus:ring-emerald-500 outline-none ${isTablet && formData.autoUpdatePricing ? "bg-slate-50 cursor-not-allowed opacity-70" : ""}`, value: formData.priceUnit, onChange: (e) => setFormData({ ...formData, priceUnit: parseFloat(e.target.value) || 0 }), disabled: isTablet && formData.autoUpdatePricing })
              ] })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsxs5("div", { className: "col-span-full", children: [
          /* @__PURE__ */ jsx5("label", { className: "block text-xs font-bold text-slate-500 uppercase tracking-widest mb-1", children: "Cost per Unit (RS.)" }),
          /* @__PURE__ */ jsx5("input", { required: true, type: "number", step: "0.01", className: "w-full px-3 py-2 border border-red-300 rounded-lg font-medium text-red-600", value: formData.cost, onChange: (e) => setFormData({ ...formData, cost: parseFloat(e.target.value) || 0 }) })
        ] })
      ] }) }) }),
      /* @__PURE__ */ jsxs5("div", { className: "p-4 border-t border-slate-100 bg-slate-50 flex gap-3", children: [
        /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => setIsModalOpen(false), className: "flex-1 px-4 py-2 border border-slate-300 text-slate-700 rounded-lg hover:bg-slate-50 font-bold transition-all", children: "Cancel" }),
        /* @__PURE__ */ jsx5("button", { type: "submit", form: "productForm", className: "flex-1 px-4 py-2 bg-emerald-600 text-white rounded-lg hover:bg-emerald-700 font-bold transition-all shadow-md active:scale-[0.98]", children: editingId ? "Save Changes" : "Register Product" })
      ] })
    ] }) })
  ] });
};
var Inventory_default = Inventory;

// components/Reports.tsx
import { useState as useState4, useMemo as useMemo2 } from "react";

// services/geminiService.ts
import { GoogleGenAI } from "@google/genai";
var apiKey = "";
var analyzeFinancialData = async (summary, timeframe) => {
  if (!apiKey) {
    console.warn("Gemini API key is not configured. AI features are disabled.");
    return "AI insight is unavailable. The Google Gemini API key has not been configured in the application's build environment.";
  }
  const ai = new GoogleGenAI({ apiKey });
  const model = "gemini-3-pro-preview";
  const prompt = `
    Analyze the following financial summary for a small medical store for the ${timeframe.toLowerCase()} period.
    Provide a concise, actionable business insight based on these numbers.
    Do not just list the numbers back. Explain what they mean for the business's health.
    Focus on profitability, cash flow, and any potential red flags.
    Keep the analysis to 2-3 short sentences. Be professional and encouraging.

Financial Summary:
    - Total Sales Revenue: RS. ${summary.sales.toLocaleString()}
    - Cost of Goods Sold: RS. ${summary.costOfGoods.toLocaleString()}
    - Total Procurement Cost (New Inventory): RS. ${summary.procurement.toLocaleString()}
    - Total Overhead Expenses: RS. ${summary.overhead.toLocaleString()}
    - Net Profit: RS. ${summary.netProfit.toLocaleString()}
    - Current Inventory Valuation (at cost): RS. ${summary.inventoryValuation.toLocaleString()}
    - Top Vendor by spending: ${summary.vendorPerformance.length > 0 ? `${summary.vendorPerformance[0].name} (RS. ${summary.vendorPerformance[0].totalCost.toLocaleString()})` : "N/A"}

Example output: "Your sales are strong this ${timeframe.toLowerCase()}, but high procurement costs are impacting your net profit. Consider negotiating with your top supplier or exploring alternatives to improve margins."
  `;
  try {
    const response = await ai.models.generateContent({
      model,
      contents: prompt
    });
    const analysisText = response.text;
    if (analysisText) {
      return analysisText;
    } else {
      return "Could not generate analysis. The response was empty.";
    }
  } catch (error) {
    console.error("Error analyzing financial data with Gemini:", error);
    return "Failed to generate AI insight due to an API error. Please check your connection and API key configuration.";
  }
};

// components/Reports.tsx
import {
  TrendingUp as TrendingUp2,
  DollarSign as DollarSign3,
  Sparkles,
  Filter,
  ChevronRight,
  BarChart3 as BarChart32,
  Receipt as Receipt2,
  Package as Package3,
  Truck as Truck2,
  Wallet,
  Scale,
  Calculator,
  XCircle,
  Activity,
  Users as Users2,
  BarChart as BarChartIcon,
  ShoppingBag
} from "lucide-react";
import {
  BarChart,
  Bar,
  XAxis as XAxis2,
  YAxis as YAxis2,
  CartesianGrid as CartesianGrid2,
  Tooltip as Tooltip2,
  Legend,
  ResponsiveContainer as ResponsiveContainer2,
  PieChart,
  Pie,
  Cell,
  AreaChart as AreaChart2,
  Area as Area2
} from "recharts";
import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
var COLORS = ["#10b981", "#3b82f6", "#f59e0b", "#ef4444", "#8b5cf6", "#ec4899"];
var Reports = ({ sales, purchases, expenditures, products, vendors }) => {
  const [activeTab, setActiveTab] = useState4("SALES");
  const [timeframe, setTimeframe] = useState4("MONTHLY");
  const [aiAnalysis, setAiAnalysis] = useState4(null);
  const [loading, setLoading] = useState4(false);
  const today = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
  const currentMonth = today.slice(0, 7);
  const currentYear = today.slice(0, 4);
  const filteredSales = useMemo2(() => {
    if (timeframe === "DAILY") return sales.filter((s) => s.date === today);
    if (timeframe === "MONTHLY") return sales.filter((s) => s.date.startsWith(currentMonth));
    return sales.filter((s) => s.date.startsWith(currentYear));
  }, [sales, timeframe, today, currentMonth, currentYear]);
  const filteredPurchases = useMemo2(() => {
    const received = purchases.filter((p) => p.status === "Received");
    if (timeframe === "DAILY") return received.filter((p) => p.date === today);
    if (timeframe === "MONTHLY") return received.filter((p) => p.date.startsWith(currentMonth));
    return received.filter((p) => p.date.startsWith(currentYear));
  }, [purchases, timeframe, today, currentMonth, currentYear]);
  const filteredExpenditures = useMemo2(() => {
    if (timeframe === "DAILY") return expenditures.filter((e) => e.date === today);
    if (timeframe === "MONTHLY") return expenditures.filter((e) => e.date.startsWith(currentMonth));
    return expenditures.filter((e) => e.date.startsWith(currentYear));
  }, [expenditures, timeframe, today, currentMonth, currentYear]);
  const vendorPurchaseSummary = useMemo2(() => {
    const summary = {};
    filteredPurchases.forEach((p) => {
      if (!summary[p.vendorId]) {
        summary[p.vendorId] = { name: p.vendorName, totalOrders: 0, totalCost: 0 };
      }
      summary[p.vendorId].totalOrders += 1;
      summary[p.vendorId].totalCost += p.totalCost;
    });
    return Object.values(summary).sort((a, b) => b.totalCost - a.totalCost);
  }, [filteredPurchases]);
  const totalRevenue = filteredSales.reduce((acc, s) => acc + s.totalAmount, 0);
  const totalPurchaseCost = filteredPurchases.reduce((acc, p) => acc + p.totalCost, 0);
  const totalOperatingExpense = filteredExpenditures.reduce((acc, e) => acc + e.amount, 0);
  const totalOrdersCount = filteredPurchases.length;
  const costOfGoodsSold = useMemo2(() => {
    return filteredSales.reduce((totalCost, sale) => {
      return totalCost + sale.items.reduce((saleCost, item) => {
        const productDetails = products.find((p) => p.id === item.id);
        if (!productDetails) return saleCost;
        let unitsSold = item.quantity;
        if (item.saleUnit === "Pack") {
          unitsSold *= item.stripsPerPack * item.unitsPerStrip;
        } else if (item.saleUnit === "Strip") {
          unitsSold *= item.unitsPerStrip;
        }
        return saleCost + unitsSold * productDetails.cost;
      }, 0);
    }, 0);
  }, [filteredSales, products]);
  const grossProfit = totalRevenue - costOfGoodsSold;
  const netIncome = grossProfit - totalOperatingExpense;
  const profitMargin = totalRevenue > 0 ? netIncome / totalRevenue * 100 : 0;
  const inventoryValueAtCost = products.reduce((acc, p) => acc + p.stock * p.cost, 0);
  const inventoryValueAtPrice = products.reduce((acc, p) => acc + p.stock * p.priceUnit, 0);
  const potentialProfit = inventoryValueAtPrice - inventoryValueAtCost;
  const handleGenerateInsight = async () => {
    setLoading(true);
    const summary = {
      sales: totalRevenue,
      costOfGoods: costOfGoodsSold,
      procurement: totalPurchaseCost,
      overhead: totalOperatingExpense,
      inventoryValuation: inventoryValueAtCost,
      netProfit: netIncome,
      timeframe,
      vendorPerformance: vendorPurchaseSummary
    };
    const analysis = await analyzeFinancialData(summary, timeframe);
    setAiAnalysis(analysis);
    setLoading(false);
  };
  const navItems = [
    { id: "SALES", label: "Sale Reports", icon: /* @__PURE__ */ jsx6(TrendingUp2, { size: 18 }) },
    { id: "PURCHASES", label: "Purchase & Vendor Reports", icon: /* @__PURE__ */ jsx6(Truck2, { size: 18 }) },
    { id: "EXPENDITURES", label: "Expenditure Reports", icon: /* @__PURE__ */ jsx6(Receipt2, { size: 18 }) },
    { id: "CASH", label: "Cash Flow", icon: /* @__PURE__ */ jsx6(Wallet, { size: 18 }) },
    { id: "INVENTORY", label: "Inventory Reports", icon: /* @__PURE__ */ jsx6(Package3, { size: 18 }) },
    { id: "BALANCE_SHEET", label: "Balance Sheet", icon: /* @__PURE__ */ jsx6(Scale, { size: 18 }) },
    { id: "INCOME_SHEET", label: "Income Sheet", icon: /* @__PURE__ */ jsx6(Calculator, { size: 18 }) },
    { id: "PROFIT_LOSS", label: "Profit & Loss", icon: /* @__PURE__ */ jsx6(BarChart32, { size: 18 }) }
  ];
  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col xl:flex-row gap-8 min-h-screen pb-20", children: [
    /* @__PURE__ */ jsxs6("div", { className: "w-full xl:w-72 space-y-2", children: [
      /* @__PURE__ */ jsx6("div", { className: "mb-6 px-4", children: /* @__PURE__ */ jsx6("h3", { className: "text-[10px] font-black text-slate-400 uppercase tracking-[0.2em]", children: "Reports Navigator" }) }),
      /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap xl:flex-col gap-2", children: navItems.map((item) => /* @__PURE__ */ jsxs6(
        "button",
        {
          onClick: () => {
            setActiveTab(item.id);
            setAiAnalysis(null);
          },
          className: `flex items-center gap-3 px-5 py-3.5 rounded-2xl font-bold transition-all ${activeTab === item.id ? "bg-emerald-600 text-white shadow-xl shadow-emerald-600/20 translate-x-1" : "bg-white text-slate-500 hover:bg-slate-50 border border-slate-100"}`,
          children: [
            item.icon,
            /* @__PURE__ */ jsx6("span", { className: "text-sm", children: item.label }),
            activeTab === item.id && /* @__PURE__ */ jsx6(ChevronRight, { size: 16, className: "ml-auto" })
          ]
        },
        item.id
      )) }),
      /* @__PURE__ */ jsxs6("div", { className: "mt-8 bg-slate-900 rounded-3xl p-6 text-white overflow-hidden relative group", children: [
        /* @__PURE__ */ jsx6("div", { className: "absolute -right-4 -top-4 opacity-10 group-hover:scale-110 transition-transform", children: /* @__PURE__ */ jsx6(Sparkles, { size: 100 }) }),
        /* @__PURE__ */ jsxs6("div", { className: "relative z-10", children: [
          /* @__PURE__ */ jsxs6("h4", { className: "font-bold mb-2 flex items-center gap-2", children: [
            /* @__PURE__ */ jsx6(Sparkles, { className: "text-emerald-400", size: 16 }),
            "AI Analyst"
          ] }),
          /* @__PURE__ */ jsxs6("p", { className: "text-xs text-slate-400 mb-4 leading-relaxed", children: [
            "Let Gemini analyze your ",
            activeTab.toLowerCase().replace("& ", "").replace("reports", ""),
            " for ",
            timeframe.toLowerCase(),
            " trends."
          ] }),
          /* @__PURE__ */ jsx6(
            "button",
            {
              onClick: handleGenerateInsight,
              disabled: loading,
              className: "w-full py-2.5 bg-emerald-600 hover:bg-emerald-500 rounded-xl text-xs font-black transition-all disabled:opacity-50",
              children: loading ? "Analyzing..." : "Generate Insight"
            }
          )
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsxs6("div", { className: "flex-1 space-y-6", children: [
      /* @__PURE__ */ jsxs6("div", { className: "bg-white p-6 rounded-[2rem] shadow-sm border border-slate-200 flex flex-col md:flex-row justify-between items-center gap-4", children: [
        /* @__PURE__ */ jsxs6("div", { children: [
          /* @__PURE__ */ jsx6("h2", { className: "text-2xl font-black text-slate-900 uppercase tracking-tight", children: navItems.find((n) => n.id === activeTab)?.label }),
          /* @__PURE__ */ jsxs6("p", { className: "text-sm text-slate-500 font-medium", children: [
            "Performance Metrics: ",
            timeframe,
            " Review"
          ] })
        ] }),
        /* @__PURE__ */ jsx6("div", { className: "flex items-center bg-slate-100 p-1.5 rounded-2xl shadow-inner", children: ["DAILY", "MONTHLY", "YEARLY"].map((t) => /* @__PURE__ */ jsx6(
          "button",
          {
            onClick: () => setTimeframe(t),
            className: `px-6 py-2 rounded-xl text-xs font-black transition-all ${timeframe === t ? "bg-white text-emerald-600 shadow-sm" : "text-slate-500 hover:text-slate-700"}`,
            children: t
          },
          t
        )) })
      ] }),
      aiAnalysis && /* @__PURE__ */ jsxs6("div", { className: "bg-emerald-50 border border-emerald-100 p-8 rounded-[2.5rem] relative animate-in slide-in-from-top-4 duration-500 shadow-sm", children: [
        /* @__PURE__ */ jsx6("button", { onClick: () => setAiAnalysis(null), className: "absolute top-6 right-6 text-emerald-300 hover:text-emerald-600", children: /* @__PURE__ */ jsx6(XCircle, { size: 24 }) }),
        /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ jsx6("div", { className: "p-3 bg-white rounded-2xl shadow-sm", children: /* @__PURE__ */ jsx6(Sparkles, { className: "text-emerald-600", size: 24 }) }),
          /* @__PURE__ */ jsxs6("div", { className: "flex-1", children: [
            /* @__PURE__ */ jsxs6("h4", { className: "font-black text-emerald-900 mb-2 uppercase tracking-widest text-[10px]", children: [
              "Strategic Business Insight (",
              timeframe,
              ")"
            ] }),
            /* @__PURE__ */ jsx6("p", { className: "text-emerald-800 leading-relaxed font-medium text-sm", children: aiAnalysis })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ jsxs6("div", { className: "space-y-8", children: [
        activeTab === "SALES" && /* @__PURE__ */ jsxs6("div", { className: "space-y-6 animate-in fade-in duration-500", children: [
          /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Total Revenue", value: `RS. ${totalRevenue.toLocaleString()}`, icon: /* @__PURE__ */ jsx6(TrendingUp2, { size: 20 }), color: "text-emerald-600", bg: "bg-emerald-50" }),
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Transactions", value: filteredSales.length.toString(), icon: /* @__PURE__ */ jsx6(Receipt2, { size: 20 }), color: "text-blue-600", bg: "bg-blue-50" }),
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Daily Sales Avg.", value: `RS. ${(totalRevenue / (timeframe === "YEARLY" ? 365 : timeframe === "MONTHLY" ? 30 : 1)).toLocaleString(void 0, { maximumFractionDigits: 0 })}`, icon: /* @__PURE__ */ jsx6(Activity, { size: 20 }), color: "text-amber-600", bg: "bg-amber-50" })
          ] }),
          /* @__PURE__ */ jsxs6("div", { className: "bg-white p-8 rounded-[2.5rem] border border-slate-200 shadow-sm", children: [
            /* @__PURE__ */ jsxs6("h4", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest mb-6", children: [
              "Revenue Growth Trend (",
              timeframe,
              ")"
            ] }),
            /* @__PURE__ */ jsx6("div", { className: "h-80", children: /* @__PURE__ */ jsx6(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs6(AreaChart2, { data: filteredSales.length ? filteredSales.map((s) => ({ name: s.date.slice(-5), value: s.totalAmount })) : [{ name: "N/A", value: 0 }], children: [
              /* @__PURE__ */ jsx6("defs", { children: /* @__PURE__ */ jsxs6("linearGradient", { id: "colorSales", x1: "0", y1: "0", x2: "0", y2: "1", children: [
                /* @__PURE__ */ jsx6("stop", { offset: "5%", stopColor: "#10b981", stopOpacity: 0.1 }),
                /* @__PURE__ */ jsx6("stop", { offset: "95%", stopColor: "#10b981", stopOpacity: 0 })
              ] }) }),
              /* @__PURE__ */ jsx6(CartesianGrid2, { strokeDasharray: "3 3", vertical: false, stroke: "#f1f5f9" }),
              /* @__PURE__ */ jsx6(XAxis2, { dataKey: "name", axisLine: false, tickLine: false, tick: { fontSize: 10, fill: "#94a3b8" } }),
              /* @__PURE__ */ jsx6(YAxis2, { axisLine: false, tickLine: false, tick: { fontSize: 10, fill: "#94a3b8" } }),
              /* @__PURE__ */ jsx6(Tooltip2, { contentStyle: { borderRadius: "16px", border: "none", boxShadow: "0 10px 15px -3px rgba(0,0,0,0.1)" } }),
              /* @__PURE__ */ jsx6(Area2, { type: "monotone", dataKey: "value", stroke: "#10b981", strokeWidth: 3, fillOpacity: 1, fill: "url(#colorSales)" })
            ] }) }) })
          ] })
        ] }),
        activeTab === "PURCHASES" && /* @__PURE__ */ jsxs6("div", { className: "space-y-6 animate-in fade-in duration-500", children: [
          /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Total Cost of Orders", value: `RS. ${totalPurchaseCost.toLocaleString()}`, icon: /* @__PURE__ */ jsx6(Truck2, { size: 20 }), color: "text-red-600", bg: "bg-red-50" }),
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Total Orders Count", value: totalOrdersCount.toString(), icon: /* @__PURE__ */ jsx6(ShoppingBag, { size: 20 }), color: "text-blue-600", bg: "bg-blue-50" }),
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Suppliers Involved", value: new Set(filteredPurchases.map((p) => p.vendorId)).size.toString(), icon: /* @__PURE__ */ jsx6(Users2, { size: 20 }), color: "text-amber-600", bg: "bg-amber-50" })
          ] }),
          /* @__PURE__ */ jsxs6("div", { className: "bg-white p-8 rounded-[2.5rem] border border-slate-200 shadow-sm", children: [
            /* @__PURE__ */ jsx6("div", { className: "flex justify-between items-center mb-6", children: /* @__PURE__ */ jsxs6("h4", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest", children: [
              "Supplier Purchase Summary (",
              timeframe,
              ")"
            ] }) }),
            /* @__PURE__ */ jsx6("div", { className: "overflow-x-auto rounded-2xl border border-slate-50", children: /* @__PURE__ */ jsxs6("table", { className: "w-full text-left", children: [
              /* @__PURE__ */ jsx6("thead", { className: "bg-slate-50 border-b border-slate-100 text-[10px] font-black uppercase tracking-widest text-slate-400", children: /* @__PURE__ */ jsxs6("tr", { children: [
                /* @__PURE__ */ jsx6("th", { className: "px-6 py-4", children: "Vendor / Supplier Name" }),
                /* @__PURE__ */ jsx6("th", { className: "px-6 py-4 text-center", children: "Total Orders" }),
                /* @__PURE__ */ jsx6("th", { className: "px-6 py-4 text-right", children: "Total Purchase Cost" })
              ] }) }),
              /* @__PURE__ */ jsxs6("tbody", { className: "divide-y divide-slate-50", children: [
                vendorPurchaseSummary.map((v, idx) => /* @__PURE__ */ jsxs6("tr", { className: "hover:bg-slate-50 transition-colors group", children: [
                  /* @__PURE__ */ jsxs6("td", { className: "px-6 py-4 flex items-center gap-3 font-bold text-slate-900", children: [
                    /* @__PURE__ */ jsx6("div", { className: "w-8 h-8 rounded-full bg-slate-100 flex items-center justify-center text-[10px] text-slate-400 group-hover:bg-emerald-100 group-hover:text-emerald-600 transition-colors", children: v.name.charAt(0) }),
                    v.name
                  ] }),
                  /* @__PURE__ */ jsx6("td", { className: "px-6 py-4 text-center font-medium text-slate-600", children: /* @__PURE__ */ jsxs6("span", { className: "px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-xs font-bold", children: [
                    v.totalOrders,
                    " POs"
                  ] }) }),
                  /* @__PURE__ */ jsxs6("td", { className: "px-6 py-4 text-right font-black text-red-600", children: [
                    "RS. ",
                    v.totalCost.toLocaleString()
                  ] })
                ] }, idx)),
                vendorPurchaseSummary.length === 0 && /* @__PURE__ */ jsx6("tr", { children: /* @__PURE__ */ jsx6("td", { colSpan: 3, className: "p-20 text-center text-slate-400 italic", children: "No purchase records found for this timeframe." }) })
              ] })
            ] }) })
          ] }),
          /* @__PURE__ */ jsxs6("div", { className: "bg-white p-8 rounded-[2.5rem] border border-slate-200 shadow-sm", children: [
            /* @__PURE__ */ jsxs6("h4", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest mb-6", children: [
              "Procurement Cost Trend (",
              timeframe,
              ")"
            ] }),
            /* @__PURE__ */ jsx6("div", { className: "h-64", children: /* @__PURE__ */ jsx6(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs6(BarChart, { data: filteredPurchases.length ? filteredPurchases.map((p) => ({ name: p.date.slice(-5), cost: p.totalCost })) : [{ name: "N/A", cost: 0 }], children: [
              /* @__PURE__ */ jsx6(CartesianGrid2, { strokeDasharray: "3 3", vertical: false, stroke: "#f1f5f9" }),
              /* @__PURE__ */ jsx6(XAxis2, { dataKey: "name", axisLine: false, tickLine: false, tick: { fontSize: 10 } }),
              /* @__PURE__ */ jsx6(YAxis2, { axisLine: false, tickLine: false, tick: { fontSize: 10 } }),
              /* @__PURE__ */ jsx6(Tooltip2, { cursor: { fill: "#f8fafc" }, contentStyle: { borderRadius: "12px", border: "none", boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)" } }),
              /* @__PURE__ */ jsx6(Bar, { dataKey: "cost", fill: "#ef4444", radius: [6, 6, 0, 0], barSize: 20 })
            ] }) }) })
          ] })
        ] }),
        activeTab === "EXPENDITURES" && /* @__PURE__ */ jsxs6("div", { className: "space-y-6 animate-in fade-in duration-500", children: [
          /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Total Operating Exp.", value: `RS. ${totalOperatingExpense.toLocaleString()}`, icon: /* @__PURE__ */ jsx6(Receipt2, { size: 20 }), color: "text-red-600", bg: "bg-red-50" }),
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Active Categories", value: new Set(filteredExpenditures.map((e) => e.category)).size.toString(), icon: /* @__PURE__ */ jsx6(Filter, { size: 20 }), color: "text-slate-600", bg: "bg-slate-50" })
          ] }),
          /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [
            /* @__PURE__ */ jsxs6("div", { className: "bg-white p-8 rounded-[2.5rem] border border-slate-200 shadow-sm", children: [
              /* @__PURE__ */ jsx6("h4", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest mb-6", children: "Expenditure Category Mix" }),
              /* @__PURE__ */ jsx6("div", { className: "h-64", children: /* @__PURE__ */ jsx6(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs6(PieChart, { children: [
                /* @__PURE__ */ jsx6(
                  Pie,
                  {
                    data: Object.entries(filteredExpenditures.reduce((acc, e) => ({ ...acc, [e.category]: (acc[e.category] || 0) + e.amount }), {})).map(([k, v]) => ({ name: k, value: v })),
                    innerRadius: 60,
                    outerRadius: 80,
                    paddingAngle: 5,
                    dataKey: "value",
                    children: COLORS.map((c, i) => /* @__PURE__ */ jsx6(Cell, { fill: c }, i))
                  }
                ),
                /* @__PURE__ */ jsx6(Tooltip2, {}),
                /* @__PURE__ */ jsx6(Legend, {})
              ] }) }) })
            ] }),
            /* @__PURE__ */ jsxs6("div", { className: "bg-white p-6 rounded-[2.5rem] border border-slate-200 overflow-y-auto max-h-[400px] shadow-sm", children: [
              /* @__PURE__ */ jsx6("h4", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest mb-4 px-2", children: "Recent Expense Ledger" }),
              /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
                filteredExpenditures.map((e) => /* @__PURE__ */ jsxs6("div", { className: "flex justify-between items-center p-4 bg-slate-50 rounded-2xl hover:bg-slate-100 transition-colors", children: [
                  /* @__PURE__ */ jsxs6("div", { children: [
                    /* @__PURE__ */ jsx6("p", { className: "text-sm font-bold text-slate-900", children: e.description }),
                    /* @__PURE__ */ jsxs6("p", { className: "text-[10px] font-bold text-slate-400 uppercase", children: [
                      e.category,
                      " \u2022 ",
                      e.date
                    ] })
                  ] }),
                  /* @__PURE__ */ jsxs6("span", { className: "font-black text-red-600 text-sm", children: [
                    "RS. ",
                    e.amount.toLocaleString()
                  ] })
                ] }, e.id)),
                filteredExpenditures.length === 0 && /* @__PURE__ */ jsx6("p", { className: "p-10 text-center text-slate-400 italic", children: "No expenses recorded for this period." })
              ] })
            ] })
          ] })
        ] }),
        activeTab === "CASH" && /* @__PURE__ */ jsx6("div", { className: "space-y-6 animate-in fade-in duration-500", children: /* @__PURE__ */ jsxs6("div", { className: "bg-white p-12 rounded-[3.5rem] border border-slate-200 shadow-sm", children: [
          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col sm:flex-row justify-between items-start mb-12 gap-6", children: [
            /* @__PURE__ */ jsxs6("div", { children: [
              /* @__PURE__ */ jsx6("h3", { className: "text-2xl font-black text-slate-900 uppercase", children: "Cash Flow Analysis" }),
              /* @__PURE__ */ jsx6("p", { className: "text-sm text-slate-500 mt-1", children: "Comparison of liquid capital inflow and outflow" })
            ] }),
            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-6 bg-slate-50 p-4 rounded-3xl border border-slate-100", children: [
              /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 text-[10px] font-black uppercase text-emerald-600", children: [
                /* @__PURE__ */ jsx6("div", { className: "w-3 h-3 bg-emerald-500 rounded-full animate-pulse" }),
                " Sales Inflow"
              ] }),
              /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 text-[10px] font-black uppercase text-red-600", children: [
                /* @__PURE__ */ jsx6("div", { className: "w-3 h-3 bg-red-500 rounded-full" }),
                " Operational Outflow"
              ] })
            ] })
          ] }),
          /* @__PURE__ */ jsx6("div", { className: "h-80", children: /* @__PURE__ */ jsx6(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs6(BarChart, { data: [{ name: "Cash In (Sales)", val: totalRevenue }, { name: "Cash Out (Exp + PO)", val: totalPurchaseCost + totalOperatingExpense }], children: [
            /* @__PURE__ */ jsx6(CartesianGrid2, { strokeDasharray: "3 3", vertical: false, stroke: "#f1f5f9" }),
            /* @__PURE__ */ jsx6(XAxis2, { dataKey: "name", axisLine: false, tickLine: false, tick: { fontSize: 10, fontWeight: "bold" } }),
            /* @__PURE__ */ jsx6(YAxis2, { axisLine: false, tickLine: false, tick: { fontSize: 10 } }),
            /* @__PURE__ */ jsx6(Tooltip2, { cursor: { fill: "transparent" } }),
            /* @__PURE__ */ jsxs6(Bar, { dataKey: "val", radius: [15, 15, 0, 0], children: [
              /* @__PURE__ */ jsx6(Cell, { fill: "#10b981" }),
              /* @__PURE__ */ jsx6(Cell, { fill: "#ef4444" })
            ] })
          ] }) }) }),
          /* @__PURE__ */ jsxs6("div", { className: "mt-12 pt-10 border-t border-slate-100 grid grid-cols-1 md:grid-cols-3 gap-8", children: [
            /* @__PURE__ */ jsxs6("div", { className: "text-center", children: [
              /* @__PURE__ */ jsx6("p", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1", children: "Inflow Volume" }),
              /* @__PURE__ */ jsxs6("p", { className: "text-2xl font-black text-emerald-600", children: [
                "RS. ",
                totalRevenue.toLocaleString()
              ] })
            ] }),
            /* @__PURE__ */ jsxs6("div", { className: "text-center", children: [
              /* @__PURE__ */ jsx6("p", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1", children: "Outflow Volume" }),
              /* @__PURE__ */ jsxs6("p", { className: "text-2xl font-black text-red-600", children: [
                "RS. ",
                (totalPurchaseCost + totalOperatingExpense).toLocaleString()
              ] })
            ] }),
            /* @__PURE__ */ jsxs6("div", { className: "text-center bg-slate-900 p-6 rounded-3xl text-white", children: [
              /* @__PURE__ */ jsx6("p", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1", children: "Net Cash Delta" }),
              /* @__PURE__ */ jsxs6("p", { className: "text-2xl font-black", children: [
                "RS. ",
                (totalRevenue - (totalPurchaseCost + totalOperatingExpense)).toLocaleString()
              ] })
            ] })
          ] })
        ] }) }),
        activeTab === "INVENTORY" && /* @__PURE__ */ jsxs6("div", { className: "space-y-6 animate-in fade-in duration-500", children: [
          /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Inventory Valuation (Cost)", value: `RS. ${inventoryValueAtCost.toLocaleString()}`, icon: /* @__PURE__ */ jsx6(Package3, { size: 20 }), color: "text-slate-900", bg: "bg-slate-100" }),
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Potential Market Value", value: `RS. ${inventoryValueAtPrice.toLocaleString()}`, icon: /* @__PURE__ */ jsx6(TrendingUp2, { size: 20 }), color: "text-emerald-600", bg: "bg-emerald-50" }),
            /* @__PURE__ */ jsx6(ReportStatCard, { title: "Expected Margin", value: `RS. ${potentialProfit.toLocaleString()}`, icon: /* @__PURE__ */ jsx6(DollarSign3, { size: 20 }), color: "text-blue-600", bg: "bg-blue-50" })
          ] }),
          /* @__PURE__ */ jsxs6("div", { className: "bg-white p-10 rounded-[2.5rem] border border-slate-200 shadow-sm", children: [
            /* @__PURE__ */ jsx6("h4", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest mb-8", children: "Asset Concentration by Category" }),
            /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 gap-6", children: Object.entries(products.reduce((acc, p) => ({ ...acc, [p.category]: (acc[p.category] || 0) + p.stock * p.cost }), {})).map(([cat, value]) => /* @__PURE__ */ jsxs6("div", { className: "p-5 bg-slate-50 rounded-[2rem] border border-slate-100 hover:border-emerald-200 hover:bg-white transition-all group", children: [
              /* @__PURE__ */ jsx6("p", { className: "text-[9px] font-black text-slate-400 uppercase tracking-tighter mb-1 truncate", children: cat }),
              /* @__PURE__ */ jsxs6("p", { className: "text-sm font-black text-slate-900 truncate", children: [
                "RS. ",
                Number(value).toLocaleString()
              ] }),
              /* @__PURE__ */ jsx6("div", { className: "h-1 w-0 bg-emerald-500 mt-2 rounded-full group-hover:w-full transition-all duration-500" })
            ] }, cat)) })
          ] })
        ] }),
        activeTab === "BALANCE_SHEET" && /* @__PURE__ */ jsxs6("div", { className: "bg-white p-16 rounded-[4rem] border border-slate-200 max-w-4xl mx-auto shadow-2xl animate-in fade-in duration-500", children: [
          /* @__PURE__ */ jsxs6("div", { className: "text-center mb-20 border-b border-slate-100 pb-12", children: [
            /* @__PURE__ */ jsx6("h2", { className: "text-4xl font-black text-slate-900 tracking-tighter uppercase", children: "Balance Sheet" }),
            /* @__PURE__ */ jsxs6("p", { className: "text-slate-400 font-bold uppercase tracking-[0.3em] mt-3 text-xs", children: [
              "As of ",
              (/* @__PURE__ */ new Date()).toLocaleDateString(),
              " \u2022 Abdullah Medical Store"
            ] })
          ] }),
          /* @__PURE__ */ jsxs6("div", { className: "space-y-16", children: [
            /* @__PURE__ */ jsxs6("section", { children: [
              /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-4 mb-8", children: [
                /* @__PURE__ */ jsx6("div", { className: "h-10 w-10 rounded-2xl bg-emerald-600 text-white flex items-center justify-center shadow-lg shadow-emerald-600/20", children: /* @__PURE__ */ jsx6(Activity, { size: 20 }) }),
                /* @__PURE__ */ jsx6("h3", { className: "text-sm font-black text-slate-900 uppercase tracking-widest", children: "Current & Fixed Assets" })
              ] }),
              /* @__PURE__ */ jsxs6("div", { className: "space-y-4 px-4", children: [
                /* @__PURE__ */ jsx6(LedgerRow, { label: "Liquid Cash in Hand (Projected)", amount: totalRevenue * 0.35 }),
                /* @__PURE__ */ jsx6(LedgerRow, { label: "Drug Inventory (Current Valuation)", amount: inventoryValueAtCost }),
                /* @__PURE__ */ jsx6(LedgerRow, { label: "Accounts Receivable", amount: totalRevenue * 0.05 }),
                /* @__PURE__ */ jsx6(LedgerRow, { label: "Prepaid Shop Overheads", amount: totalOperatingExpense * 0.2 }),
                /* @__PURE__ */ jsxs6("div", { className: "pt-6 border-t border-slate-100 flex justify-between font-black text-slate-900 bg-emerald-50/40 p-6 rounded-3xl mt-6", children: [
                  /* @__PURE__ */ jsx6("span", { className: "uppercase text-[11px] tracking-widest", children: "Total Tangible Assets" }),
                  /* @__PURE__ */ jsxs6("span", { className: "text-xl", children: [
                    "RS. ",
                    (totalRevenue * 0.35 + inventoryValueAtCost + totalRevenue * 0.05 + totalOperatingExpense * 0.2).toLocaleString()
                  ] })
                ] })
              ] })
            ] }),
            /* @__PURE__ */ jsxs6("section", { children: [
              /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-4 mb-8", children: [
                /* @__PURE__ */ jsx6("div", { className: "h-10 w-10 rounded-2xl bg-red-600 text-white flex items-center justify-center shadow-lg shadow-red-600/20", children: /* @__PURE__ */ jsx6(Scale, { size: 20 }) }),
                /* @__PURE__ */ jsx6("h3", { className: "text-sm font-black text-slate-900 uppercase tracking-widest", children: "Liabilities & Owner's Equity" })
              ] }),
              /* @__PURE__ */ jsxs6("div", { className: "space-y-4 px-4", children: [
                /* @__PURE__ */ jsx6(LedgerRow, { label: "Outstanding Supplier Payables (Vendor AP)", amount: vendors.reduce((acc, v) => acc + v.payableAmount, 0) }),
                /* @__PURE__ */ jsx6(LedgerRow, { label: "Accrued Salary & Utilities Payables", amount: totalOperatingExpense * 0.12 }),
                /* @__PURE__ */ jsx6(LedgerRow, { label: "Long-term Business Obligations", amount: 0 }),
                /* @__PURE__ */ jsx6(LedgerRow, { label: "Owner's Invested Capital & Earnings", amount: 5e5 + netIncome }),
                /* @__PURE__ */ jsxs6("div", { className: "pt-6 border-t border-slate-100 flex justify-between font-black text-slate-900 bg-slate-900 text-white p-6 rounded-3xl mt-6", children: [
                  /* @__PURE__ */ jsx6("span", { className: "uppercase text-[11px] tracking-widest", children: "Total Liabilities & Equity" }),
                  /* @__PURE__ */ jsxs6("span", { className: "text-xl", children: [
                    "RS. ",
                    (vendors.reduce((acc, v) => acc + v.payableAmount, 0) + totalOperatingExpense * 0.12 + 5e5 + netIncome).toLocaleString()
                  ] })
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ jsx6("div", { className: "mt-20 pt-10 border-t border-dashed border-slate-200 text-center italic text-slate-300 text-[10px] uppercase font-bold tracking-widest", children: "Internal Accounting Document \u2022 Not for Statutory Audit" })
        ] }),
        activeTab === "INCOME_SHEET" && /* @__PURE__ */ jsxs6("div", { className: "bg-white p-12 rounded-[3rem] border border-slate-200 max-w-4xl mx-auto shadow-sm animate-in fade-in duration-500", children: [
          /* @__PURE__ */ jsx6("h2", { className: "text-center text-3xl font-black text-slate-900 mb-16 tracking-tighter uppercase underline decoration-emerald-500 decoration-8 underline-offset-8", children: "Income Statement" }),
          /* @__PURE__ */ jsxs6("div", { className: "space-y-12", children: [
            /* @__PURE__ */ jsxs6("div", { className: "bg-slate-50 p-10 rounded-[3rem] border border-slate-100 shadow-inner", children: [
              /* @__PURE__ */ jsx6(PLItem, { label: "Total Gross Inflow (Sales)", value: totalRevenue, color: "text-emerald-700", bold: true }),
              /* @__PURE__ */ jsx6(PLItem, { label: "Direct COGS (Cost of Goods Sold)", value: costOfGoodsSold, color: "text-red-500", indent: true }),
              /* @__PURE__ */ jsx6("div", { className: "mt-6 pt-6 border-t-2 border-slate-200", children: /* @__PURE__ */ jsx6(PLItem, { label: "Gross Operating Margin", value: grossProfit, color: "text-slate-900", bold: true, bg: "bg-white px-6 py-3 rounded-2xl border border-slate-100" }) })
            ] }),
            /* @__PURE__ */ jsxs6("div", { className: "px-10 space-y-5", children: [
              /* @__PURE__ */ jsx6("h4", { className: "text-[10px] font-black text-slate-400 uppercase tracking-[0.2em] mb-6", children: "Indirect Expenditure Adjustments" }),
              /* @__PURE__ */ jsx6(PLItem, { label: "General Administrative Overheads", value: totalOperatingExpense, color: "text-red-500" }),
              /* @__PURE__ */ jsx6("div", { className: "mt-12 pt-10 border-t-4 border-slate-900", children: /* @__PURE__ */ jsxs6("div", { className: "flex justify-between items-center bg-[#020617] text-white p-10 rounded-[3rem] shadow-2xl relative overflow-hidden group", children: [
                /* @__PURE__ */ jsx6("div", { className: "absolute top-0 right-0 w-32 h-32 bg-emerald-500/10 rounded-full blur-3xl group-hover:scale-150 transition-transform" }),
                /* @__PURE__ */ jsxs6("div", { className: "relative z-10", children: [
                  /* @__PURE__ */ jsx6("p", { className: "text-[10px] font-black uppercase tracking-[0.3em] text-slate-400", children: "Consolidated Net Profit" }),
                  /* @__PURE__ */ jsxs6("p", { className: "text-5xl font-black mt-2 tracking-tighter", children: [
                    "RS. ",
                    netIncome.toLocaleString()
                  ] })
                ] }),
                /* @__PURE__ */ jsxs6("div", { className: `relative z-10 px-6 py-3 rounded-2xl font-black text-xs tracking-widest border-2 ${netIncome >= 0 ? "bg-emerald-500/10 text-emerald-400 border-emerald-500/20" : "bg-red-500/10 text-red-400 border-red-500/20"}`, children: [
                  profitMargin.toFixed(2),
                  "% MARGIN"
                ] })
              ] }) })
            ] })
          ] })
        ] }),
        activeTab === "PROFIT_LOSS" && /* @__PURE__ */ jsx6("div", { className: "space-y-8 animate-in fade-in duration-500", children: /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10", children: [
          /* @__PURE__ */ jsxs6("div", { className: "bg-white p-12 rounded-[3.5rem] border border-slate-200 shadow-sm relative overflow-hidden", children: [
            /* @__PURE__ */ jsx6("div", { className: "absolute top-0 right-0 p-8 text-slate-100 -mr-10 -mt-10", children: /* @__PURE__ */ jsx6(BarChartIcon, { size: 120 }) }),
            /* @__PURE__ */ jsxs6("h3", { className: "text-2xl font-black text-slate-900 mb-10 pb-6 border-b border-slate-100 flex items-center gap-4 relative z-10", children: [
              /* @__PURE__ */ jsx6(Activity, { className: "text-emerald-500" }),
              " P&L Breakdown"
            ] }),
            /* @__PURE__ */ jsxs6("div", { className: "space-y-7 relative z-10", children: [
              /* @__PURE__ */ jsx6(PLItem, { label: "Inflow (Revenue Volume)", value: totalRevenue, color: "text-emerald-600", bold: true }),
              /* @__PURE__ */ jsx6(PLItem, { label: "Cost of Goods Sold", value: costOfGoodsSold, color: "text-red-500", indent: true }),
              /* @__PURE__ */ jsx6("div", { className: "border-t border-slate-100 pt-6", children: /* @__PURE__ */ jsx6(PLItem, { label: "Operational Gross Profit", value: grossProfit, color: "text-slate-900", bold: true, bg: "bg-slate-50 px-6 py-3 rounded-2xl" }) }),
              /* @__PURE__ */ jsx6(PLItem, { label: "Fixed Operating Overheads", value: totalOperatingExpense, color: "text-red-500", indent: true }),
              /* @__PURE__ */ jsx6("div", { className: "border-t-4 border-slate-900 pt-10 mt-10", children: /* @__PURE__ */ jsx6(PLItem, { label: "Final Net Profit", value: netIncome, color: netIncome >= 0 ? "text-emerald-700" : "text-red-700", bold: true, textLarge: true }) })
            ] })
          ] }),
          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-10", children: [
            /* @__PURE__ */ jsxs6("div", { className: "flex-1 bg-white p-10 rounded-[3rem] border border-slate-200 flex flex-col items-center justify-center shadow-sm", children: [
              /* @__PURE__ */ jsx6("h4", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest mb-8", children: "Business Health Gauge" }),
              /* @__PURE__ */ jsxs6("div", { className: "relative h-56 w-56 rounded-full border-[15px] border-slate-50 flex items-center justify-center shadow-inner", children: [
                /* @__PURE__ */ jsx6("div", { className: "absolute inset-[-15px] rounded-full border-[15px] border-emerald-500 border-t-transparent border-l-transparent transition-all duration-1000", style: { transform: `rotate(${Math.min(100, Math.max(0, profitMargin)) * 3.6}deg)` } }),
                /* @__PURE__ */ jsxs6("div", { className: "text-center", children: [
                  /* @__PURE__ */ jsxs6("p", { className: "text-4xl font-black text-emerald-600", children: [
                    profitMargin.toFixed(1),
                    "%"
                  ] }),
                  /* @__PURE__ */ jsx6("p", { className: "text-[10px] font-bold text-slate-400 uppercase tracking-widest mt-1", children: "Net Yield" })
                ] })
              ] })
            ] }),
            /* @__PURE__ */ jsxs6("div", { className: "bg-[#020617] p-12 rounded-[3rem] text-white shadow-2xl relative overflow-hidden group", children: [
              /* @__PURE__ */ jsx6("div", { className: "absolute -bottom-10 -left-10 w-40 h-40 bg-emerald-500/10 rounded-full blur-2xl group-hover:scale-150 transition-all duration-700" }),
              /* @__PURE__ */ jsx6("h4", { className: "text-[10px] font-black text-emerald-400 uppercase tracking-widest mb-3 relative z-10", children: "Insight verdict" }),
              /* @__PURE__ */ jsxs6("p", { className: "text-3xl font-black leading-tight relative z-10", children: [
                "Operationally ",
                netIncome > 0 ? "Stable & Profitable" : "Negative Net Delta",
                "."
              ] }),
              /* @__PURE__ */ jsxs6("p", { className: "text-xs text-slate-400 mt-6 leading-relaxed relative z-10 font-medium italic", children: [
                "Analysis considers ",
                totalOrdersCount,
                " purchase orders and ",
                filteredSales.length,
                " sale transactions for the ",
                timeframe.toLowerCase(),
                " window."
              ] })
            ] })
          ] })
        ] }) })
      ] })
    ] })
  ] });
};
var ReportStatCard = ({ title, value, icon, color, bg }) => /* @__PURE__ */ jsxs6("div", { className: `p-8 rounded-[2.5rem] bg-white border border-slate-100 shadow-sm flex items-center gap-6 group hover:border-emerald-200 hover:shadow-xl transition-all`, children: [
  /* @__PURE__ */ jsx6("div", { className: `p-5 rounded-2xl ${bg} ${color} transition-transform group-hover:scale-110 shadow-inner`, children: icon }),
  /* @__PURE__ */ jsxs6("div", { children: [
    /* @__PURE__ */ jsx6("p", { className: "text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1", children: title }),
    /* @__PURE__ */ jsx6("p", { className: `text-2xl font-black ${color}`, children: value })
  ] })
] });
var PLItem = ({ label, value, color, indent, bold, textLarge, bg }) => /* @__PURE__ */ jsxs6("div", { className: `flex justify-between items-center ${indent ? "pl-6" : ""} ${bg || ""}`, children: [
  /* @__PURE__ */ jsx6("span", { className: `text-sm ${bold ? "font-black text-slate-800" : "text-slate-500"}`, children: label }),
  /* @__PURE__ */ jsx6("span", { className: `${textLarge ? "text-2xl" : "text-sm"} font-black ${color}`, children: value < 0 ? `(RS. ${Math.abs(value).toLocaleString()})` : `RS. ${value.toLocaleString()}` })
] });
var LedgerRow = ({ label, amount }) => /* @__PURE__ */ jsxs6("div", { className: "flex justify-between items-center text-sm group py-2", children: [
  /* @__PURE__ */ jsx6("span", { className: "text-slate-500 group-hover:text-slate-900 transition-colors font-semibold", children: label }),
  /* @__PURE__ */ jsxs6("span", { className: "font-bold text-slate-900", children: [
    "RS. ",
    amount.toLocaleString()
  ] })
] });
var Reports_default = Reports;

// components/Vendors.tsx
import { useState as useState5 } from "react";
import { Search as Search3, Plus as Plus3, Trash2 as Trash23, MapPin, Phone, Mail as Mail2, Building2, X as X2, Wallet as Wallet2, Package as Package4, Pencil as Pencil2 } from "lucide-react";
import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
var Vendors = ({ vendors, onAddVendor, onEditVendor, onDeleteVendor }) => {
  const [searchTerm, setSearchTerm] = useState5("");
  const [isModalOpen, setIsModalOpen] = useState5(false);
  const [editingId, setEditingId] = useState5(null);
  const [formData, setFormData] = useState5({
    name: "",
    contact: "",
    email: "",
    address: "",
    payableAmount: 0,
    activeOrders: 0
  });
  const filteredVendors = vendors.filter(
    (v) => v.name.toLowerCase().includes(searchTerm.toLowerCase()) || v.contact.includes(searchTerm) || v.email.toLowerCase().includes(searchTerm.toLowerCase())
  );
  const handleOpenAdd = () => {
    setEditingId(null);
    setFormData({ name: "", contact: "", email: "", address: "", payableAmount: 0, activeOrders: 0 });
    setIsModalOpen(true);
  };
  const handleOpenEdit = (vendor) => {
    setEditingId(vendor.id);
    setFormData({
      name: vendor.name,
      contact: vendor.contact,
      email: vendor.email,
      address: vendor.address,
      payableAmount: vendor.payableAmount,
      activeOrders: vendor.activeOrders
    });
    setIsModalOpen(true);
  };
  const handleSubmit = (e) => {
    e.preventDefault();
    if (editingId) {
      onEditVendor({ ...formData, id: editingId });
    } else {
      onAddVendor(formData);
    }
    setIsModalOpen(false);
  };
  return /* @__PURE__ */ jsxs7("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs7("div", { className: "bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden", children: [
      /* @__PURE__ */ jsxs7("div", { className: "p-6 border-b border-slate-200 flex flex-col md:flex-row justify-between items-center gap-4", children: [
        /* @__PURE__ */ jsxs7("div", { children: [
          /* @__PURE__ */ jsx7("h2", { className: "text-lg font-bold text-slate-800", children: "Supplier & Vendor Directory" }),
          /* @__PURE__ */ jsx7("p", { className: "text-sm text-slate-500", children: "Manage your pharmaceutical suppliers" })
        ] }),
        /* @__PURE__ */ jsxs7("div", { className: "flex w-full md:w-auto gap-3", children: [
          /* @__PURE__ */ jsxs7("div", { className: "relative flex-1 md:w-64", children: [
            /* @__PURE__ */ jsx7(Search3, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400", size: 18 }),
            /* @__PURE__ */ jsx7(
              "input",
              {
                type: "text",
                placeholder: "Search vendors...",
                value: searchTerm,
                onChange: (e) => setSearchTerm(e.target.value),
                className: "w-full pl-10 pr-4 py-2 bg-slate-50 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500 text-sm"
              }
            )
          ] }),
          /* @__PURE__ */ jsxs7(
            "button",
            {
              onClick: handleOpenAdd,
              className: "flex items-center gap-2 bg-emerald-600 hover:bg-emerald-700 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors",
              children: [
                /* @__PURE__ */ jsx7(Plus3, { size: 18 }),
                "Add Vendor"
              ]
            }
          )
        ] })
      ] }),
      /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 p-6", children: [
        filteredVendors.map((vendor) => /* @__PURE__ */ jsxs7("div", { className: "bg-slate-50 rounded-xl p-5 border border-slate-200 hover:border-emerald-200 hover:shadow-md transition-all group relative flex flex-col", children: [
          /* @__PURE__ */ jsxs7("div", { className: "flex justify-between items-start mb-4", children: [
            /* @__PURE__ */ jsx7("div", { className: "bg-white p-3 rounded-lg shadow-sm", children: /* @__PURE__ */ jsx7(Building2, { className: "text-emerald-600", size: 24 }) }),
            /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
              /* @__PURE__ */ jsx7(
                "button",
                {
                  onClick: () => handleOpenEdit(vendor),
                  className: "text-slate-400 hover:text-emerald-600 transition-colors p-1.5 bg-white rounded-md border border-slate-200 hover:border-emerald-200",
                  title: "Edit Vendor",
                  children: /* @__PURE__ */ jsx7(Pencil2, { size: 16 })
                }
              ),
              /* @__PURE__ */ jsx7(
                "button",
                {
                  onClick: () => onDeleteVendor(vendor.id),
                  className: "text-slate-400 hover:text-red-500 transition-colors p-1.5 bg-white rounded-md border border-slate-200 hover:border-red-200",
                  title: "Delete Vendor",
                  children: /* @__PURE__ */ jsx7(Trash23, { size: 16 })
                }
              )
            ] })
          ] }),
          /* @__PURE__ */ jsx7("h3", { className: "font-bold text-slate-900 text-lg mb-1", children: vendor.name }),
          /* @__PURE__ */ jsxs7("div", { className: "space-y-3 mt-2 mb-4 flex-1", children: [
            /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 text-sm text-slate-600", children: [
              /* @__PURE__ */ jsx7(Phone, { size: 16, className: "text-slate-400 shrink-0" }),
              vendor.contact
            ] }),
            /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 text-sm text-slate-600", children: [
              /* @__PURE__ */ jsx7(Mail2, { size: 16, className: "text-slate-400 shrink-0" }),
              /* @__PURE__ */ jsx7("span", { className: "truncate", children: vendor.email })
            ] }),
            /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-3 text-sm text-slate-600", children: [
              /* @__PURE__ */ jsx7(MapPin, { size: 16, className: "text-slate-400 shrink-0 mt-0.5" }),
              /* @__PURE__ */ jsx7("span", { className: "line-clamp-2", children: vendor.address })
            ] })
          ] }),
          /* @__PURE__ */ jsxs7("div", { className: "pt-4 border-t border-slate-200 grid grid-cols-2 gap-4", children: [
            /* @__PURE__ */ jsxs7("div", { className: "bg-white p-3 rounded-lg border border-slate-100", children: [
              /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 text-slate-500 mb-1", children: [
                /* @__PURE__ */ jsx7(Wallet2, { size: 14 }),
                /* @__PURE__ */ jsx7("span", { className: "text-xs font-medium uppercase", children: "Payable" })
              ] }),
              /* @__PURE__ */ jsxs7("p", { className: `font-bold text-red-600`, children: [
                "RS. ",
                vendor.payableAmount.toLocaleString()
              ] })
            ] }),
            /* @__PURE__ */ jsxs7("div", { className: "bg-white p-3 rounded-lg border border-slate-100", children: [
              /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 text-slate-500 mb-1", children: [
                /* @__PURE__ */ jsx7(Package4, { size: 14 }),
                /* @__PURE__ */ jsx7("span", { className: "text-xs font-medium uppercase", children: "Orders" })
              ] }),
              /* @__PURE__ */ jsxs7("p", { className: "font-bold text-slate-900", children: [
                vendor.activeOrders,
                " ",
                /* @__PURE__ */ jsx7("span", { className: "text-xs font-normal text-slate-400", children: "Active" })
              ] })
            ] })
          ] })
        ] }, vendor.id)),
        filteredVendors.length === 0 && /* @__PURE__ */ jsxs7("div", { className: "col-span-full py-12 text-center text-slate-500 flex flex-col items-center", children: [
          /* @__PURE__ */ jsx7(Building2, { size: 48, className: "text-slate-200 mb-3" }),
          /* @__PURE__ */ jsx7("p", { children: "No vendors found matching your search." })
        ] })
      ] })
    ] }),
    isModalOpen && /* @__PURE__ */ jsx7("div", { className: "fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs7("div", { className: "bg-white w-full max-w-md rounded-xl shadow-2xl overflow-hidden animate-in fade-in zoom-in duration-200", children: [
      /* @__PURE__ */ jsxs7("div", { className: "p-4 border-b border-slate-100 flex justify-between items-center bg-slate-50", children: [
        /* @__PURE__ */ jsx7("h3", { className: "font-bold text-lg text-slate-800", children: editingId ? "Edit Vendor Details" : "Add New Vendor" }),
        /* @__PURE__ */ jsx7("button", { onClick: () => setIsModalOpen(false), className: "text-slate-400 hover:text-slate-600", children: /* @__PURE__ */ jsx7(X2, { size: 20 }) })
      ] }),
      /* @__PURE__ */ jsxs7("form", { onSubmit: handleSubmit, className: "p-6 space-y-4", children: [
        /* @__PURE__ */ jsxs7("div", { children: [
          /* @__PURE__ */ jsx7("label", { className: "block text-sm font-medium text-slate-700 mb-1", children: "Company Name" }),
          /* @__PURE__ */ jsx7(
            "input",
            {
              required: true,
              type: "text",
              placeholder: "e.g. Ali Distributors",
              className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500",
              value: formData.name,
              onChange: (e) => setFormData({ ...formData, name: e.target.value })
            }
          )
        ] }),
        /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-2 gap-4", children: [
          /* @__PURE__ */ jsxs7("div", { children: [
            /* @__PURE__ */ jsx7("label", { className: "block text-sm font-medium text-slate-700 mb-1", children: "Contact Number" }),
            /* @__PURE__ */ jsx7(
              "input",
              {
                required: true,
                type: "text",
                placeholder: "+92...",
                className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500",
                value: formData.contact,
                onChange: (e) => setFormData({ ...formData, contact: e.target.value })
              }
            )
          ] }),
          /* @__PURE__ */ jsxs7("div", { children: [
            /* @__PURE__ */ jsx7("label", { className: "block text-sm font-medium text-slate-700 mb-1", children: "Email Address" }),
            /* @__PURE__ */ jsx7(
              "input",
              {
                required: true,
                type: "email",
                placeholder: "mail@company.com",
                className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500",
                value: formData.email,
                onChange: (e) => setFormData({ ...formData, email: e.target.value })
              }
            )
          ] })
        ] }),
        /* @__PURE__ */ jsxs7("div", { children: [
          /* @__PURE__ */ jsx7("label", { className: "block text-sm font-medium text-slate-700 mb-1", children: "Full Address" }),
          /* @__PURE__ */ jsx7(
            "textarea",
            {
              required: true,
              placeholder: "Office address...",
              className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500 resize-none",
              rows: 2,
              value: formData.address,
              onChange: (e) => setFormData({ ...formData, address: e.target.value })
            }
          )
        ] }),
        editingId && /* @__PURE__ */ jsxs7("div", { className: "pt-2 border-t border-slate-100 mt-2", children: [
          /* @__PURE__ */ jsx7("p", { className: "text-xs font-semibold text-slate-500 mb-2 uppercase", children: "Financial Overview" }),
          /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-2 gap-4", children: [
            /* @__PURE__ */ jsxs7("div", { children: [
              /* @__PURE__ */ jsx7("label", { className: "block text-xs font-medium text-slate-600 mb-1", children: "Payable (RS.)" }),
              /* @__PURE__ */ jsx7(
                "input",
                {
                  type: "number",
                  className: "w-full px-3 py-2 border border-red-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500 bg-red-50/10 text-red-600 font-bold",
                  value: formData.payableAmount,
                  onChange: (e) => setFormData({ ...formData, payableAmount: Number(e.target.value) })
                }
              )
            ] }),
            /* @__PURE__ */ jsxs7("div", { children: [
              /* @__PURE__ */ jsx7("label", { className: "block text-xs font-medium text-slate-600 mb-1", children: "Active Orders" }),
              /* @__PURE__ */ jsx7(
                "input",
                {
                  type: "number",
                  className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500 bg-slate-50 font-bold",
                  value: formData.activeOrders,
                  onChange: (e) => setFormData({ ...formData, activeOrders: Number(e.target.value) })
                }
              )
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsxs7("div", { className: "pt-4 flex gap-3", children: [
          /* @__PURE__ */ jsx7(
            "button",
            {
              type: "button",
              onClick: () => setIsModalOpen(false),
              className: "flex-1 px-4 py-2 border border-slate-300 text-slate-700 rounded-lg hover:bg-slate-50 font-medium transition-colors",
              children: "Cancel"
            }
          ),
          /* @__PURE__ */ jsx7(
            "button",
            {
              type: "submit",
              className: "flex-1 px-4 py-2 bg-emerald-600 text-white rounded-lg hover:bg-emerald-700 font-medium transition-colors shadow-sm",
              children: editingId ? "Save Changes" : "Save Vendor"
            }
          )
        ] })
      ] })
    ] }) })
  ] });
};
var Vendors_default = Vendors;

// components/PurchaseOrders.tsx
import { useState as useState6 } from "react";
import { Plus as Plus4, Search as Search4, Truck as Truck3, CheckCircle, XCircle as XCircle2, X as X3, RefreshCw as RefreshCw2 } from "lucide-react";
import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
var PurchaseOrders = ({
  orders,
  vendors,
  products,
  onCreateOrder,
  onReceiveOrder,
  onCancelOrder
}) => {
  const [view, setView] = useState6("LIST");
  const [searchTerm, setSearchTerm] = useState6("");
  const [selectedVendorId, setSelectedVendorId] = useState6("");
  const [orderItems, setOrderItems] = useState6([]);
  const [itemSearch, setItemSearch] = useState6("");
  const [receivingOrder, setReceivingOrder] = useState6(null);
  const [receiveFormData, setReceiveFormData] = useState6({});
  const filteredOrders = orders.filter((o) => o.vendorName.toLowerCase().includes(searchTerm.toLowerCase()) || o.id.toLowerCase().includes(searchTerm.toLowerCase()));
  const filteredProducts = products.filter((p) => p.name.toLowerCase().includes(itemSearch.toLowerCase()));
  const handleAddItem = (product) => {
    const isTablet = product.category === "Tablets";
    const unit = isTablet ? "Pack" : "Unit";
    const existing = orderItems.find((i) => i.productId === product.id && i.unit === unit);
    if (existing) {
      setOrderItems((prev) => prev.map((i) => i.productId === product.id && i.unit === unit ? { ...i, quantity: i.quantity + 1 } : i));
    } else {
      setOrderItems([...orderItems, {
        productId: product.id,
        productName: product.name,
        quantity: 1,
        cost: isTablet ? product.pricePack || product.cost * product.stripsPerPack * product.unitsPerStrip : product.cost,
        unit
      }]);
    }
  };
  const handleInitiateReceive = (order) => {
    setReceivingOrder(order);
    const initialData = {};
    order.items.forEach((item) => {
      const product = products.find((p) => p.id === item.productId);
      let unitsToReceive = item.quantity;
      if (product) {
        if (item.unit === "Pack") unitsToReceive *= product.stripsPerPack * product.unitsPerStrip;
        if (item.unit === "Strip") unitsToReceive *= product.unitsPerStrip;
      }
      initialData[item.productId] = {
        batch: product?.batchNumber || "",
        expiry: product?.expiryDate || (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
        quantity: unitsToReceive,
        pricePack: product?.pricePack || 0,
        priceStrip: product?.priceStrip || 0,
        priceUnit: product?.priceUnit || 0,
        autoUpdatePricing: product?.autoUpdatePricing ?? true
      };
    });
    setReceiveFormData(initialData);
  };
  const handleReceiveInputChange = (productId, field, value) => {
    setReceiveFormData((prev) => {
      const current = prev[productId];
      const product = products.find((p) => p.id === productId);
      const isTablet = product?.category === "Tablets";
      let nextUpdate = { ...current, [field]: value };
      if (isTablet) {
        if (nextUpdate.autoUpdatePricing && (field === "pricePack" || field === "autoUpdatePricing")) {
          const strips = Math.max(1, product?.stripsPerPack || 1);
          const units = Math.max(1, product?.unitsPerStrip || 1);
          nextUpdate.priceStrip = parseFloat((nextUpdate.pricePack / strips).toFixed(2));
          nextUpdate.priceUnit = parseFloat((nextUpdate.priceStrip / units).toFixed(2));
        }
      } else {
        if (field === "pricePack") {
          nextUpdate.priceStrip = value;
          nextUpdate.priceUnit = value;
        } else if (field === "priceUnit") {
          nextUpdate.pricePack = value;
          nextUpdate.priceStrip = value;
        }
      }
      return { ...prev, [productId]: nextUpdate };
    });
  };
  const handleConfirmReceive = () => {
    if (!receivingOrder) return;
    onReceiveOrder(receivingOrder.id, receiveFormData);
    setReceivingOrder(null);
  };
  const handleSubmitOrder = () => {
    if (!selectedVendorId || orderItems.length === 0) return;
    const vendor = vendors.find((v) => v.id === selectedVendorId);
    if (!vendor) return;
    const totalCost = orderItems.reduce((sum, item) => sum + item.cost * item.quantity, 0);
    const newOrder = {
      vendorId: selectedVendorId,
      vendorName: vendor.name,
      date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
      status: "Pending",
      totalCost,
      items: orderItems
    };
    onCreateOrder(newOrder);
    setOrderItems([]);
    setSelectedVendorId("");
    setView("LIST");
  };
  if (view === "CREATE") {
    const totalOrderCost = orderItems.reduce((sum, item) => sum + item.cost * item.quantity, 0);
    return /* @__PURE__ */ jsxs8("div", { className: "space-y-6 animate-in fade-in slide-in-from-right-4 duration-300", children: [
      /* @__PURE__ */ jsxs8("div", { className: "flex justify-between items-center", children: [
        /* @__PURE__ */ jsx8("h2", { className: "text-xl font-bold text-slate-800", children: "New Purchase Order" }),
        /* @__PURE__ */ jsx8("button", { onClick: () => setView("LIST"), className: "px-4 py-2 border rounded-lg hover:bg-slate-50 text-sm font-medium", children: "Cancel" })
      ] }),
      /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
        /* @__PURE__ */ jsxs8("div", { className: "lg:col-span-2 space-y-6", children: [
          /* @__PURE__ */ jsxs8("div", { className: "bg-white p-6 rounded-xl border", children: [
            /* @__PURE__ */ jsx8("label", { className: "block text-sm font-medium mb-2", children: "Select Vendor" }),
            /* @__PURE__ */ jsxs8("select", { className: "w-full p-3 border rounded-lg", value: selectedVendorId, onChange: (e) => setSelectedVendorId(e.target.value), children: [
              /* @__PURE__ */ jsx8("option", { value: "", children: "-- Choose Vendor --" }),
              vendors.map((v) => /* @__PURE__ */ jsx8("option", { value: v.id, children: v.name }, v.id))
            ] })
          ] }),
          selectedVendorId && /* @__PURE__ */ jsxs8("div", { className: "bg-white p-6 rounded-xl border flex flex-col h-[500px]", children: [
            /* @__PURE__ */ jsxs8("div", { className: "relative mb-4", children: [
              /* @__PURE__ */ jsx8(Search4, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400", size: 18 }),
              /* @__PURE__ */ jsx8("input", { type: "text", placeholder: "Search products...", value: itemSearch, onChange: (e) => setItemSearch(e.target.value), className: "w-full pl-10 pr-4 py-2 border rounded-lg" })
            ] }),
            /* @__PURE__ */ jsx8("div", { className: "flex-1 overflow-y-auto border rounded-lg", children: /* @__PURE__ */ jsxs8("table", { className: "w-full text-left text-sm", children: [
              /* @__PURE__ */ jsx8("thead", { className: "bg-slate-50", children: /* @__PURE__ */ jsxs8("tr", { children: [
                /* @__PURE__ */ jsx8("th", { className: "p-3", children: "Product" }),
                /* @__PURE__ */ jsx8("th", { className: "p-3 text-right", children: "Category" }),
                /* @__PURE__ */ jsx8("th", { className: "p-3 text-right", children: "Action" })
              ] }) }),
              /* @__PURE__ */ jsx8("tbody", { children: filteredProducts.map((p) => /* @__PURE__ */ jsxs8("tr", { className: "border-t", children: [
                /* @__PURE__ */ jsx8("td", { className: "p-3 font-medium", children: p.name }),
                /* @__PURE__ */ jsx8("td", { className: "p-3 text-right text-slate-500 font-bold text-xs uppercase", children: p.category }),
                /* @__PURE__ */ jsx8("td", { className: "p-3 text-right", children: /* @__PURE__ */ jsxs8("button", { onClick: () => handleAddItem(p), className: "text-emerald-600 font-bold bg-emerald-50 px-3 py-1 rounded-full text-xs", children: [
                  "Add ",
                  p.category === "Tablets" ? "Pack" : "Unit"
                ] }) })
              ] }, p.id)) })
            ] }) })
          ] })
        ] }),
        /* @__PURE__ */ jsxs8("div", { className: "bg-white p-6 rounded-xl border h-fit sticky top-20", children: [
          /* @__PURE__ */ jsxs8("h3", { className: "font-bold mb-4 flex items-center gap-2", children: [
            /* @__PURE__ */ jsx8(Truck3, { size: 20, className: "text-emerald-600" }),
            " Summary"
          ] }),
          orderItems.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "text-center text-slate-400 py-8", children: "No items added" }) : /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
            /* @__PURE__ */ jsx8("div", { className: "max-h-[350px] overflow-y-auto space-y-3", children: orderItems.map((item, idx) => {
              const isTablet = products.find((p) => p.id === item.productId)?.category === "Tablets";
              return /* @__PURE__ */ jsxs8("div", { className: "p-3 bg-slate-50 border rounded-lg text-sm", children: [
                /* @__PURE__ */ jsxs8("div", { className: "flex justify-between font-bold mb-2", children: [
                  /* @__PURE__ */ jsx8("span", { children: item.productName }),
                  /* @__PURE__ */ jsx8("button", { onClick: () => setOrderItems(orderItems.filter((_, i) => i !== idx)), children: /* @__PURE__ */ jsx8(XCircle2, { size: 14, className: "text-slate-400 hover:text-red-500" }) })
                ] }),
                /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-2 gap-2 mb-2", children: [
                  /* @__PURE__ */ jsxs8("select", { disabled: !isTablet, className: "p-1 border rounded bg-white text-xs disabled:opacity-50", value: item.unit, onChange: (e) => {
                    const ni = [...orderItems];
                    ni[idx].unit = e.target.value;
                    setOrderItems(ni);
                  }, children: [
                    /* @__PURE__ */ jsx8("option", { value: "Pack", children: "Pack" }),
                    /* @__PURE__ */ jsx8("option", { value: "Strip", children: "Strip" }),
                    /* @__PURE__ */ jsx8("option", { value: "Unit", children: "Unit" })
                  ] }),
                  /* @__PURE__ */ jsx8("input", { type: "number", className: "p-1 border rounded text-xs", value: item.quantity, onChange: (e) => {
                    const ni = [...orderItems];
                    ni[idx].quantity = parseInt(e.target.value) || 0;
                    setOrderItems(ni);
                  } })
                ] }),
                /* @__PURE__ */ jsxs8("div", { className: "space-y-1", children: [
                  /* @__PURE__ */ jsxs8("label", { className: "text-[10px] font-bold text-slate-400 uppercase", children: [
                    "Cost per ",
                    item.unit
                  ] }),
                  /* @__PURE__ */ jsx8("input", { type: "number", step: "0.01", className: "w-full p-1 border rounded text-xs font-bold text-red-600", value: item.cost, onChange: (e) => {
                    const ni = [...orderItems];
                    ni[idx].cost = parseFloat(e.target.value) || 0;
                    setOrderItems(ni);
                  } })
                ] })
              ] }, idx);
            }) }),
            /* @__PURE__ */ jsxs8("div", { className: "pt-4 border-t", children: [
              /* @__PURE__ */ jsxs8("div", { className: "flex justify-between font-bold text-lg mb-4 text-red-600", children: [
                /* @__PURE__ */ jsx8("span", { children: "Total" }),
                /* @__PURE__ */ jsxs8("span", { children: [
                  "RS. ",
                  totalOrderCost.toFixed(2)
                ] })
              ] }),
              /* @__PURE__ */ jsx8("button", { onClick: handleSubmitOrder, className: "w-full py-3 bg-emerald-600 text-white rounded-lg font-bold hover:bg-emerald-700 transition-all shadow-md", children: "Confirm Order" })
            ] })
          ] })
        ] })
      ] })
    ] });
  }
  return /* @__PURE__ */ jsxs8("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs8("div", { className: "bg-white rounded-xl border overflow-hidden", children: [
      /* @__PURE__ */ jsxs8("div", { className: "p-6 border-b flex justify-between items-center", children: [
        /* @__PURE__ */ jsx8("h2", { className: "text-lg font-bold", children: "Purchase Orders" }),
        /* @__PURE__ */ jsxs8("button", { onClick: () => setView("CREATE"), className: "bg-emerald-600 text-white px-4 py-2 rounded-lg text-sm font-bold flex items-center gap-2 hover:bg-emerald-700 transition-all", children: [
          /* @__PURE__ */ jsx8(Plus4, { size: 18 }),
          " New Order"
        ] })
      ] }),
      /* @__PURE__ */ jsxs8("table", { className: "w-full text-left", children: [
        /* @__PURE__ */ jsx8("thead", { className: "bg-slate-50 text-[10px] font-bold uppercase text-slate-400 tracking-wider", children: /* @__PURE__ */ jsxs8("tr", { className: "border-b", children: [
          /* @__PURE__ */ jsx8("th", { className: "p-4", children: "Order ID" }),
          /* @__PURE__ */ jsx8("th", { className: "p-4", children: "Date" }),
          /* @__PURE__ */ jsx8("th", { className: "p-4", children: "Vendor" }),
          /* @__PURE__ */ jsx8("th", { className: "p-4", children: "Total Cost" }),
          /* @__PURE__ */ jsx8("th", { className: "p-4", children: "Status" }),
          /* @__PURE__ */ jsx8("th", { className: "p-4 text-right", children: "Actions" })
        ] }) }),
        /* @__PURE__ */ jsx8("tbody", { className: "divide-y divide-slate-100", children: filteredOrders.map((order) => /* @__PURE__ */ jsxs8("tr", { className: "text-sm", children: [
          /* @__PURE__ */ jsx8("td", { className: "p-4 font-mono text-slate-500 text-xs", children: order.id }),
          /* @__PURE__ */ jsx8("td", { className: "p-4", children: order.date }),
          /* @__PURE__ */ jsx8("td", { className: "p-4 font-bold", children: order.vendorName }),
          /* @__PURE__ */ jsxs8("td", { className: "p-4 font-bold text-red-600", children: [
            "RS. ",
            order.totalCost.toFixed(2)
          ] }),
          /* @__PURE__ */ jsx8("td", { className: "p-4", children: /* @__PURE__ */ jsx8("span", { className: `px-2 py-1 rounded-full text-[10px] font-bold uppercase ${order.status === "Received" ? "bg-emerald-100 text-emerald-700" : "bg-amber-100 text-amber-700"}`, children: order.status }) }),
          /* @__PURE__ */ jsx8("td", { className: "p-4 text-right", children: order.status === "Pending" && /* @__PURE__ */ jsx8("button", { onClick: () => handleInitiateReceive(order), className: "bg-emerald-600 text-white px-3 py-1.5 rounded font-bold text-xs hover:bg-emerald-700 transition-all", children: "Receive Stock" }) })
        ] }, order.id)) })
      ] })
    ] }),
    receivingOrder && /* @__PURE__ */ jsx8("div", { className: "fixed inset-0 bg-black/60 backdrop-blur-sm z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs8("div", { className: "bg-white w-full max-w-5xl rounded-2xl shadow-2xl overflow-hidden flex flex-col max-h-[90vh] animate-in fade-in zoom-in duration-200", children: [
      /* @__PURE__ */ jsxs8("div", { className: "p-5 border-b bg-slate-50 flex justify-between items-center", children: [
        /* @__PURE__ */ jsxs8("div", { className: "flex flex-col", children: [
          /* @__PURE__ */ jsxs8("h3", { className: "font-bold text-lg text-slate-800", children: [
            "Receive Stock - #",
            receivingOrder.id
          ] }),
          /* @__PURE__ */ jsx8("p", { className: "text-xs text-slate-500", children: receivingOrder.vendorName })
        ] }),
        /* @__PURE__ */ jsx8("button", { onClick: () => setReceivingOrder(null), className: "p-2 hover:bg-slate-200 rounded-full transition-all text-slate-400", children: /* @__PURE__ */ jsx8(X3, { size: 20 }) })
      ] }),
      /* @__PURE__ */ jsx8("div", { className: "flex-1 overflow-y-auto p-6", children: /* @__PURE__ */ jsxs8("table", { className: "w-full text-left border-collapse", children: [
        /* @__PURE__ */ jsx8("thead", { className: "text-[10px] font-bold text-slate-400 uppercase tracking-widest", children: /* @__PURE__ */ jsxs8("tr", { children: [
          /* @__PURE__ */ jsx8("th", { className: "p-3 border-b pb-4", children: "Product Name" }),
          /* @__PURE__ */ jsx8("th", { className: "p-3 border-b pb-4", children: "Units to Add" }),
          /* @__PURE__ */ jsx8("th", { className: "p-3 border-b pb-4", children: "Batch & Expiry" }),
          /* @__PURE__ */ jsx8("th", { className: "p-3 border-b pb-4 text-emerald-700", children: "Selling Price Adjustment" })
        ] }) }),
        /* @__PURE__ */ jsx8("tbody", { className: "divide-y divide-slate-100", children: receivingOrder.items.map((item) => {
          const product = products.find((p) => p.id === item.productId);
          const isTablet = product?.category === "Tablets";
          return /* @__PURE__ */ jsxs8("tr", { className: "align-top hover:bg-slate-50/50", children: [
            /* @__PURE__ */ jsxs8("td", { className: "p-3 pt-5", children: [
              /* @__PURE__ */ jsx8("div", { className: "font-bold text-slate-900", children: item.productName }),
              /* @__PURE__ */ jsx8("div", { className: "text-[10px] text-slate-400 uppercase font-black", children: product?.category })
            ] }),
            /* @__PURE__ */ jsxs8("td", { className: "p-3 pt-5", children: [
              /* @__PURE__ */ jsx8("input", { type: "number", className: "w-full border border-slate-200 p-2 rounded-lg text-sm font-bold", value: receiveFormData[item.productId]?.quantity || 0, onChange: (e) => handleReceiveInputChange(item.productId, "quantity", parseInt(e.target.value) || 0) }),
              /* @__PURE__ */ jsxs8("p", { className: "text-[10px] text-slate-400 mt-1", children: [
                "Ordered: ",
                item.quantity,
                " ",
                item.unit
              ] })
            ] }),
            /* @__PURE__ */ jsxs8("td", { className: "p-3 pt-5 space-y-2", children: [
              /* @__PURE__ */ jsx8("input", { type: "text", placeholder: "Batch Number", className: "w-full border border-slate-200 p-2 rounded-lg text-xs font-mono", value: receiveFormData[item.productId]?.batch || "", onChange: (e) => handleReceiveInputChange(item.productId, "batch", e.target.value) }),
              /* @__PURE__ */ jsx8("input", { type: "date", className: "w-full border border-slate-200 p-2 rounded-lg text-xs", value: receiveFormData[item.productId]?.expiry || "", onChange: (e) => handleReceiveInputChange(item.productId, "expiry", e.target.value) })
            ] }),
            /* @__PURE__ */ jsxs8("td", { className: "p-3 pt-5 bg-emerald-50/20", children: [
              isTablet && /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 mb-3 bg-white p-1.5 rounded-lg border border-emerald-100", children: [
                /* @__PURE__ */ jsx8("input", { type: "checkbox", id: `auto-${item.productId}`, checked: receiveFormData[item.productId]?.autoUpdatePricing, onChange: (e) => handleReceiveInputChange(item.productId, "autoUpdatePricing", e.target.checked), className: "w-3.5 h-3.5 text-emerald-600 rounded" }),
                /* @__PURE__ */ jsxs8("label", { htmlFor: `auto-${item.productId}`, className: "text-[10px] font-black uppercase text-emerald-700 flex items-center gap-1 cursor-pointer", children: [
                  /* @__PURE__ */ jsx8(RefreshCw2, { size: 10, className: receiveFormData[item.productId]?.autoUpdatePricing ? "animate-spin-slow" : "" }),
                  " Auto-Sync Strips/Units"
                ] })
              ] }),
              /* @__PURE__ */ jsx8("div", { className: "space-y-2", children: isTablet ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
                /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
                  /* @__PURE__ */ jsx8("span", { className: "text-[10px] font-bold w-12 text-slate-500 uppercase", children: "Pack RS." }),
                  /* @__PURE__ */ jsx8("input", { type: "number", step: "0.01", className: "flex-1 border border-emerald-200 p-2 rounded-lg font-bold text-emerald-600 focus:ring-2 focus:ring-emerald-500 outline-none", value: receiveFormData[item.productId]?.pricePack || 0, onChange: (e) => handleReceiveInputChange(item.productId, "pricePack", parseFloat(e.target.value) || 0) })
                ] }),
                /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
                  /* @__PURE__ */ jsx8("span", { className: "text-[10px] font-bold w-12 text-slate-500 uppercase", children: "Strip RS." }),
                  /* @__PURE__ */ jsx8("input", { type: "number", step: "0.01", disabled: receiveFormData[item.productId]?.autoUpdatePricing, className: "flex-1 border border-slate-200 p-2 rounded-lg font-bold text-emerald-600 disabled:bg-slate-50", value: receiveFormData[item.productId]?.priceStrip || 0, onChange: (e) => handleReceiveInputChange(item.productId, "priceStrip", parseFloat(e.target.value) || 0) })
                ] }),
                /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
                  /* @__PURE__ */ jsx8("span", { className: "text-[10px] font-bold w-12 text-slate-500 uppercase", children: "Unit RS." }),
                  /* @__PURE__ */ jsx8("input", { type: "number", step: "0.01", disabled: receiveFormData[item.productId]?.autoUpdatePricing, className: "flex-1 border border-slate-200 p-2 rounded-lg font-bold text-emerald-600 disabled:bg-slate-50", value: receiveFormData[item.productId]?.priceUnit || 0, onChange: (e) => handleReceiveInputChange(item.productId, "priceUnit", parseFloat(e.target.value) || 0) })
                ] })
              ] }) : /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ jsx8("span", { className: "text-[10px] font-bold w-16 text-slate-500 uppercase", children: "Sell RS." }),
                /* @__PURE__ */ jsx8("input", { type: "number", step: "0.01", className: "flex-1 border border-emerald-200 p-2 rounded-lg font-bold text-emerald-600 focus:ring-2 focus:ring-emerald-500 outline-none", value: receiveFormData[item.productId]?.priceUnit || 0, onChange: (e) => handleReceiveInputChange(item.productId, "priceUnit", parseFloat(e.target.value) || 0) })
              ] }) })
            ] })
          ] }, item.productId);
        }) })
      ] }) }),
      /* @__PURE__ */ jsxs8("div", { className: "p-4 border-t bg-slate-50 flex justify-end gap-3", children: [
        /* @__PURE__ */ jsx8("button", { onClick: () => setReceivingOrder(null), className: "px-6 py-2.5 border border-slate-300 rounded-xl font-bold text-sm text-slate-700 hover:bg-white transition-all", children: "Cancel" }),
        /* @__PURE__ */ jsxs8("button", { onClick: handleConfirmReceive, className: "px-8 py-2.5 bg-emerald-600 text-white rounded-xl font-bold text-sm shadow-lg hover:bg-emerald-700 transition-all flex items-center gap-2", children: [
          /* @__PURE__ */ jsx8(CheckCircle, { size: 18 }),
          " Complete Receiving"
        ] })
      ] })
    ] }) })
  ] });
};
var PurchaseOrders_default = PurchaseOrders;

// components/Expenditure.tsx
import { useState as useState7 } from "react";
import {
  Plus as Plus5,
  Search as Search5,
  Wallet as Wallet3,
  Calendar as Calendar4,
  Tag,
  Trash2 as Trash24,
  X as X4,
  AlertCircle as AlertCircle3,
  Filter as Filter2,
  ArrowDownCircle,
  Settings2
} from "lucide-react";
import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
var ExpenditureModule = ({
  expenditures,
  categories,
  onAddExpenditure,
  onDeleteExpenditure,
  onAddCategory,
  onDeleteCategory
}) => {
  const [searchTerm, setSearchTerm] = useState7("");
  const [categoryFilter, setCategoryFilter] = useState7("All");
  const [isModalOpen, setIsModalOpen] = useState7(false);
  const [isCategoryModalOpen, setIsCategoryModalOpen] = useState7(false);
  const [newCategoryName, setNewCategoryName] = useState7("");
  const [formData, setFormData] = useState7({
    date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
    category: categories[0] || "Other",
    amount: 0,
    description: ""
  });
  const filteredExpenses = expenditures.filter((exp) => {
    const matchesSearch = exp.description.toLowerCase().includes(searchTerm.toLowerCase());
    const matchesCategory = categoryFilter === "All" || exp.category === categoryFilter;
    return matchesSearch && matchesCategory;
  }).sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
  const totalSpent = filteredExpenses.reduce((sum, exp) => sum + exp.amount, 0);
  const handleSubmit = (e) => {
    e.preventDefault();
    onAddExpenditure(formData);
    setIsModalOpen(false);
    setFormData({
      date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
      category: categories[0] || "Other",
      amount: 0,
      description: ""
    });
  };
  const handleAddCategorySubmit = (e) => {
    e.preventDefault();
    if (newCategoryName.trim() && !categories.includes(newCategoryName.trim())) {
      onAddCategory(newCategoryName.trim());
      setNewCategoryName("");
    }
  };
  return /* @__PURE__ */ jsxs9("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
      /* @__PURE__ */ jsxs9("div", { className: "bg-white p-6 rounded-2xl shadow-sm border border-slate-200", children: [
        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-4 mb-4", children: [
          /* @__PURE__ */ jsx9("div", { className: "p-3 bg-red-50 text-red-600 rounded-xl", children: /* @__PURE__ */ jsx9(ArrowDownCircle, { size: 24 }) }),
          /* @__PURE__ */ jsxs9("div", { children: [
            /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-slate-500 uppercase", children: "Total Expenditure" }),
            /* @__PURE__ */ jsxs9("h3", { className: "text-2xl font-bold text-red-600", children: [
              "RS. ",
              totalSpent.toLocaleString()
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-2 text-xs font-medium text-emerald-600", children: /* @__PURE__ */ jsx9("span", { className: "px-2 py-0.5 bg-emerald-50 rounded-full", children: "Filtered View" }) })
      ] }),
      /* @__PURE__ */ jsxs9("div", { className: "bg-white p-6 rounded-2xl shadow-sm border border-slate-200", children: [
        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-4 mb-4", children: [
          /* @__PURE__ */ jsx9("div", { className: "p-3 bg-blue-50 text-blue-600 rounded-xl", children: /* @__PURE__ */ jsx9(Wallet3, { size: 24 }) }),
          /* @__PURE__ */ jsxs9("div", { children: [
            /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-slate-500 uppercase", children: "Transactions" }),
            /* @__PURE__ */ jsx9("h3", { className: "text-2xl font-bold text-slate-900", children: filteredExpenses.length })
          ] })
        ] }),
        /* @__PURE__ */ jsx9("p", { className: "text-xs text-slate-400", children: "Total recorded entries" })
      ] })
    ] }),
    /* @__PURE__ */ jsxs9("div", { className: "bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden", children: [
      /* @__PURE__ */ jsxs9("div", { className: "p-6 border-b border-slate-200 flex flex-col lg:flex-row justify-between items-center gap-4", children: [
        /* @__PURE__ */ jsxs9("div", { className: "flex w-full lg:w-auto gap-3", children: [
          /* @__PURE__ */ jsxs9("div", { className: "relative flex-1 lg:w-80", children: [
            /* @__PURE__ */ jsx9(Search5, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400", size: 18 }),
            /* @__PURE__ */ jsx9(
              "input",
              {
                type: "text",
                placeholder: "Search description...",
                value: searchTerm,
                onChange: (e) => setSearchTerm(e.target.value),
                className: "w-full pl-10 pr-4 py-2.5 bg-slate-50 border border-slate-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-emerald-500/20 text-sm transition-all"
              }
            )
          ] }),
          /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
            /* @__PURE__ */ jsx9(Filter2, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400", size: 16 }),
            /* @__PURE__ */ jsxs9(
              "select",
              {
                className: "pl-9 pr-4 py-2.5 bg-slate-50 border border-slate-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-emerald-500/20 text-sm transition-all appearance-none",
                value: categoryFilter,
                onChange: (e) => setCategoryFilter(e.target.value),
                children: [
                  /* @__PURE__ */ jsx9("option", { value: "All", children: "All Categories" }),
                  categories.map((c) => /* @__PURE__ */ jsx9("option", { value: c, children: c }, c))
                ]
              }
            )
          ] })
        ] }),
        /* @__PURE__ */ jsxs9("div", { className: "flex gap-3 w-full lg:w-auto", children: [
          /* @__PURE__ */ jsxs9(
            "button",
            {
              onClick: () => setIsCategoryModalOpen(true),
              className: "flex-1 lg:flex-none flex items-center justify-center gap-2 px-6 py-2.5 rounded-xl text-sm font-bold border border-slate-200 hover:bg-slate-50 text-slate-700 transition-all",
              children: [
                /* @__PURE__ */ jsx9(Settings2, { size: 18 }),
                "Categories"
              ]
            }
          ),
          /* @__PURE__ */ jsxs9(
            "button",
            {
              onClick: () => setIsModalOpen(true),
              className: "flex-[2] lg:flex-none flex items-center justify-center gap-2 bg-[#0f172a] hover:bg-slate-800 text-white px-6 py-2.5 rounded-xl text-sm font-bold transition-all transform hover:scale-[1.02] active:scale-[0.98] shadow-lg shadow-slate-900/10",
              children: [
                /* @__PURE__ */ jsx9(Plus5, { size: 18 }),
                "Add Expense"
              ]
            }
          )
        ] })
      ] }),
      /* @__PURE__ */ jsxs9("div", { className: "overflow-x-auto", children: [
        /* @__PURE__ */ jsxs9("table", { className: "w-full text-left border-collapse", children: [
          /* @__PURE__ */ jsx9("thead", { children: /* @__PURE__ */ jsxs9("tr", { className: "bg-slate-50/50 text-slate-400 text-[11px] font-bold uppercase tracking-[0.1em]", children: [
            /* @__PURE__ */ jsx9("th", { className: "p-6 border-b border-slate-100", children: "Date" }),
            /* @__PURE__ */ jsx9("th", { className: "p-6 border-b border-slate-100", children: "Category" }),
            /* @__PURE__ */ jsx9("th", { className: "p-6 border-b border-slate-100", children: "Description" }),
            /* @__PURE__ */ jsx9("th", { className: "p-6 border-b border-slate-100", children: "Amount" }),
            /* @__PURE__ */ jsx9("th", { className: "p-6 border-b border-slate-100 text-right", children: "Actions" })
          ] }) }),
          /* @__PURE__ */ jsx9("tbody", { className: "divide-y divide-slate-100", children: filteredExpenses.map((exp) => /* @__PURE__ */ jsxs9("tr", { className: "hover:bg-slate-50/50 transition-colors", children: [
            /* @__PURE__ */ jsx9("td", { className: "p-6", children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3 text-slate-900 font-medium", children: [
              /* @__PURE__ */ jsx9(Calendar4, { size: 14, className: "text-slate-400" }),
              exp.date
            ] }) }),
            /* @__PURE__ */ jsx9("td", { className: "p-6", children: /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1.5 px-3 py-1 bg-slate-100 text-slate-600 rounded-lg text-xs font-bold uppercase", children: [
              /* @__PURE__ */ jsx9(Tag, { size: 12 }),
              exp.category
            ] }) }),
            /* @__PURE__ */ jsx9("td", { className: "p-6", children: /* @__PURE__ */ jsx9("p", { className: "text-sm text-slate-600 max-w-xs truncate", title: exp.description, children: exp.description }) }),
            /* @__PURE__ */ jsxs9("td", { className: "p-6 font-bold text-red-600", children: [
              "RS. ",
              exp.amount.toLocaleString()
            ] }),
            /* @__PURE__ */ jsx9("td", { className: "p-6 text-right", children: /* @__PURE__ */ jsx9(
              "button",
              {
                onClick: () => onDeleteExpenditure(exp.id),
                className: "p-2 text-slate-400 hover:text-red-600 transition-colors",
                children: /* @__PURE__ */ jsx9(Trash24, { size: 18 })
              }
            ) })
          ] }, exp.id)) })
        ] }),
        filteredExpenses.length === 0 && /* @__PURE__ */ jsxs9("div", { className: "p-20 text-center flex flex-col items-center", children: [
          /* @__PURE__ */ jsx9("div", { className: "bg-slate-100 p-4 rounded-full mb-4", children: /* @__PURE__ */ jsx9(AlertCircle3, { size: 40, className: "text-slate-400" }) }),
          /* @__PURE__ */ jsx9("p", { className: "text-slate-500 font-medium", children: "No expenses found matching your criteria." })
        ] })
      ] })
    ] }),
    isCategoryModalOpen && /* @__PURE__ */ jsx9("div", { className: "fixed inset-0 bg-slate-900/60 backdrop-blur-sm z-[60] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs9("div", { className: "bg-white w-full max-w-md rounded-[2.5rem] shadow-2xl overflow-hidden animate-in fade-in zoom-in duration-200", children: [
      /* @__PURE__ */ jsxs9("div", { className: "p-6 bg-slate-50 border-b border-slate-100 flex justify-between items-center", children: [
        /* @__PURE__ */ jsx9("h3", { className: "font-bold text-xl text-slate-900 uppercase", children: "Manage Categories" }),
        /* @__PURE__ */ jsx9("button", { onClick: () => setIsCategoryModalOpen(false), className: "text-slate-400 hover:text-slate-600 p-1", children: /* @__PURE__ */ jsx9(X4, { size: 24 }) })
      ] }),
      /* @__PURE__ */ jsxs9("div", { className: "p-8 space-y-6", children: [
        /* @__PURE__ */ jsxs9("form", { onSubmit: handleAddCategorySubmit, className: "flex gap-2", children: [
          /* @__PURE__ */ jsx9(
            "input",
            {
              type: "text",
              required: true,
              placeholder: "New category name...",
              className: "flex-1 px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-emerald-500/20 text-sm",
              value: newCategoryName,
              onChange: (e) => setNewCategoryName(e.target.value)
            }
          ),
          /* @__PURE__ */ jsx9(
            "button",
            {
              type: "submit",
              className: "px-4 py-3 bg-emerald-600 text-white rounded-xl font-bold text-sm hover:bg-emerald-700 transition-all shadow-md active:scale-95",
              children: "Add"
            }
          )
        ] }),
        /* @__PURE__ */ jsxs9("div", { className: "space-y-2 max-h-[300px] overflow-y-auto pr-2", children: [
          /* @__PURE__ */ jsx9("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest block mb-2", children: "Existing Categories" }),
          categories.map((cat, idx) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between p-3 bg-slate-50 rounded-xl group border border-transparent hover:border-slate-200 hover:bg-white transition-all", children: [
            /* @__PURE__ */ jsx9("span", { className: "text-sm font-bold text-slate-700", children: cat }),
            /* @__PURE__ */ jsx9(
              "button",
              {
                onClick: () => onDeleteCategory(cat),
                className: "text-slate-300 hover:text-red-500 transition-colors",
                title: "Delete category",
                children: /* @__PURE__ */ jsx9(Trash24, { size: 16 })
              }
            )
          ] }, idx))
        ] })
      ] })
    ] }) }),
    isModalOpen && /* @__PURE__ */ jsx9("div", { className: "fixed inset-0 bg-slate-900/60 backdrop-blur-sm z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs9("div", { className: "bg-white w-full max-w-md rounded-[2rem] shadow-2xl overflow-hidden animate-in fade-in zoom-in duration-200", children: [
      /* @__PURE__ */ jsxs9("div", { className: "p-6 bg-slate-50 border-b border-slate-100 flex justify-between items-center", children: [
        /* @__PURE__ */ jsx9("h3", { className: "font-bold text-xl text-slate-900 uppercase", children: "New Expenditure" }),
        /* @__PURE__ */ jsx9("button", { onClick: () => setIsModalOpen(false), className: "text-slate-400 hover:text-slate-600 p-1", children: /* @__PURE__ */ jsx9(X4, { size: 24 }) })
      ] }),
      /* @__PURE__ */ jsxs9("form", { onSubmit: handleSubmit, className: "p-8 space-y-6", children: [
        /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-6", children: [
          /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
            /* @__PURE__ */ jsx9("label", { className: "text-[11px] font-bold text-slate-500 uppercase tracking-wider block", children: "Date" }),
            /* @__PURE__ */ jsx9(
              "input",
              {
                type: "date",
                required: true,
                className: "w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-emerald-500/20 text-sm",
                value: formData.date,
                onChange: (e) => setFormData({ ...formData, date: e.target.value })
              }
            )
          ] }),
          /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
            /* @__PURE__ */ jsx9("label", { className: "text-[11px] font-bold text-slate-500 uppercase tracking-wider block", children: "Category" }),
            /* @__PURE__ */ jsx9(
              "select",
              {
                required: true,
                className: "w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-emerald-500/20 text-sm appearance-none",
                value: formData.category,
                onChange: (e) => setFormData({ ...formData, category: e.target.value }),
                children: categories.map((c) => /* @__PURE__ */ jsx9("option", { value: c, children: c }, c))
              }
            )
          ] })
        ] }),
        /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
          /* @__PURE__ */ jsx9("label", { className: "text-[11px] font-bold text-slate-500 uppercase tracking-wider block", children: "Amount (RS.)" }),
          /* @__PURE__ */ jsx9(
            "input",
            {
              type: "number",
              required: true,
              min: "0.01",
              step: "0.01",
              placeholder: "0.00",
              className: "w-full px-4 py-3 bg-slate-50 border border-red-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-red-500/20 text-lg font-bold text-red-600",
              value: formData.amount,
              onChange: (e) => setFormData({ ...formData, amount: parseFloat(e.target.value) || 0 })
            }
          )
        ] }),
        /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
          /* @__PURE__ */ jsx9("label", { className: "text-[11px] font-bold text-slate-500 uppercase tracking-wider block", children: "Description" }),
          /* @__PURE__ */ jsx9(
            "textarea",
            {
              required: true,
              placeholder: "What was this expense for?",
              className: "w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-emerald-500/20 text-sm resize-none",
              rows: 3,
              value: formData.description,
              onChange: (e) => setFormData({ ...formData, description: e.target.value })
            }
          )
        ] }),
        /* @__PURE__ */ jsx9(
          "button",
          {
            type: "submit",
            className: "w-full py-4 bg-[#0f172a] hover:bg-slate-800 text-white rounded-2xl font-bold text-lg transition-all transform hover:scale-[1.02] active:scale-[0.98] shadow-xl shadow-slate-900/20 mt-4 uppercase",
            children: "Record Expenditure"
          }
        )
      ] })
    ] }) })
  ] });
};
var Expenditure_default = ExpenditureModule;

// components/Users.tsx
import { useState as useState8 } from "react";
import { Search as Search6, Plus as Plus6, Trash2 as Trash25, Pencil as Pencil3, Mail as Mail3, Phone as Phone2, Calendar as Calendar5, Shield, UserCircle2, CheckCircle2, MinusCircle } from "lucide-react";

// components/common/Modal.tsx
import { X as X5 } from "lucide-react";
import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
var sizeClasses = {
  sm: "max-w-sm",
  md: "max-w-md",
  lg: "max-w-lg",
  xl: "max-w-xl",
  "2xl": "max-w-2xl",
  "5xl": "max-w-5xl"
};
var Modal = ({ isOpen, onClose, title, children, footer, size = "md" }) => {
  if (!isOpen) return null;
  return /* @__PURE__ */ jsx10("div", { className: "fixed inset-0 bg-slate-900/60 backdrop-blur-sm z-50 flex items-center justify-center p-4", onClick: onClose, children: /* @__PURE__ */ jsxs10(
    "div",
    {
      className: `bg-white w-full ${sizeClasses[size]} rounded-2xl shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200 flex flex-col max-h-[90vh]`,
      onClick: (e) => e.stopPropagation(),
      children: [
        /* @__PURE__ */ jsxs10("div", { className: "p-5 border-b border-slate-100 flex justify-between items-center bg-slate-50/50 shrink-0", children: [
          /* @__PURE__ */ jsx10("h3", { className: "font-bold text-lg text-slate-800", children: title }),
          /* @__PURE__ */ jsx10("button", { onClick: onClose, className: "text-slate-400 hover:text-slate-600 p-2 hover:bg-slate-200/60 rounded-full transition-all", children: /* @__PURE__ */ jsx10(X5, { size: 20 }) })
        ] }),
        /* @__PURE__ */ jsx10("div", { className: "overflow-y-auto p-6 flex-1", children }),
        footer && /* @__PURE__ */ jsx10("div", { className: "p-4 border-t border-slate-100 bg-slate-50/50 shrink-0", children: footer })
      ]
    }
  ) });
};
var Modal_default = Modal;

// components/Users.tsx
import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
var Users3 = ({ users, onAddUser, onEditUser, onDeleteUser }) => {
  const [searchTerm, setSearchTerm] = useState8("");
  const [isModalOpen, setIsModalOpen] = useState8(false);
  const [editingId, setEditingId] = useState8(null);
  const [formData, setFormData] = useState8({
    name: "",
    email: "",
    role: "Cashier" /* CASHIER */,
    phone: "",
    joinDate: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
    active: true
  });
  const filteredUsers = users.filter(
    (u) => u.name.toLowerCase().includes(searchTerm.toLowerCase()) || u.email.toLowerCase().includes(searchTerm.toLowerCase()) || u.role.toLowerCase().includes(searchTerm.toLowerCase())
  );
  const handleOpenAdd = () => {
    setEditingId(null);
    setFormData({
      name: "",
      email: "",
      role: "Cashier" /* CASHIER */,
      phone: "",
      joinDate: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
      active: true
    });
    setIsModalOpen(true);
  };
  const handleOpenEdit = (user) => {
    setEditingId(user.id);
    setFormData({
      name: user.name,
      email: user.email,
      role: user.role,
      phone: user.phone,
      joinDate: user.joinDate,
      active: user.active
    });
    setIsModalOpen(true);
  };
  const handleSubmit = (e) => {
    e.preventDefault();
    if (editingId) {
      onEditUser({ ...formData, id: editingId });
    } else {
      onAddUser(formData);
    }
    setIsModalOpen(false);
  };
  const getRoleBadgeColor = (role) => {
    switch (role) {
      case "Admin" /* ADMIN */:
        return "bg-purple-100 text-purple-700 border-purple-200";
      case "Pharmacist" /* PHARMACIST */:
        return "bg-blue-100 text-blue-700 border-blue-200";
      case "Cashier" /* CASHIER */:
        return "bg-emerald-100 text-emerald-700 border-emerald-200";
      default:
        return "bg-slate-100 text-slate-700 border-slate-200";
    }
  };
  return /* @__PURE__ */ jsxs11("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs11("div", { className: "bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden", children: [
      /* @__PURE__ */ jsxs11("div", { className: "p-6 border-b border-slate-200 flex flex-col md:flex-row justify-between items-center gap-4", children: [
        /* @__PURE__ */ jsxs11("div", { children: [
          /* @__PURE__ */ jsx11("h2", { className: "text-lg font-bold text-slate-800", children: "Staff Management" }),
          /* @__PURE__ */ jsx11("p", { className: "text-sm text-slate-500", children: "Manage access levels and employee details" })
        ] }),
        /* @__PURE__ */ jsxs11("div", { className: "flex w-full md:w-auto gap-3", children: [
          /* @__PURE__ */ jsxs11("div", { className: "relative flex-1 md:w-64", children: [
            /* @__PURE__ */ jsx11(Search6, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400", size: 18 }),
            /* @__PURE__ */ jsx11(
              "input",
              {
                type: "text",
                placeholder: "Search staff...",
                value: searchTerm,
                onChange: (e) => setSearchTerm(e.target.value),
                className: "w-full pl-10 pr-4 py-2 bg-slate-50 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500 text-sm"
              }
            )
          ] }),
          /* @__PURE__ */ jsxs11(
            "button",
            {
              onClick: handleOpenAdd,
              className: "flex items-center gap-2 bg-emerald-600 hover:bg-emerald-700 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors",
              children: [
                /* @__PURE__ */ jsx11(Plus6, { size: 18 }),
                "Add Staff Member"
              ]
            }
          )
        ] })
      ] }),
      /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 p-6", children: [
        filteredUsers.map((user) => /* @__PURE__ */ jsxs11("div", { className: "bg-white rounded-xl p-6 border border-slate-200 hover:border-emerald-200 hover:shadow-lg transition-all group", children: [
          /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-start mb-4", children: [
            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
              /* @__PURE__ */ jsx11("div", { className: "h-12 w-12 rounded-full bg-slate-100 flex items-center justify-center text-slate-600 border border-slate-200", children: /* @__PURE__ */ jsx11(UserCircle2, { size: 28 }) }),
              /* @__PURE__ */ jsxs11("div", { children: [
                /* @__PURE__ */ jsx11("h3", { className: "font-bold text-slate-900 leading-tight", children: user.name }),
                /* @__PURE__ */ jsx11("div", { className: `mt-1 inline-flex items-center px-2 py-0.5 rounded text-[10px] font-bold uppercase tracking-wider border ${getRoleBadgeColor(user.role)}`, children: user.role })
              ] })
            ] }),
            /* @__PURE__ */ jsxs11("div", { className: "flex gap-1", children: [
              /* @__PURE__ */ jsx11("button", { onClick: () => handleOpenEdit(user), className: "p-1.5 text-slate-400 hover:text-blue-600 transition-colors", children: /* @__PURE__ */ jsx11(Pencil3, { size: 16 }) }),
              /* @__PURE__ */ jsx11("button", { onClick: () => onDeleteUser(user.id), className: "p-1.5 text-slate-400 hover:text-red-600 transition-colors", children: /* @__PURE__ */ jsx11(Trash25, { size: 16 }) })
            ] })
          ] }),
          /* @__PURE__ */ jsxs11("div", { className: "space-y-2.5 mb-5 text-sm text-slate-600", children: [
            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
              /* @__PURE__ */ jsx11(Mail3, { size: 14, className: "text-slate-400" }),
              /* @__PURE__ */ jsx11("span", { className: "truncate", children: user.email })
            ] }),
            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
              /* @__PURE__ */ jsx11(Phone2, { size: 14, className: "text-slate-400" }),
              /* @__PURE__ */ jsx11("span", { children: user.phone })
            ] }),
            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
              /* @__PURE__ */ jsx11(Calendar5, { size: 14, className: "text-slate-400" }),
              /* @__PURE__ */ jsxs11("span", { children: [
                "Joined: ",
                user.joinDate
              ] })
            ] })
          ] }),
          /* @__PURE__ */ jsxs11("div", { className: "pt-4 border-t border-slate-100 flex items-center justify-between", children: [
            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5", children: [
              /* @__PURE__ */ jsx11(Shield, { size: 14, className: "text-slate-400" }),
              /* @__PURE__ */ jsx11("span", { className: "text-xs font-medium text-slate-500", children: "Access: Standard" })
            ] }),
            /* @__PURE__ */ jsxs11("div", { className: `flex items-center gap-1 text-xs font-bold ${user.active ? "text-emerald-600" : "text-red-500"}`, children: [
              user.active ? /* @__PURE__ */ jsx11(CheckCircle2, { size: 14 }) : /* @__PURE__ */ jsx11(MinusCircle, { size: 14 }),
              user.active ? "Active" : "Inactive"
            ] })
          ] })
        ] }, user.id)),
        filteredUsers.length === 0 && /* @__PURE__ */ jsxs11("div", { className: "col-span-full py-16 text-center text-slate-500 flex flex-col items-center", children: [
          /* @__PURE__ */ jsx11("div", { className: "bg-slate-100 p-4 rounded-full mb-4", children: /* @__PURE__ */ jsx11(UserCircle2, { size: 48, className: "text-slate-300" }) }),
          /* @__PURE__ */ jsx11("p", { className: "font-medium", children: "No staff members found matching your search." })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsx11(
      Modal_default,
      {
        isOpen: isModalOpen,
        onClose: () => setIsModalOpen(false),
        title: editingId ? "Update Staff Member" : "Register New Staff",
        size: "md",
        footer: /* @__PURE__ */ jsxs11("div", { className: "flex gap-3", children: [
          /* @__PURE__ */ jsx11(
            "button",
            {
              type: "button",
              onClick: () => setIsModalOpen(false),
              className: "flex-1 px-4 py-3 border border-slate-300 text-slate-700 rounded-xl hover:bg-slate-50 font-bold transition-all",
              children: "Cancel"
            }
          ),
          /* @__PURE__ */ jsx11(
            "button",
            {
              type: "submit",
              form: "userForm",
              className: "flex-1 px-4 py-3 bg-slate-900 text-white rounded-xl hover:bg-slate-800 font-bold shadow-lg shadow-slate-900/10 transition-all",
              children: editingId ? "Save Updates" : "Add Staff Member"
            }
          )
        ] }),
        children: /* @__PURE__ */ jsxs11("form", { id: "userForm", onSubmit: handleSubmit, className: "space-y-4", children: [
          /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
            /* @__PURE__ */ jsx11("label", { className: "text-[11px] font-bold text-slate-500 uppercase tracking-wider ml-1", children: "Full Name" }),
            /* @__PURE__ */ jsx11(
              "input",
              {
                required: true,
                type: "text",
                placeholder: "e.g. John Doe",
                className: "w-full px-4 py-2.5 bg-slate-50 border border-slate-200 rounded-xl focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 outline-none transition-all",
                value: formData.name,
                onChange: (e) => setFormData({ ...formData, name: e.target.value })
              }
            )
          ] }),
          /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-2 gap-4", children: [
            /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
              /* @__PURE__ */ jsx11("label", { className: "text-[11px] font-bold text-slate-500 uppercase tracking-wider ml-1", children: "Email" }),
              /* @__PURE__ */ jsx11(
                "input",
                {
                  required: true,
                  type: "email",
                  placeholder: "john@example.com",
                  className: "w-full px-4 py-2.5 bg-slate-50 border border-slate-200 rounded-xl focus:ring-2 focus:ring-emerald-500/20 outline-none",
                  value: formData.email,
                  onChange: (e) => setFormData({ ...formData, email: e.target.value })
                }
              )
            ] }),
            /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
              /* @__PURE__ */ jsx11("label", { className: "text-[11px] font-bold text-slate-500 uppercase tracking-wider ml-1", children: "Phone" }),
              /* @__PURE__ */ jsx11(
                "input",
                {
                  required: true,
                  type: "text",
                  placeholder: "+92...",
                  className: "w-full px-4 py-2.5 bg-slate-50 border border-slate-200 rounded-xl focus:ring-2 focus:ring-emerald-500/20 outline-none",
                  value: formData.phone,
                  onChange: (e) => setFormData({ ...formData, phone: e.target.value })
                }
              )
            ] })
          ] }),
          /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-2 gap-4", children: [
            /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
              /* @__PURE__ */ jsx11("label", { className: "text-[11px] font-bold text-slate-500 uppercase tracking-wider ml-1", children: "System Role" }),
              /* @__PURE__ */ jsxs11(
                "select",
                {
                  required: true,
                  className: "w-full px-4 py-2.5 bg-slate-50 border border-slate-200 rounded-xl focus:ring-2 focus:ring-emerald-500/20 outline-none appearance-none cursor-pointer",
                  value: formData.role,
                  onChange: (e) => setFormData({ ...formData, role: e.target.value }),
                  children: [
                    /* @__PURE__ */ jsx11("option", { value: "Admin" /* ADMIN */, children: "Administrator" }),
                    /* @__PURE__ */ jsx11("option", { value: "Pharmacist" /* PHARMACIST */, children: "Pharmacist" }),
                    /* @__PURE__ */ jsx11("option", { value: "Cashier" /* CASHIER */, children: "Cashier" })
                  ]
                }
              )
            ] }),
            /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
              /* @__PURE__ */ jsx11("label", { className: "text-[11px] font-bold text-slate-500 uppercase tracking-wider ml-1", children: "Join Date" }),
              /* @__PURE__ */ jsx11(
                "input",
                {
                  required: true,
                  type: "date",
                  className: "w-full px-4 py-2.5 bg-slate-50 border border-slate-200 rounded-xl focus:ring-2 focus:ring-emerald-500/20 outline-none",
                  value: formData.joinDate,
                  onChange: (e) => setFormData({ ...formData, joinDate: e.target.value })
                }
              )
            ] })
          ] }),
          /* @__PURE__ */ jsxs11("div", { className: "pt-2 flex items-center gap-2", children: [
            /* @__PURE__ */ jsx11(
              "input",
              {
                type: "checkbox",
                id: "active",
                checked: formData.active,
                onChange: (e) => setFormData({ ...formData, active: e.target.checked }),
                className: "w-4 h-4 text-emerald-600 border-slate-300 rounded focus:ring-emerald-500"
              }
            ),
            /* @__PURE__ */ jsx11("label", { htmlFor: "active", className: "text-sm font-medium text-slate-700 select-none", children: "Account is active" })
          ] })
        ] })
      }
    )
  ] });
};
var Users_default = Users3;

// components/Settings.tsx
import { useState as useState9 } from "react";
import {
  Store,
  CreditCard,
  Monitor,
  Lock as Lock2,
  Save,
  Database,
  Printer,
  Trash2 as Trash26,
  CheckCircle2 as CheckCircle22,
  AlertCircle as AlertCircle4
} from "lucide-react";
import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
var Settings = ({ settings, onUpdateSettings }) => {
  const [activeTab, setActiveTab] = useState9("profile");
  const [formData, setFormData] = useState9(settings);
  const [isSaved, setIsSaved] = useState9(false);
  const handleSave = (e) => {
    e.preventDefault();
    onUpdateSettings(formData);
    setIsSaved(true);
    setTimeout(() => setIsSaved(false), 3e3);
  };
  const tabs = [
    { id: "profile", label: "Store Profile", icon: /* @__PURE__ */ jsx12(Store, { size: 18 }) },
    { id: "financial", label: "Financials", icon: /* @__PURE__ */ jsx12(CreditCard, { size: 18 }) },
    { id: "system", label: "System", icon: /* @__PURE__ */ jsx12(Monitor, { size: 18 }) },
    { id: "security", label: "Security", icon: /* @__PURE__ */ jsx12(Lock2, { size: 18 }) }
  ];
  return /* @__PURE__ */ jsx12("div", { className: "w-full h-full space-y-6", children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col lg:flex-row gap-8 items-start", children: [
    /* @__PURE__ */ jsxs12("div", { className: "w-full lg:w-72 flex flex-col gap-1 sticky top-24", children: [
      /* @__PURE__ */ jsx12("div", { className: "mb-4 px-4", children: /* @__PURE__ */ jsx12("h2", { className: "text-sm font-black text-slate-400 uppercase tracking-[0.2em]", children: "Configuration" }) }),
      tabs.map((tab) => /* @__PURE__ */ jsxs12(
        "button",
        {
          onClick: () => setActiveTab(tab.id),
          className: `flex items-center gap-4 px-6 py-4 rounded-2xl font-bold transition-all duration-200 ${activeTab === tab.id ? "bg-emerald-600 text-white shadow-xl shadow-emerald-600/30 translate-x-1" : "text-slate-500 hover:bg-white hover:text-emerald-600 hover:shadow-sm"}`,
          children: [
            /* @__PURE__ */ jsx12("span", { className: `${activeTab === tab.id ? "text-white" : "text-slate-400"}`, children: tab.icon }),
            tab.label
          ]
        },
        tab.id
      ))
    ] }),
    /* @__PURE__ */ jsx12("div", { className: "flex-1 w-full bg-white rounded-[2.5rem] shadow-sm border border-slate-200 overflow-hidden flex flex-col min-h-[600px]", children: /* @__PURE__ */ jsxs12("form", { onSubmit: handleSave, className: "flex flex-col h-full", children: [
      /* @__PURE__ */ jsxs12("div", { className: "p-10 flex-1", children: [
        activeTab === "profile" && /* @__PURE__ */ jsxs12("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500", children: [
          /* @__PURE__ */ jsxs12("div", { className: "border-b border-slate-100 pb-6 mb-8", children: [
            /* @__PURE__ */ jsx12("h3", { className: "text-2xl font-black text-slate-900", children: "Store Profile" }),
            /* @__PURE__ */ jsx12("p", { className: "text-slate-500 mt-1", children: "Manage your pharmacy's identity and contact details displayed on invoices." })
          ] }),
          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", children: [
            /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
              /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1", children: "Pharmacy Name" }),
              /* @__PURE__ */ jsxs12("div", { className: "relative group", children: [
                /* @__PURE__ */ jsx12(Store, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-slate-300 group-focus-within:text-emerald-500 transition-colors", size: 20 }),
                /* @__PURE__ */ jsx12(
                  "input",
                  {
                    type: "text",
                    required: true,
                    className: "w-full pl-12 pr-4 py-4 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all font-semibold",
                    value: formData.storeName,
                    onChange: (e) => setFormData({ ...formData, storeName: e.target.value })
                  }
                )
              ] })
            ] }),
            /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
              /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1", children: "Official Contact" }),
              /* @__PURE__ */ jsx12(
                "input",
                {
                  type: "text",
                  required: true,
                  className: "w-full px-5 py-4 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all font-semibold",
                  value: formData.phone,
                  onChange: (e) => setFormData({ ...formData, phone: e.target.value })
                }
              )
            ] }),
            /* @__PURE__ */ jsxs12("div", { className: "space-y-2 col-span-full", children: [
              /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1", children: "Business Email" }),
              /* @__PURE__ */ jsx12(
                "input",
                {
                  type: "email",
                  required: true,
                  className: "w-full px-5 py-4 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all font-semibold",
                  value: formData.email,
                  onChange: (e) => setFormData({ ...formData, email: e.target.value })
                }
              )
            ] }),
            /* @__PURE__ */ jsxs12("div", { className: "space-y-2 col-span-full", children: [
              /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1", children: "Full Business Address" }),
              /* @__PURE__ */ jsx12(
                "textarea",
                {
                  required: true,
                  className: "w-full px-5 py-4 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all resize-none font-semibold",
                  rows: 4,
                  value: formData.address,
                  onChange: (e) => setFormData({ ...formData, address: e.target.value })
                }
              )
            ] })
          ] })
        ] }),
        activeTab === "financial" && /* @__PURE__ */ jsxs12("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500", children: [
          /* @__PURE__ */ jsxs12("div", { className: "border-b border-slate-100 pb-6 mb-8", children: [
            /* @__PURE__ */ jsx12("h3", { className: "text-2xl font-black text-slate-900", children: "Financial & Logic" }),
            /* @__PURE__ */ jsx12("p", { className: "text-slate-500 mt-1", children: "Configure global pricing rules, taxes, and inventory alert systems." })
          ] }),
          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", children: [
            /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
              /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1 text-emerald-600", children: "Currency Identifier" }),
              /* @__PURE__ */ jsx12(
                "input",
                {
                  type: "text",
                  required: true,
                  className: "w-full px-5 py-4 bg-emerald-50/30 border border-emerald-100 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all font-black text-emerald-600 text-xl",
                  value: formData.currency,
                  onChange: (e) => setFormData({ ...formData, currency: e.target.value })
                }
              )
            ] }),
            /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
              /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1", children: "Standard Sales Tax (%)" }),
              /* @__PURE__ */ jsx12(
                "input",
                {
                  type: "number",
                  required: true,
                  className: "w-full px-5 py-4 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all font-semibold",
                  value: formData.taxRate,
                  onChange: (e) => setFormData({ ...formData, taxRate: parseFloat(e.target.value) || 0 })
                }
              )
            ] }),
            /* @__PURE__ */ jsx12("div", { className: "space-y-2 col-span-full", children: /* @__PURE__ */ jsxs12("div", { className: "bg-red-50 p-6 rounded-3xl border border-red-100", children: [
              /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-red-400 uppercase tracking-widest block mb-2", children: "Inventory Health: Low Stock Threshold" }),
              /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-4", children: [
                /* @__PURE__ */ jsx12(
                  "input",
                  {
                    type: "number",
                    required: true,
                    className: "flex-1 px-5 py-4 bg-white border border-red-200 rounded-2xl focus:ring-4 focus:ring-red-500/10 focus:border-red-500 outline-none transition-all text-red-600 font-black text-2xl",
                    value: formData.lowStockThreshold,
                    onChange: (e) => setFormData({ ...formData, lowStockThreshold: parseInt(e.target.value) || 0 })
                  }
                ),
                /* @__PURE__ */ jsx12("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxs12("p", { className: "text-xs text-red-500/70 font-medium leading-tight", children: [
                  "Items with quantity below this value ",
                  /* @__PURE__ */ jsx12("br", {}),
                  " will trigger high-priority alerts."
                ] }) })
              ] })
            ] }) })
          ] })
        ] }),
        activeTab === "system" && /* @__PURE__ */ jsxs12("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500", children: [
          /* @__PURE__ */ jsxs12("div", { className: "border-b border-slate-100 pb-6 mb-8", children: [
            /* @__PURE__ */ jsx12("h3", { className: "text-2xl font-black text-slate-900", children: "System Preferences" }),
            /* @__PURE__ */ jsx12("p", { className: "text-slate-500 mt-1", children: "Configure automated behaviors and invoice customization." })
          ] }),
          /* @__PURE__ */ jsxs12("div", { className: "space-y-8", children: [
            /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between p-6 bg-slate-50 rounded-[2rem] border border-slate-100 hover:border-emerald-200 transition-colors group", children: [
              /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-5", children: [
                /* @__PURE__ */ jsx12("div", { className: "p-4 bg-white rounded-2xl shadow-sm group-hover:text-emerald-600 transition-colors", children: /* @__PURE__ */ jsx12(Printer, { size: 28 }) }),
                /* @__PURE__ */ jsxs12("div", { children: [
                  /* @__PURE__ */ jsx12("p", { className: "text-lg font-black text-slate-800", children: "Automatic Receipt Printing" }),
                  /* @__PURE__ */ jsx12("p", { className: "text-sm text-slate-500", children: "Automatically open the print dialog immediately after a sale is finalized." })
                ] })
              ] }),
              /* @__PURE__ */ jsx12(
                "button",
                {
                  type: "button",
                  onClick: () => setFormData({ ...formData, autoPrintReceipt: !formData.autoPrintReceipt }),
                  className: `w-16 h-8 rounded-full relative transition-all duration-300 ${formData.autoPrintReceipt ? "bg-emerald-500 shadow-lg shadow-emerald-500/30" : "bg-slate-300"}`,
                  children: /* @__PURE__ */ jsx12("div", { className: `absolute top-1 w-6 h-6 bg-white rounded-full shadow-md transition-all duration-300 ${formData.autoPrintReceipt ? "right-1" : "left-1"}` })
                }
              )
            ] }),
            /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 gap-6", children: [
              /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
                /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1", children: "Receipt Branding Header" }),
                /* @__PURE__ */ jsx12(
                  "input",
                  {
                    type: "text",
                    placeholder: "e.g. Abdullah Medical Store - Serving Health",
                    className: "w-full px-5 py-4 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all font-semibold",
                    value: formData.receiptHeader,
                    onChange: (e) => setFormData({ ...formData, receiptHeader: e.target.value })
                  }
                )
              ] }),
              /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
                /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1", children: "Receipt Customer Note" }),
                /* @__PURE__ */ jsx12(
                  "input",
                  {
                    type: "text",
                    placeholder: "e.g. Items cannot be returned without original receipt",
                    className: "w-full px-5 py-4 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all font-semibold",
                    value: formData.receiptFooter,
                    onChange: (e) => setFormData({ ...formData, receiptFooter: e.target.value })
                  }
                )
              ] })
            ] }),
            /* @__PURE__ */ jsxs12("div", { className: "pt-8 border-t border-slate-100", children: [
              /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 mb-6", children: [
                /* @__PURE__ */ jsx12(AlertCircle4, { className: "text-red-500", size: 18 }),
                /* @__PURE__ */ jsx12("h4", { className: "text-[11px] font-black text-red-500 uppercase tracking-[0.2em]", children: "Maintenance & Data Safety" })
              ] }),
              /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap gap-4", children: [
                /* @__PURE__ */ jsxs12("button", { type: "button", className: "flex items-center gap-3 px-6 py-3 bg-white border-2 border-slate-100 text-slate-700 rounded-2xl text-sm font-black hover:bg-slate-50 hover:border-slate-200 transition-all", children: [
                  /* @__PURE__ */ jsx12(Database, { size: 18 }),
                  " Export Encrypted Backup"
                ] }),
                /* @__PURE__ */ jsxs12("button", { type: "button", className: "flex items-center gap-3 px-6 py-3 bg-red-50 text-red-600 rounded-2xl text-sm font-black hover:bg-red-100 transition-all border border-red-100", children: [
                  /* @__PURE__ */ jsx12(Trash26, { size: 18 }),
                  " Wipe System Data"
                ] })
              ] })
            ] })
          ] })
        ] }),
        activeTab === "security" && /* @__PURE__ */ jsxs12("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500", children: [
          /* @__PURE__ */ jsxs12("div", { className: "border-b border-slate-100 pb-6 mb-8", children: [
            /* @__PURE__ */ jsx12("h3", { className: "text-2xl font-black text-slate-900", children: "Security & Authentication" }),
            /* @__PURE__ */ jsx12("p", { className: "text-slate-500 mt-1", children: "Update administrative credentials and manage system access." })
          ] }),
          /* @__PURE__ */ jsxs12("div", { className: "max-w-xl space-y-6", children: [
            /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
              /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1", children: "Current Password" }),
              /* @__PURE__ */ jsx12(
                "input",
                {
                  type: "password",
                  placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                  className: "w-full px-5 py-4 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all"
                }
              )
            ] }),
            /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
              /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1", children: "New Administrative Password" }),
              /* @__PURE__ */ jsx12(
                "input",
                {
                  type: "password",
                  placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                  className: "w-full px-5 py-4 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all"
                }
              )
            ] }),
            /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
              /* @__PURE__ */ jsx12("label", { className: "text-[11px] font-black text-slate-400 uppercase tracking-widest ml-1", children: "Confirm New Password" }),
              /* @__PURE__ */ jsx12(
                "input",
                {
                  type: "password",
                  placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                  className: "w-full px-5 py-4 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 outline-none transition-all"
                }
              )
            ] })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ jsxs12("div", { className: "p-8 bg-slate-50/80 backdrop-blur-md border-t border-slate-100 flex flex-col sm:flex-row justify-between items-center gap-4", children: [
        /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-3", children: isSaved ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-emerald-600 bg-emerald-50 px-4 py-2 rounded-full border border-emerald-100 animate-in fade-in slide-in-from-left-4", children: [
          /* @__PURE__ */ jsx12(CheckCircle22, { size: 16 }),
          /* @__PURE__ */ jsx12("span", { className: "text-sm font-bold", children: "Configurations Updated" })
        ] }) : /* @__PURE__ */ jsx12("p", { className: "text-xs text-slate-400 font-medium", children: "Please review all changes before committing to system update." }) }),
        /* @__PURE__ */ jsxs12(
          "button",
          {
            type: "submit",
            className: "w-full sm:w-auto flex items-center justify-center gap-3 px-12 py-4 bg-emerald-600 text-white rounded-2xl font-black text-base shadow-xl shadow-emerald-600/20 hover:bg-emerald-700 hover:shadow-2xl hover:shadow-emerald-600/40 active:scale-[0.98] transition-all duration-300",
            children: [
              /* @__PURE__ */ jsx12(Save, { size: 20 }),
              "Save All Changes"
            ]
          }
        )
      ] })
    ] }) })
  ] }) });
};
var Settings_default = Settings;

// App.tsx
import { jsx as jsx13 } from "react/jsx-runtime";
var sanitizeProduct = (product) => ({
  ...product,
  stripsPerPack: parseInt(String(product.stripsPerPack), 10) || 1,
  unitsPerStrip: parseInt(String(product.unitsPerStrip), 10) || 1,
  pricePack: parseFloat(String(product.pricePack)) || 0,
  priceStrip: parseFloat(String(product.priceStrip)) || 0,
  priceUnit: parseFloat(String(product.priceUnit)) || 0,
  cost: parseFloat(String(product.cost)) || 0,
  stock: parseInt(String(product.stock), 10) || 0,
  autoUpdatePricing: Boolean(product.autoUpdatePricing),
  batches: (product.batches || []).map((batch) => ({
    ...batch,
    quantity: parseInt(String(batch.quantity), 10) || 0,
    cost: parseFloat(String(batch.cost)) || 0
  }))
});
var sanitizeVendor = (vendor) => ({
  ...vendor,
  payableAmount: parseFloat(String(vendor.payableAmount)) || 0,
  activeOrders: parseInt(String(vendor.activeOrders), 10) || 0
});
var sanitizePurchaseOrder = (order) => ({
  ...order,
  totalCost: parseFloat(String(order.totalCost)) || 0,
  items: (order.items || []).map((item) => ({
    ...item,
    quantity: parseInt(String(item.quantity), 10) || 0,
    cost: parseFloat(String(item.cost)) || 0
  }))
});
var sanitizeExpenditure = (exp) => ({
  ...exp,
  amount: parseFloat(String(exp.amount)) || 0
});
var sanitizeSale = (sale) => ({
  ...sale,
  totalAmount: parseFloat(String(sale.totalAmount)) || 0,
  items: (sale.items || []).map((item) => ({
    ...item,
    quantity: parseInt(String(item.quantity), 10) || 0
  }))
});
var App = () => {
  const [isAuthenticated, setIsAuthenticated] = useState10(false);
  const [currentView, setCurrentView] = useState10("DASHBOARD" /* DASHBOARD */);
  const [loading, setLoading] = useState10(true);
  const [products, setProducts] = useState10([]);
  const [vendors, setVendors] = useState10([]);
  const [purchaseOrders, setPurchaseOrders] = useState10([]);
  const [expenditures, setExpenditures] = useState10([]);
  const [sales, setSales] = useState10([]);
  const [expCategories, setExpCategories] = useState10([]);
  const [users, setUsers] = useState10([]);
  const [settings, setSettings] = useState10(null);
  const apiRequest = async (action, payload) => {
    try {
      const response = await fetch("https://brightbrains.pk/store/api.php", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ action, payload })
      });
      if (!response.ok) {
        throw new Error(`HTTP error! status: ${response.status}`);
      }
      return await response.json();
    } catch (error) {
      console.error(`API Request failed for action: ${action}`, error);
      return { success: false, message: "An unexpected error occurred." };
    }
  };
  useEffect2(() => {
    const checkAuth = () => {
      const loggedIn = sessionStorage.getItem("isAuthenticated");
      if (loggedIn) {
        setIsAuthenticated(true);
      } else {
        setIsAuthenticated(false);
        setLoading(false);
      }
    };
    checkAuth();
  }, []);
  useEffect2(() => {
    const fetchInitialData = async () => {
      setLoading(true);
      const result = await apiRequest("get_initial_data");
      if (result.success) {
        setProducts((result.data.products || []).map(sanitizeProduct));
        setVendors((result.data.vendors || []).map(sanitizeVendor));
        setPurchaseOrders((result.data.purchase_orders || []).map(sanitizePurchaseOrder));
        setExpenditures((result.data.expenditures || []).map(sanitizeExpenditure));
        setSales((result.data.sales || []).map(sanitizeSale));
        setExpCategories(result.data.exp_categories.map((c) => c.name) || []);
        setUsers(result.data.users || []);
        setSettings(result.data.settings ? {
          ...result.data.settings,
          taxRate: parseFloat(String(result.data.settings.taxRate)) || 0,
          lowStockThreshold: parseInt(String(result.data.settings.lowStockThreshold), 10) || 0
        } : null);
      } else {
        console.error("Failed to fetch initial data:", result.message);
      }
      setLoading(false);
    };
    if (isAuthenticated) {
      fetchInitialData();
    }
  }, [isAuthenticated]);
  const handleLogin = () => {
    sessionStorage.setItem("isAuthenticated", "true");
    setIsAuthenticated(true);
  };
  const handleLogout = () => {
    sessionStorage.removeItem("isAuthenticated");
    setIsAuthenticated(false);
    setCurrentView("DASHBOARD" /* DASHBOARD */);
  };
  const handleSaleComplete = async (items, total, method) => {
    const newSale = {
      date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
      totalAmount: total,
      paymentMethod: method,
      items: items.map((item) => ({ ...item, product_id: item.id }))
      // Ensure product_id for backend
    };
    const result = await apiRequest("add_sale", newSale);
    if (result.success) {
      setSales((prev) => [sanitizeSale(result.data.sale), ...prev]);
      setProducts((result.data.updated_products || []).map(sanitizeProduct));
    }
  };
  const handleAddProduct = async (product) => {
    const result = await apiRequest("add_product", product);
    if (result.success) setProducts((prev) => [sanitizeProduct(result.data), ...prev]);
  };
  const handleEditProduct = async (product) => {
    const result = await apiRequest("edit_product", product);
    if (result.success) setProducts((prev) => prev.map((p) => p.id === product.id ? sanitizeProduct(result.data) : p));
  };
  const handleDeleteProduct = async (id) => {
    if (!window.confirm("Are you sure you want to delete this product? This action cannot be undone.")) return;
    const result = await apiRequest("delete_product", { id });
    if (result.success) setProducts((prev) => prev.filter((p) => p.id !== id));
  };
  const handleAddVendor = async (vendor) => {
    const result = await apiRequest("add_vendor", vendor);
    if (result.success) setVendors((prev) => [sanitizeVendor(result.data), ...prev]);
  };
  const handleEditVendor = async (vendor) => {
    const result = await apiRequest("edit_vendor", vendor);
    if (result.success) setVendors((prev) => prev.map((v) => v.id === vendor.id ? sanitizeVendor(result.data) : v));
  };
  const handleDeleteVendor = async (id) => {
    if (!window.confirm("Are you sure you want to delete this vendor?")) return;
    const result = await apiRequest("delete_vendor", { id });
    if (result.success) setVendors((prev) => prev.filter((v) => v.id !== id));
  };
  const handleCreateOrder = async (order) => {
    const result = await apiRequest("add_purchase_order", order);
    if (result.success) setPurchaseOrders((prev) => [sanitizePurchaseOrder(result.data), ...prev]);
  };
  const handleReceiveOrder = async (orderId, updates) => {
    const result = await apiRequest("receive_purchase_order", { orderId, updates });
    if (result.success) {
      setPurchaseOrders((prev) => prev.map((o) => o.id === orderId ? sanitizePurchaseOrder(result.data.order) : o));
      setProducts((result.data.products || []).map(sanitizeProduct));
      setVendors((result.data.vendors || []).map(sanitizeVendor));
    }
  };
  const handleCancelOrder = async (id) => {
    const result = await apiRequest("update_purchase_order_status", { id, status: "Cancelled" });
    if (result.success) setPurchaseOrders((prev) => prev.map((o) => o.id === id ? sanitizePurchaseOrder(result.data) : o));
  };
  const handleAddExpenditure = async (exp) => {
    const result = await apiRequest("add_expenditure", exp);
    if (result.success) setExpenditures((prev) => [sanitizeExpenditure(result.data), ...prev]);
  };
  const handleDeleteExpenditure = async (id) => {
    if (!window.confirm("Are you sure you want to delete this expenditure record?")) return;
    const result = await apiRequest("delete_expenditure", { id });
    if (result.success) setExpenditures((prev) => prev.filter((e) => e.id !== id));
  };
  const handleAddCategory = async (cat) => {
    const result = await apiRequest("add_expenditure_category", { name: cat });
    if (result.success) setExpCategories((prev) => [...prev, cat]);
  };
  const handleDeleteCategory = async (cat) => {
    const result = await apiRequest("delete_expenditure_category", { name: cat });
    if (result.success) setExpCategories((prev) => prev.filter((c) => c !== cat));
  };
  const handleAddUser = async (user) => {
    const result = await apiRequest("add_user", user);
    if (result.success) setUsers((prev) => [result.data, ...prev]);
  };
  const handleEditUser = async (user) => {
    const result = await apiRequest("edit_user", user);
    if (result.success) setUsers((prev) => prev.map((u) => u.id === user.id ? result.data : u));
  };
  const handleDeleteUser = async (id) => {
    if (!window.confirm("Are you sure you want to remove this user's access?")) return;
    const result = await apiRequest("delete_user", { id });
    if (result.success) setUsers((prev) => prev.filter((u) => u.id !== id));
  };
  const handleUpdateSettings = async (newSettings) => {
    const result = await apiRequest("update_settings", newSettings);
    if (result.success) {
      setSettings({
        ...result.data,
        taxRate: parseFloat(String(result.data.taxRate)) || 0,
        lowStockThreshold: parseInt(String(result.data.lowStockThreshold), 10) || 0
      });
    }
  };
  const renderContent = () => {
    if (loading) {
      return /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx13("p", { children: "Loading Store Data..." }) });
    }
    switch (currentView) {
      case "DASHBOARD" /* DASHBOARD */:
        return /* @__PURE__ */ jsx13(Dashboard_default, {});
      case "POS" /* POS */:
        return /* @__PURE__ */ jsx13(POS_default, { products: products.filter((p) => p.stock > 0), onCompleteSale: handleSaleComplete });
      case "INVENTORY" /* INVENTORY */:
        return /* @__PURE__ */ jsx13(Inventory_default, { products, onAddProduct: handleAddProduct, onEditProduct: handleEditProduct, onDeleteProduct: handleDeleteProduct });
      case "PURCHASE" /* PURCHASE */:
        return /* @__PURE__ */ jsx13(PurchaseOrders_default, { orders: purchaseOrders, vendors, products, onCreateOrder: handleCreateOrder, onReceiveOrder: handleReceiveOrder, onCancelOrder: handleCancelOrder });
      case "VENDORS" /* VENDORS */:
        return /* @__PURE__ */ jsx13(Vendors_default, { vendors, onAddVendor: handleAddVendor, onEditVendor: handleEditVendor, onDeleteVendor: handleDeleteVendor });
      case "EXPENDITURE" /* EXPENDITURE */:
        return /* @__PURE__ */ jsx13(Expenditure_default, { expenditures, categories: expCategories, onAddCategory: handleAddCategory, onDeleteCategory: handleDeleteCategory, onAddExpenditure: handleAddExpenditure, onDeleteExpenditure: handleDeleteExpenditure });
      case "REPORTS" /* REPORTS */:
        return /* @__PURE__ */ jsx13(Reports_default, { sales, purchases: purchaseOrders, expenditures, products, vendors });
      case "USERS" /* USERS */:
        return /* @__PURE__ */ jsx13(Users_default, { users, onAddUser: handleAddUser, onEditUser: handleEditUser, onDeleteUser: handleDeleteUser });
      case "SETTINGS" /* SETTINGS */:
        return settings ? /* @__PURE__ */ jsx13(Settings_default, { settings, onUpdateSettings: handleUpdateSettings }) : /* @__PURE__ */ jsx13("div", { children: "Loading settings..." });
      default:
        return /* @__PURE__ */ jsx13(Dashboard_default, {});
    }
  };
  if (!isAuthenticated) return /* @__PURE__ */ jsx13(LoginPage_default, { onLogin: handleLogin });
  return /* @__PURE__ */ jsx13(Layout_default, { currentView, onNavigate: setCurrentView, onLogout: handleLogout, storeName: settings?.storeName, storePhone: settings?.phone, storeAddress: settings?.address, children: renderContent() });
};
var App_default = App;

// index.tsx
import { jsx as jsx14 } from "react/jsx-runtime";
var rootElement = document.getElementById("root");
if (!rootElement) {
  throw new Error("Could not find root element to mount to");
}
var root = ReactDOM.createRoot(rootElement);
root.render(
  /* @__PURE__ */ jsx14(React12.StrictMode, { children: /* @__PURE__ */ jsx14(App_default, {}) })
);
//# sourceMappingURL=bundle.js.map

0xn0l - 0011000001111000011011100011000001101100