@burdenoff/microfe-coolandlovely 2026.614.1

package/dist/coolandlovely/pages/cart-owner/InventoryManagementPage.js

@@ -0,0 +1,913 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { formatCurrency as r } from "../../utils/formatters.js";
+import { mockProducts as i } from "../../mocks/data.js";
+import { useMemo as a, useState as o } from "react";
+import { AlertCircle as ee, CheckCircle2 as te, Edit2 as ne, Package as s, Plus as c, Search as re, Trash2 as ie, Upload as ae, X as oe } from "lucide-react";
+import { Fragment as se, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/cart-owner/InventoryManagementPage.tsx
+var d = [
+	"Service",
+	"Repair",
+	"Beauty",
+	"Care",
+	"Cleaning",
+	"Health",
+	"Wellness",
+	"Education"
+], f = (e) => d.some((t) => e.includes(t)), p = (e) => e === "Food & Beverage", m = [
+	10,
+	25,
+	0,
+	50,
+	8,
+	15,
+	3,
+	100,
+	42,
+	0,
+	20,
+	6,
+	35,
+	18,
+	12,
+	30,
+	5,
+	22,
+	0,
+	45
+], h = () => i.slice(0, 20).map((e, t) => ({
+	id: e.id,
+	name: e.name,
+	description: e.description ?? `${e.name} - quality offering from ${e.cartName}`,
+	price: e.price,
+	originalPrice: t % 4 == 0 ? Math.round(e.price * 1.2) : void 0,
+	category: e.category,
+	stock: m[t] ?? 10,
+	isAvailable: t !== 2 && t !== 9 && t !== 18,
+	cartName: e.cartName,
+	preparationTime: 15,
+	calories: p(e.category) ? Math.floor(Math.random() * 400) + 100 : 0,
+	isVegetarian: t % 3 == 0,
+	isVegan: t % 5 == 0,
+	isGlutenFree: t % 7 == 0,
+	spiceLevel: [
+		"mild",
+		"medium",
+		"spicy",
+		"none"
+	][t % 4],
+	tags: [
+		"popular",
+		"trending",
+		"new"
+	].slice(0, t % 3 + 1),
+	allergens: p(e.category) ? ["nuts", "dairy"].slice(0, t % 2 + 1) : [],
+	duration: f(e.category) ? 30 + t * 5 : 0,
+	serviceType: f(e.category) ? [
+		"instant",
+		"appointment",
+		"recurring",
+		"consultation"
+	][t % 4] : "",
+	requirements: f(e.category) ? ["advance booking"] : []
+})), g = {
+	name: "",
+	description: "",
+	category: "",
+	price: 0,
+	originalPrice: void 0,
+	isAvailable: !0,
+	stock: 0,
+	preparationTime: 15,
+	calories: 0,
+	isVegetarian: !1,
+	isVegan: !1,
+	isGlutenFree: !1,
+	spiceLevel: "mild",
+	tags: [],
+	allergens: [],
+	duration: 30,
+	serviceType: "instant",
+	requirements: []
+}, _ = () => {
+	let { navigateTo: i } = e(), [d, m] = o(h), [_, v] = o(""), [y, b] = o(""), [x, S] = o(""), [C, w] = o("name"), [ce, le] = o(!1), [ue, T] = o(!1), [E, D] = o(null), [O, k] = o(g), [A, j] = o(""), [M, N] = o(""), [P, F] = o(""), [I, L] = o(null), R = a(() => [...new Set(d.map((e) => e.category))].sort(), [d]), z = a(() => {
+		let e = [...d];
+		if (_) {
+			let t = _.toLowerCase();
+			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.category.toLowerCase().includes(t) || e.tags.some((e) => e.toLowerCase().includes(t)));
+		}
+		switch (y && (e = e.filter((e) => e.category === y)), x === "available" ? e = e.filter((e) => e.isAvailable) : x === "unavailable" && (e = e.filter((e) => !e.isAvailable)), C) {
+			case "name":
+				e.sort((e, t) => e.name.localeCompare(t.name));
+				break;
+			case "price_low":
+				e.sort((e, t) => e.price - t.price);
+				break;
+			case "price_high":
+				e.sort((e, t) => t.price - e.price);
+				break;
+			case "stock":
+				e.sort((e, t) => e.stock - t.stock);
+				break;
+		}
+		return e;
+	}, [
+		d,
+		_,
+		y,
+		x,
+		C
+	]), B = d.length, V = d.filter((e) => e.isAvailable).length, H = d.filter((e) => !f(e.category) && e.stock === 0).length, U = d.filter((e) => !f(e.category) && e.stock > 0 && e.stock < 10).length, W = (e, t) => {
+		L({
+			text: e,
+			type: t
+		}), setTimeout(() => L(null), 3e3);
+	}, G = () => {
+		D(null), k({
+			...g,
+			category: R[0] || ""
+		}), j(""), N(""), F(""), T(!0);
+	}, K = (e) => {
+		D(e), k({
+			name: e.name,
+			description: e.description,
+			category: e.category,
+			price: e.price,
+			originalPrice: e.originalPrice,
+			isAvailable: e.isAvailable,
+			stock: e.stock,
+			preparationTime: e.preparationTime,
+			calories: e.calories,
+			isVegetarian: e.isVegetarian,
+			isVegan: e.isVegan,
+			isGlutenFree: e.isGlutenFree,
+			spiceLevel: e.spiceLevel,
+			tags: e.tags,
+			allergens: e.allergens,
+			duration: e.duration,
+			serviceType: e.serviceType,
+			requirements: e.requirements
+		}), j(e.tags.join(", ")), N(e.allergens.join(", ")), F(e.requirements.join(", ")), T(!0);
+	}, de = () => {
+		if (!O.name || !O.description || !O.category || O.price <= 0) {
+			W("Please fill all required fields (name, description, category, price > 0)", "error");
+			return;
+		}
+		let e = A.split(",").map((e) => e.trim()).filter(Boolean), t = M.split(",").map((e) => e.trim()).filter(Boolean), n = P.split(",").map((e) => e.trim()).filter(Boolean), r = f(O.category) ? "Service" : "Product";
+		if (E) m((r) => r.map((r) => r.id === E.id ? {
+			...r,
+			...O,
+			tags: e,
+			allergens: t,
+			requirements: n
+		} : r)), W(`${r} updated successfully`, "success");
+		else {
+			let i = {
+				id: `item-${Date.now()}`,
+				...O,
+				tags: e,
+				allergens: t,
+				requirements: n,
+				cartName: "Dosa Express"
+			};
+			m((e) => [i, ...e]), W(`${r} added successfully`, "success");
+		}
+		T(!1);
+	}, q = (e) => {
+		confirm("Are you sure you want to delete this offering?") && (m((t) => t.filter((t) => t.id !== e)), W("Offering deleted successfully", "success"));
+	}, J = (e, t) => {
+		m((n) => n.map((n) => n.id === e ? {
+			...n,
+			isAvailable: t
+		} : n)), W(`Offering ${t ? "enabled" : "disabled"} successfully`, "success");
+	}, Y = (e) => {
+		let t = e === "enable", n = d.filter((e) => e.isAvailable !== t).length;
+		if (n === 0) {
+			W(`No offerings to ${e}`, "error");
+			return;
+		}
+		m((e) => e.map((e) => ({
+			...e,
+			isAvailable: t
+		}))), W(`${n} offerings ${e}d successfully`, "success");
+	}, X = (e) => f(e.category) ? {
+		color: "text-green-600 dark:text-green-400",
+		label: "Available"
+	} : e.stock === 0 ? {
+		color: "text-red-600 dark:text-red-400",
+		label: "Out of Stock"
+	} : e.stock < 10 ? {
+		color: "text-yellow-600 dark:text-yellow-400",
+		label: `Low Stock (${e.stock})`
+	} : {
+		color: "text-green-600 dark:text-green-400",
+		label: `In Stock (${e.stock})`
+	}, Z = O.category ? f(O.category) : !1, fe = O.category ? p(O.category) : !1, Q = !Z && fe, $ = O.name && O.description && O.category && O.price > 0 && (!Z || O.duration && O.duration > 0) && (Z || O.stock >= 0);
+	return /* @__PURE__ */ u(n, {
+		title: "Offerings Management",
+		description: "Manage your products and services",
+		actions: /* @__PURE__ */ u("button", {
+			type: "button",
+			onClick: G,
+			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+			children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Item"]
+		}),
+		children: [/* @__PURE__ */ u("div", {
+			className: "space-y-4",
+			children: [
+				I && /* @__PURE__ */ u("div", {
+					className: t("flex items-center gap-2 rounded-lg border p-3", I.type === "success" ? "border-green-500/30 bg-green-500/10" : "border-red-500/30 bg-red-500/10"),
+					children: [I.type === "success" ? /* @__PURE__ */ l(te, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ l(ee, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ l("span", {
+						className: t("text-sm font-medium", I.type === "success" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+						children: I.text
+					})]
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
+					children: [
+						/* @__PURE__ */ u("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ l("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Total Items"
+							}), /* @__PURE__ */ l("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: B
+							})]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ l("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Available"
+							}), /* @__PURE__ */ l("p", {
+								className: "text-2xl font-bold text-green-600 dark:text-green-400",
+								children: V
+							})]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ l("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Out of Stock"
+							}), /* @__PURE__ */ l("p", {
+								className: "text-2xl font-bold text-red-600 dark:text-red-400",
+								children: H
+							})]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ l("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Low Stock"
+							}), /* @__PURE__ */ l("p", {
+								className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
+								children: U
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "rounded-lg border border-border bg-card p-4 shadow-sm space-y-4",
+					children: [/* @__PURE__ */ u("div", {
+						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3",
+						children: [/* @__PURE__ */ u("div", {
+							className: "flex flex-wrap gap-2",
+							children: [
+								/* @__PURE__ */ u("button", {
+									type: "button",
+									onClick: G,
+									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+									children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Item"]
+								}),
+								/* @__PURE__ */ l("button", {
+									type: "button",
+									onClick: () => Y("enable"),
+									className: "rounded-md border border-border px-3 py-2 text-sm text-foreground hover:bg-muted transition-colors",
+									children: "Enable All"
+								}),
+								/* @__PURE__ */ l("button", {
+									type: "button",
+									onClick: () => Y("disable"),
+									className: "rounded-md border border-border px-3 py-2 text-sm text-foreground hover:bg-muted transition-colors",
+									children: "Disable All"
+								})
+							]
+						}), /* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: () => alert("Import/Export feature coming soon!"),
+							className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm text-foreground hover:bg-muted transition-colors",
+							children: [/* @__PURE__ */ l(ae, { className: "h-4 w-4" }), "Import/Export"]
+						})]
+					}), /* @__PURE__ */ u("div", {
+						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "relative sm:col-span-2 lg:col-span-1",
+								children: [/* @__PURE__ */ l(re, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ l("input", {
+									type: "text",
+									placeholder: "Search offerings...",
+									value: _,
+									onChange: (e) => v(e.target.value),
+									className: "w-full rounded-md border border-border bg-card pl-10 pr-4 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})]
+							}),
+							/* @__PURE__ */ u("select", {
+								value: y,
+								onChange: (e) => b(e.target.value),
+								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								children: [/* @__PURE__ */ l("option", {
+									value: "",
+									children: "All Categories"
+								}), R.map((e) => /* @__PURE__ */ l("option", {
+									value: e,
+									children: e
+								}, e))]
+							}),
+							/* @__PURE__ */ u("select", {
+								value: x,
+								onChange: (e) => S(e.target.value),
+								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								children: [
+									/* @__PURE__ */ l("option", {
+										value: "",
+										children: "All Status"
+									}),
+									/* @__PURE__ */ l("option", {
+										value: "available",
+										children: "Available"
+									}),
+									/* @__PURE__ */ l("option", {
+										value: "unavailable",
+										children: "Unavailable"
+									})
+								]
+							}),
+							/* @__PURE__ */ u("select", {
+								value: C,
+								onChange: (e) => w(e.target.value),
+								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								children: [
+									/* @__PURE__ */ l("option", {
+										value: "name",
+										children: "Name A-Z"
+									}),
+									/* @__PURE__ */ l("option", {
+										value: "price_low",
+										children: "Price: Low to High"
+									}),
+									/* @__PURE__ */ l("option", {
+										value: "price_high",
+										children: "Price: High to Low"
+									}),
+									/* @__PURE__ */ l("option", {
+										value: "stock",
+										children: "Stock: Low to High"
+									})
+								]
+							})
+						]
+					})]
+				}),
+				z.length === 0 ? /* @__PURE__ */ u("div", {
+					className: "rounded-lg border border-border bg-card p-12 text-center shadow-sm",
+					children: [
+						/* @__PURE__ */ l(s, { className: "h-12 w-12 text-muted-foreground opacity-40 mx-auto mb-3" }),
+						/* @__PURE__ */ l("h3", {
+							className: "text-lg font-semibold text-foreground mb-2",
+							children: "No Items Found"
+						}),
+						/* @__PURE__ */ l("p", {
+							className: "text-sm text-muted-foreground mb-4",
+							children: _ || y || x ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings!"
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "flex flex-wrap justify-center gap-3",
+							children: [/* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: G,
+								className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80",
+								children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Your First Item"]
+							}), (_ || y || x) && /* @__PURE__ */ l("button", {
+								type: "button",
+								onClick: () => {
+									v(""), b(""), S(""), w("name");
+								},
+								className: "rounded-md border border-border px-4 py-2 text-sm text-foreground hover:bg-muted",
+								children: "Clear Filters"
+							})]
+						})
+					]
+				}) : /* @__PURE__ */ u(se, { children: [/* @__PURE__ */ l("div", {
+					className: "hidden lg:block rounded-lg border border-border bg-card shadow-sm overflow-hidden",
+					children: /* @__PURE__ */ l("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ u("table", {
+							className: "w-full text-sm",
+							children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", {
+								className: "border-b border-border bg-muted/50",
+								children: [
+									/* @__PURE__ */ l("th", {
+										className: "px-5 py-3 text-left font-medium text-muted-foreground",
+										children: "Item"
+									}),
+									/* @__PURE__ */ l("th", {
+										className: "px-5 py-3 text-left font-medium text-muted-foreground",
+										children: "Category"
+									}),
+									/* @__PURE__ */ l("th", {
+										className: "px-5 py-3 text-right font-medium text-muted-foreground",
+										children: "Price"
+									}),
+									/* @__PURE__ */ l("th", {
+										className: "px-5 py-3 text-left font-medium text-muted-foreground",
+										children: "Stock/Status"
+									}),
+									/* @__PURE__ */ l("th", {
+										className: "px-5 py-3 text-center font-medium text-muted-foreground",
+										children: "Available"
+									}),
+									/* @__PURE__ */ l("th", {
+										className: "px-5 py-3 text-right font-medium text-muted-foreground",
+										children: "Actions"
+									})
+								]
+							}) }), /* @__PURE__ */ l("tbody", { children: z.map((e) => {
+								let n = X(e);
+								return /* @__PURE__ */ u("tr", {
+									className: "border-b border-border last:border-0 hover:bg-muted/30 transition-colors",
+									children: [
+										/* @__PURE__ */ l("td", {
+											className: "px-5 py-3",
+											children: /* @__PURE__ */ u("div", {
+												className: "flex items-center gap-3",
+												children: [/* @__PURE__ */ l("div", {
+													className: "flex h-10 w-10 items-center justify-center rounded-md bg-muted",
+													children: /* @__PURE__ */ l(s, { className: "h-4 w-4 text-muted-foreground" })
+												}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+													className: "font-medium text-foreground",
+													children: e.name
+												}), /* @__PURE__ */ u("p", {
+													className: "text-xs text-muted-foreground line-clamp-1",
+													children: [e.description.slice(0, 50), "..."]
+												})] })]
+											})
+										}),
+										/* @__PURE__ */ l("td", {
+											className: "px-5 py-3",
+											children: /* @__PURE__ */ l("span", {
+												className: "inline-flex rounded-full bg-muted px-2.5 py-0.5 text-xs font-medium text-muted-foreground",
+												children: e.category
+											})
+										}),
+										/* @__PURE__ */ u("td", {
+											className: "px-5 py-3 text-right",
+											children: [/* @__PURE__ */ l("p", {
+												className: "font-medium text-foreground",
+												children: r(e.price, { minimumFractionDigits: 0 })
+											}), e.originalPrice && /* @__PURE__ */ l("p", {
+												className: "text-xs text-muted-foreground line-through",
+												children: r(e.originalPrice, { minimumFractionDigits: 0 })
+											})]
+										}),
+										/* @__PURE__ */ l("td", {
+											className: "px-5 py-3",
+											children: /* @__PURE__ */ l("span", {
+												className: t("text-sm font-medium", n.color),
+												children: n.label
+											})
+										}),
+										/* @__PURE__ */ l("td", {
+											className: "px-5 py-3 text-center",
+											children: /* @__PURE__ */ l("button", {
+												type: "button",
+												onClick: () => J(e.id, !e.isAvailable),
+												className: t("h-6 w-11 rounded-full transition-colors relative inline-block", e.isAvailable ? "bg-blue-500" : "bg-muted-foreground/30"),
+												children: /* @__PURE__ */ l("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", e.isAvailable ? "translate-x-5" : "translate-x-0.5") })
+											})
+										}),
+										/* @__PURE__ */ l("td", {
+											className: "px-5 py-3",
+											children: /* @__PURE__ */ u("div", {
+												className: "flex items-center justify-end gap-1",
+												children: [/* @__PURE__ */ l("button", {
+													type: "button",
+													onClick: () => K(e),
+													className: "rounded p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+													title: "Edit",
+													children: /* @__PURE__ */ l(ne, { className: "h-4 w-4" })
+												}), /* @__PURE__ */ l("button", {
+													type: "button",
+													onClick: () => q(e.id),
+													className: "rounded p-1.5 text-muted-foreground hover:bg-red-500/10 hover:text-red-600 transition-colors",
+													title: "Delete",
+													children: /* @__PURE__ */ l(ie, { className: "h-4 w-4" })
+												})]
+											})
+										})
+									]
+								}, e.id);
+							}) })]
+						})
+					})
+				}), /* @__PURE__ */ l("div", {
+					className: "lg:hidden space-y-3",
+					children: z.map((e) => {
+						let n = X(e);
+						return /* @__PURE__ */ l("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: /* @__PURE__ */ u("div", {
+								className: "flex items-start gap-3",
+								children: [/* @__PURE__ */ l("div", {
+									className: "flex h-14 w-14 items-center justify-center rounded-md bg-muted shrink-0",
+									children: /* @__PURE__ */ l(s, { className: "h-6 w-6 text-muted-foreground" })
+								}), /* @__PURE__ */ u("div", {
+									className: "flex-1 min-w-0",
+									children: [
+										/* @__PURE__ */ u("div", {
+											className: "flex items-start justify-between mb-1",
+											children: [/* @__PURE__ */ u("div", {
+												className: "flex-1",
+												children: [/* @__PURE__ */ l("h3", {
+													className: "text-sm font-medium text-foreground line-clamp-1",
+													children: e.name
+												}), /* @__PURE__ */ l("p", {
+													className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
+													children: e.description
+												})]
+											}), /* @__PURE__ */ l("button", {
+												type: "button",
+												onClick: () => J(e.id, !e.isAvailable),
+												className: t("h-5 w-9 rounded-full transition-colors relative ml-2 shrink-0", e.isAvailable ? "bg-blue-500" : "bg-muted-foreground/30"),
+												children: /* @__PURE__ */ l("div", { className: t("absolute top-0.5 h-4 w-4 rounded-full bg-white transition-transform", e.isAvailable ? "translate-x-4" : "translate-x-0.5") })
+											})]
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "flex flex-wrap items-center gap-2 mt-2 text-xs",
+											children: [/* @__PURE__ */ l("span", {
+												className: "px-2 py-0.5 rounded-full bg-muted text-muted-foreground",
+												children: e.category
+											}), /* @__PURE__ */ l("span", {
+												className: t("font-medium", n.color),
+												children: n.label
+											})]
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "flex items-center justify-between mt-3",
+											children: [/* @__PURE__ */ u("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ l("span", {
+													className: "font-semibold text-foreground",
+													children: r(e.price, { minimumFractionDigits: 0 })
+												}), e.originalPrice && /* @__PURE__ */ l("span", {
+													className: "text-xs text-muted-foreground line-through",
+													children: r(e.originalPrice, { minimumFractionDigits: 0 })
+												})]
+											}), /* @__PURE__ */ u("div", {
+												className: "flex gap-1",
+												children: [/* @__PURE__ */ l("button", {
+													type: "button",
+													onClick: () => K(e),
+													className: "rounded px-2 py-1 text-xs border border-border text-foreground hover:bg-muted",
+													children: "Edit"
+												}), /* @__PURE__ */ l("button", {
+													type: "button",
+													onClick: () => q(e.id),
+													className: "rounded px-2 py-1 text-xs border border-border text-red-600 dark:text-red-400 hover:bg-red-500/10",
+													children: "Delete"
+												})]
+											})]
+										})
+									]
+								})]
+							})
+						}, e.id);
+					})
+				})] })
+			]
+		}), ue && /* @__PURE__ */ l("div", {
+			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+			children: /* @__PURE__ */ l("div", {
+				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border bg-card shadow-xl",
+				children: /* @__PURE__ */ u("div", {
+					className: "p-6",
+					children: [
+						/* @__PURE__ */ u("div", {
+							className: "flex items-center justify-between mb-4",
+							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
+								className: "text-lg font-semibold text-foreground",
+								children: E ? "Edit Item" : "Add New Item"
+							}), O.category && /* @__PURE__ */ u("p", {
+								className: "text-sm text-muted-foreground mt-0.5",
+								children: [
+									"Type: ",
+									Z ? "Service" : "Product",
+									" | Category: ",
+									O.category
+								]
+							})] }), /* @__PURE__ */ l("button", {
+								type: "button",
+								onClick: () => T(!1),
+								className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+								children: /* @__PURE__ */ l(oe, { className: "h-5 w-5" })
+							})]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ u("div", {
+									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										className: "block text-sm font-medium text-foreground mb-1",
+										children: "Item Name *"
+									}), /* @__PURE__ */ l("input", {
+										type: "text",
+										value: O.name,
+										onChange: (e) => k((t) => ({
+											...t,
+											name: e.target.value
+										})),
+										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground",
+										placeholder: "Enter item name"
+									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										className: "block text-sm font-medium text-foreground mb-1",
+										children: "Category *"
+									}), /* @__PURE__ */ u("select", {
+										value: O.category,
+										onChange: (e) => k((t) => ({
+											...t,
+											category: e.target.value
+										})),
+										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+										children: [/* @__PURE__ */ l("option", {
+											value: "",
+											children: "Select category"
+										}), R.map((e) => /* @__PURE__ */ l("option", {
+											value: e,
+											children: e
+										}, e))]
+									})] })]
+								}),
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									className: "block text-sm font-medium text-foreground mb-1",
+									children: "Description *"
+								}), /* @__PURE__ */ l("textarea", {
+									value: O.description,
+									onChange: (e) => k((t) => ({
+										...t,
+										description: e.target.value
+									})),
+									rows: 3,
+									className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground resize-none",
+									placeholder: "Describe the offering..."
+								})] }),
+								/* @__PURE__ */ u("div", {
+									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										className: "block text-sm font-medium text-foreground mb-1",
+										children: "Price *"
+									}), /* @__PURE__ */ l("input", {
+										type: "number",
+										value: O.price,
+										onChange: (e) => k((t) => ({
+											...t,
+											price: parseInt(e.target.value) || 0
+										})),
+										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										className: "block text-sm font-medium text-foreground mb-1",
+										children: "Original Price"
+									}), /* @__PURE__ */ l("input", {
+										type: "number",
+										value: O.originalPrice ?? "",
+										onChange: (e) => k((t) => ({
+											...t,
+											originalPrice: e.target.value ? parseInt(e.target.value) : void 0
+										})),
+										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+										placeholder: "Optional"
+									})] })]
+								}),
+								!Z && /* @__PURE__ */ u("div", {
+									className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
+									children: [
+										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+											className: "block text-sm font-medium text-foreground mb-1",
+											children: "Stock Quantity *"
+										}), /* @__PURE__ */ l("input", {
+											type: "number",
+											value: O.stock,
+											onChange: (e) => k((t) => ({
+												...t,
+												stock: parseInt(e.target.value) || 0
+											})),
+											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+										})] }),
+										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+											className: "block text-sm font-medium text-foreground mb-1",
+											children: "Preparation Time (min)"
+										}), /* @__PURE__ */ l("input", {
+											type: "number",
+											value: O.preparationTime,
+											onChange: (e) => k((t) => ({
+												...t,
+												preparationTime: parseInt(e.target.value) || 0
+											})),
+											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+										})] }),
+										Q && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+											className: "block text-sm font-medium text-foreground mb-1",
+											children: "Calories"
+										}), /* @__PURE__ */ l("input", {
+											type: "number",
+											value: O.calories,
+											onChange: (e) => k((t) => ({
+												...t,
+												calories: parseInt(e.target.value) || 0
+											})),
+											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+										})] })
+									]
+								}),
+								Z && /* @__PURE__ */ u("div", {
+									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										className: "block text-sm font-medium text-foreground mb-1",
+										children: "Service Duration (min) *"
+									}), /* @__PURE__ */ l("input", {
+										type: "number",
+										value: O.duration,
+										onChange: (e) => k((t) => ({
+											...t,
+											duration: parseInt(e.target.value) || 30
+										})),
+										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										className: "block text-sm font-medium text-foreground mb-1",
+										children: "Setup Time (min)"
+									}), /* @__PURE__ */ l("input", {
+										type: "number",
+										value: O.preparationTime,
+										onChange: (e) => k((t) => ({
+											...t,
+											preparationTime: parseInt(e.target.value) || 0
+										})),
+										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+									})] })]
+								}),
+								Q && /* @__PURE__ */ u("div", {
+									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										className: "block text-sm font-medium text-foreground mb-1",
+										children: "Spice Level"
+									}), /* @__PURE__ */ u("select", {
+										value: O.spiceLevel,
+										onChange: (e) => k((t) => ({
+											...t,
+											spiceLevel: e.target.value
+										})),
+										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+										children: [
+											/* @__PURE__ */ l("option", {
+												value: "none",
+												children: "None"
+											}),
+											/* @__PURE__ */ l("option", {
+												value: "mild",
+												children: "Mild"
+											}),
+											/* @__PURE__ */ l("option", {
+												value: "medium",
+												children: "Medium"
+											}),
+											/* @__PURE__ */ l("option", {
+												value: "spicy",
+												children: "Spicy"
+											}),
+											/* @__PURE__ */ l("option", {
+												value: "very-spicy",
+												children: "Very Spicy"
+											})
+										]
+									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										className: "block text-sm font-medium text-foreground mb-2",
+										children: "Dietary Options"
+									}), /* @__PURE__ */ l("div", {
+										className: "space-y-2",
+										children: [
+											"isVegetarian",
+											"isVegan",
+											"isGlutenFree"
+										].map((e) => /* @__PURE__ */ u("label", {
+											className: "flex items-center gap-2 text-sm text-foreground",
+											children: [/* @__PURE__ */ l("input", {
+												type: "checkbox",
+												checked: O[e],
+												onChange: (t) => k((n) => ({
+													...n,
+													[e]: t.target.checked
+												})),
+												className: "rounded border-border"
+											}), e === "isVegetarian" ? "Vegetarian" : e === "isVegan" ? "Vegan" : "Gluten Free"]
+										}, e))
+									})] })]
+								}),
+								Z && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									className: "block text-sm font-medium text-foreground mb-1",
+									children: "Service Type *"
+								}), /* @__PURE__ */ u("select", {
+									value: O.serviceType,
+									onChange: (e) => k((t) => ({
+										...t,
+										serviceType: e.target.value
+									})),
+									className: "w-full sm:w-64 rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+									children: [
+										/* @__PURE__ */ l("option", {
+											value: "instant",
+											children: "Instant Service"
+										}),
+										/* @__PURE__ */ l("option", {
+											value: "appointment",
+											children: "Appointment Based"
+										}),
+										/* @__PURE__ */ l("option", {
+											value: "recurring",
+											children: "Recurring Service"
+										}),
+										/* @__PURE__ */ l("option", {
+											value: "consultation",
+											children: "Consultation"
+										})
+									]
+								})] }),
+								/* @__PURE__ */ u("div", { children: [
+									/* @__PURE__ */ l("label", {
+										className: "block text-sm font-medium text-foreground mb-1",
+										children: "Tags (comma separated)"
+									}),
+									/* @__PURE__ */ l("input", {
+										type: "text",
+										value: A,
+										onChange: (e) => j(e.target.value),
+										placeholder: Z ? "professional, certified, quick" : "popular, spicy, traditional",
+										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+									}),
+									/* @__PURE__ */ u("p", {
+										className: "text-xs text-muted-foreground mt-1",
+										children: [
+											A.split(",").map((e) => e.trim()).filter(Boolean).length,
+											" ",
+											"tags"
+										]
+									})
+								] }),
+								Q && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									className: "block text-sm font-medium text-foreground mb-1",
+									children: "Allergens (comma separated)"
+								}), /* @__PURE__ */ l("input", {
+									type: "text",
+									value: M,
+									onChange: (e) => N(e.target.value),
+									placeholder: "nuts, dairy, gluten, soy",
+									className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+								})] }),
+								Z && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									className: "block text-sm font-medium text-foreground mb-1",
+									children: "Service Requirements (comma separated)"
+								}), /* @__PURE__ */ l("input", {
+									type: "text",
+									value: P,
+									onChange: (e) => F(e.target.value),
+									placeholder: "advance booking, payment required, tools provided",
+									className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+								})] })
+							]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "flex gap-3 mt-6",
+							children: [/* @__PURE__ */ l("button", {
+								type: "button",
+								onClick: () => T(!1),
+								className: "flex-1 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+								children: "Cancel"
+							}), /* @__PURE__ */ l("button", {
+								type: "button",
+								onClick: de,
+								disabled: !$,
+								className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", $ ? "bg-accent text-foreground hover:bg-accent/80" : "bg-muted text-muted-foreground cursor-not-allowed"),
+								children: E ? "Update Item" : "Add Item"
+							})]
+						})
+					]
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { _ as InventoryManagementPage };
+
+//# sourceMappingURL=InventoryManagementPage.js.map