@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,881 @@
+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 { mockOrders as i } from "../../mocks/data.js";
+import { useMemo as a, useState as o } from "react";
+import { AlertCircle as s, CheckCircle2 as c, ChefHat as l, MapPin as u, PackageCheck as d, Phone as f, RefreshCw as p, Search as m, ShoppingBag as h, Truck as g, X as _, XCircle as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/cart-owner/OrderManagementPage.tsx
+var S = [
+	...i,
+	{
+		id: "ORD-010",
+		cartId: "FOOD-001",
+		cartName: "Dosa Express",
+		cartImage: "",
+		items: [{
+			id: "food-1",
+			name: "Masala Dosa",
+			quantity: 3,
+			price: 120
+		}, {
+			id: "food-2",
+			name: "Filter Coffee",
+			quantity: 3,
+			price: 60
+		}],
+		subtotal: 540,
+		taxes: 54,
+		deliveryFee: 30,
+		total: 624,
+		status: "pending",
+		orderDate: "2024-01-16T17:30:00Z",
+		estimatedDeliveryTime: "2024-01-16T18:00:00Z",
+		deliveryAddress: {
+			street: "42 Lake Road",
+			area: "Ulsoor",
+			city: "Bangalore",
+			pincode: "560008"
+		},
+		paymentMethod: "UPI",
+		paymentStatus: "completed",
+		timeline: [{
+			status: "pending",
+			timestamp: "2024-01-16T17:30:00Z",
+			description: "Order placed"
+		}],
+		assignedWorker: {
+			id: "worker-1",
+			name: "Ravi Kumar",
+			phone: "+91-9876543210",
+			rating: 4.8
+		},
+		customerName: "Priya Sharma",
+		customerPhone: "+91-9876543220",
+		fulfillmentType: "delivery",
+		specialInstructions: "Extra sambar please"
+	},
+	{
+		id: "ORD-011",
+		cartId: "FOOD-002",
+		cartName: "Chaat Corner",
+		cartImage: "",
+		items: [{
+			id: "food-3",
+			name: "Pani Puri",
+			quantity: 2,
+			price: 80
+		}, {
+			id: "food-4",
+			name: "Bhel Puri",
+			quantity: 1,
+			price: 70
+		}],
+		subtotal: 230,
+		taxes: 23,
+		deliveryFee: 0,
+		total: 253,
+		status: "confirmed",
+		orderDate: "2024-01-16T16:00:00Z",
+		deliveryAddress: {
+			street: "88 MG Road",
+			area: "MG Road",
+			city: "Bangalore",
+			pincode: "560001"
+		},
+		paymentMethod: "Cash",
+		paymentStatus: "pending",
+		timeline: [{
+			status: "pending",
+			timestamp: "2024-01-16T15:50:00Z",
+			description: "Order placed"
+		}, {
+			status: "confirmed",
+			timestamp: "2024-01-16T16:00:00Z",
+			description: "Order confirmed"
+		}],
+		customerName: "Amit Patel",
+		customerPhone: "+91-9876543221",
+		fulfillmentType: "pickup"
+	},
+	{
+		id: "ORD-012",
+		cartId: "FOOD-001",
+		cartName: "Dosa Express",
+		cartImage: "",
+		items: [{
+			id: "food-5",
+			name: "Rava Dosa",
+			quantity: 2,
+			price: 100
+		}],
+		subtotal: 200,
+		taxes: 20,
+		deliveryFee: 30,
+		total: 250,
+		status: "preparing",
+		orderDate: "2024-01-16T15:00:00Z",
+		deliveryAddress: {
+			street: "15 Church Street",
+			area: "Church Street",
+			city: "Bangalore",
+			pincode: "560001"
+		},
+		paymentMethod: "UPI",
+		paymentStatus: "completed",
+		timeline: [
+			{
+				status: "pending",
+				timestamp: "2024-01-16T14:50:00Z",
+				description: "Order placed"
+			},
+			{
+				status: "confirmed",
+				timestamp: "2024-01-16T14:55:00Z",
+				description: "Order confirmed"
+			},
+			{
+				status: "preparing",
+				timestamp: "2024-01-16T15:00:00Z",
+				description: "Preparation started"
+			}
+		],
+		customerName: "Deepak Reddy",
+		customerPhone: "+91-9876543222",
+		fulfillmentType: "delivery",
+		specialInstructions: "No onions"
+	},
+	{
+		id: "ORD-013",
+		cartId: "SVC-001",
+		cartName: "Quick Fix Repairs",
+		cartImage: "",
+		items: [{
+			id: "svc-1",
+			name: "Mobile Screen Repair",
+			quantity: 1,
+			price: 2500
+		}],
+		subtotal: 2500,
+		taxes: 250,
+		deliveryFee: 0,
+		total: 2750,
+		status: "ready",
+		orderDate: "2024-01-16T12:00:00Z",
+		deliveryAddress: {
+			street: "22 HSR Layout",
+			area: "HSR Layout",
+			city: "Bangalore",
+			pincode: "560102"
+		},
+		paymentMethod: "Card",
+		paymentStatus: "completed",
+		timeline: [
+			{
+				status: "pending",
+				timestamp: "2024-01-16T11:00:00Z",
+				description: "Order placed"
+			},
+			{
+				status: "confirmed",
+				timestamp: "2024-01-16T11:10:00Z",
+				description: "Order confirmed"
+			},
+			{
+				status: "preparing",
+				timestamp: "2024-01-16T11:30:00Z",
+				description: "Service started"
+			},
+			{
+				status: "ready",
+				timestamp: "2024-01-16T12:00:00Z",
+				description: "Service completed"
+			}
+		],
+		customerName: "Kiran Nair",
+		customerPhone: "+91-9876543223",
+		fulfillmentType: "pickup"
+	},
+	{
+		id: "ORD-014",
+		cartId: "FOOD-001",
+		cartName: "Dosa Express",
+		cartImage: "",
+		items: [{
+			id: "food-1",
+			name: "Masala Dosa",
+			quantity: 1,
+			price: 120
+		}, {
+			id: "food-2",
+			name: "Filter Coffee",
+			quantity: 2,
+			price: 60
+		}],
+		subtotal: 240,
+		taxes: 24,
+		deliveryFee: 30,
+		total: 294,
+		status: "cancelled",
+		orderDate: "2024-01-15T18:00:00Z",
+		deliveryAddress: {
+			street: "5 BTM Layout",
+			area: "BTM Layout",
+			city: "Bangalore",
+			pincode: "560076"
+		},
+		paymentMethod: "UPI",
+		paymentStatus: "refunded",
+		timeline: [{
+			status: "pending",
+			timestamp: "2024-01-15T17:50:00Z",
+			description: "Order placed"
+		}, {
+			status: "cancelled",
+			timestamp: "2024-01-15T18:00:00Z",
+			description: "Order cancelled by customer"
+		}],
+		customerName: "Sneha Gupta",
+		customerPhone: "+91-9876543224",
+		fulfillmentType: "delivery"
+	}
+], C = {
+	pending: {
+		color: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+		label: "New Order"
+	},
+	confirmed: {
+		color: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
+		label: "Confirmed"
+	},
+	preparing: {
+		color: "bg-orange-500/20 text-orange-600 dark:text-orange-400",
+		label: "Preparing"
+	},
+	ready: {
+		color: "bg-green-500/20 text-green-600 dark:text-green-400",
+		label: "Ready"
+	},
+	out_for_delivery: {
+		color: "bg-cyan-500/20 text-cyan-600 dark:text-cyan-400",
+		label: "Out for Delivery"
+	},
+	delivered: {
+		color: "bg-green-500/20 text-green-600 dark:text-green-400",
+		label: "Completed"
+	},
+	cancelled: {
+		color: "bg-red-500/20 text-red-600 dark:text-red-400",
+		label: "Cancelled"
+	}
+}, w = {
+	delivery: {
+		icon: g,
+		label: "Delivery",
+		color: "bg-purple-500/20 text-purple-600 dark:text-purple-400"
+	},
+	pickup: {
+		icon: h,
+		label: "Pickup",
+		color: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+	},
+	cart_dispatch: {
+		icon: u,
+		label: "Cart Dispatch",
+		color: "bg-muted text-muted-foreground"
+	}
+}, T = (e) => {
+	let t = new Date(e), n = Math.floor(((/* @__PURE__ */ new Date()).getTime() - t.getTime()) / (1e3 * 60));
+	return n < 1 ? "Just now" : n < 60 ? `${n} min ago` : n < 1440 ? `${Math.floor(n / 60)} hours ago` : t.toLocaleDateString("en-IN", {
+		day: "2-digit",
+		month: "short"
+	});
+}, E = (e) => new Date(e).toLocaleTimeString("en-IN", {
+	hour: "numeric",
+	minute: "2-digit",
+	hour12: !0
+}), D = (e) => {
+	let t = ((/* @__PURE__ */ new Date()).getTime() - new Date(e.orderDate).getTime()) / (1e3 * 60);
+	return e.status === "pending" && t > 10 ? "border-red-500/50 bg-red-500/5" : e.status === "preparing" && t > 30 ? "border-yellow-500/50 bg-yellow-500/5" : "border-border";
+}, O = () => {
+	let { navigateTo: i } = e(), [h, g] = o(S), [O, k] = o({
+		status: "",
+		dateRange: "all",
+		searchQuery: "",
+		sortBy: "recent",
+		fulfillmentType: ""
+	}), [A, j] = o(null), [M, N] = o(!1), [P, F] = o(null), I = (e, t) => {
+		F({
+			text: e,
+			type: t
+		}), setTimeout(() => F(null), 3e3);
+	}, L = a(() => {
+		let e = h.length, t = h.filter((e) => e.status === "pending").length, n = h.filter((e) => [
+			"confirmed",
+			"preparing",
+			"ready",
+			"out_for_delivery"
+		].includes(e.status)).length, r = h.filter((e) => e.status === "delivered").length, i = h.filter((e) => e.status === "delivered").reduce((e, t) => e + t.total, 0);
+		return {
+			total: e,
+			pending: t,
+			active: n,
+			completed: r,
+			totalRevenue: i,
+			avgOrder: r > 0 ? Math.round(i / r) : 0
+		};
+	}, [h]), R = a(() => {
+		let e = [...h];
+		if (O.status && (e = e.filter((e) => e.status === O.status)), O.fulfillmentType && (e = e.filter((e) => e.fulfillmentType === O.fulfillmentType)), O.searchQuery) {
+			let t = O.searchQuery.toLowerCase();
+			e = e.filter((e) => e.id.toLowerCase().includes(t) || (e.customerName || "").toLowerCase().includes(t) || e.items.some((e) => e.name.toLowerCase().includes(t)));
+		}
+		if (O.dateRange !== "all") {
+			let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
+			O.dateRange === "today" ? n.setHours(0, 0, 0, 0) : O.dateRange === "7days" ? n.setDate(t.getDate() - 7) : O.dateRange === "30days" && n.setDate(t.getDate() - 30), e = e.filter((e) => new Date(e.orderDate) >= n);
+		}
+		switch (O.sortBy) {
+			case "recent":
+				e.sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime());
+				break;
+			case "oldest":
+				e.sort((e, t) => new Date(e.orderDate).getTime() - new Date(t.orderDate).getTime());
+				break;
+			case "amount_high":
+				e.sort((e, t) => t.total - e.total);
+				break;
+			case "amount_low":
+				e.sort((e, t) => e.total - t.total);
+				break;
+		}
+		return e;
+	}, [h, O]), z = (e, t) => {
+		let n = {
+			accept: "confirmed",
+			reject: "cancelled",
+			ready: "ready",
+			complete: "delivered"
+		};
+		g((r) => r.map((r) => r.id === e ? {
+			...r,
+			status: n[t]
+		} : r)), I({
+			accept: "Order accepted",
+			reject: "Order rejected",
+			ready: "Order marked as ready",
+			complete: "Order completed"
+		}[t], "success"), M && A?.id === e && N(!1);
+	};
+	return /* @__PURE__ */ x(n, {
+		title: "Order Management",
+		description: "Manage incoming and active orders",
+		actions: /* @__PURE__ */ x("button", {
+			type: "button",
+			onClick: () => I("Orders refreshed", "success"),
+			className: "inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+			children: [/* @__PURE__ */ b(p, { className: "h-4 w-4" }), "Refresh"]
+		}),
+		children: [/* @__PURE__ */ x("div", {
+			className: "space-y-4",
+			children: [
+				P && /* @__PURE__ */ x("div", {
+					className: t("flex items-center gap-2 rounded-lg border p-3", P.type === "success" ? "border-green-500/30 bg-green-500/10" : "border-red-500/30 bg-red-500/10"),
+					children: [P.type === "success" ? /* @__PURE__ */ b(c, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ b(s, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ b("span", {
+						className: t("text-sm font-medium", P.type === "success" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+						children: P.text
+					})]
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",
+					children: [
+						/* @__PURE__ */ x("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ b("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Total Orders"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: L.total
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "rounded-lg border border-yellow-500/30 bg-yellow-500/5 p-4 shadow-sm",
+							children: [/* @__PURE__ */ b("p", {
+								className: "text-xs text-yellow-600 dark:text-yellow-400",
+								children: "Pending"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
+								children: L.pending
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "rounded-lg border border-blue-500/30 bg-blue-500/5 p-4 shadow-sm",
+							children: [/* @__PURE__ */ b("p", {
+								className: "text-xs text-blue-600 dark:text-blue-400",
+								children: "Active"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+								children: L.active
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "rounded-lg border border-green-500/30 bg-green-500/5 p-4 shadow-sm",
+							children: [/* @__PURE__ */ b("p", {
+								className: "text-xs text-green-600 dark:text-green-400",
+								children: "Completed"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-2xl font-bold text-green-600 dark:text-green-400",
+								children: L.completed
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ b("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Total Revenue"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: r(L.totalRevenue, { minimumFractionDigits: 0 })
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ b("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Avg Order"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: r(L.avgOrder, { minimumFractionDigits: 0 })
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+					children: /* @__PURE__ */ x("div", {
+						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-3",
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "relative sm:col-span-2 lg:col-span-1",
+								children: [/* @__PURE__ */ b(m, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ b("input", {
+									type: "text",
+									placeholder: "Search orders...",
+									value: O.searchQuery,
+									onChange: (e) => k((t) => ({
+										...t,
+										searchQuery: 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__ */ x("select", {
+								value: O.status,
+								onChange: (e) => k((t) => ({
+									...t,
+									status: e.target.value
+								})),
+								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								children: [
+									/* @__PURE__ */ b("option", {
+										value: "",
+										children: "All Orders"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "pending",
+										children: "New Orders"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "confirmed",
+										children: "Confirmed"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "preparing",
+										children: "Preparing"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "ready",
+										children: "Ready"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "delivered",
+										children: "Completed"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "cancelled",
+										children: "Cancelled"
+									})
+								]
+							}),
+							/* @__PURE__ */ x("select", {
+								value: O.fulfillmentType,
+								onChange: (e) => k((t) => ({
+									...t,
+									fulfillmentType: e.target.value
+								})),
+								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								children: [
+									/* @__PURE__ */ b("option", {
+										value: "",
+										children: "All Types"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "pickup",
+										children: "Pickup"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "delivery",
+										children: "Delivery"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "cart_dispatch",
+										children: "Cart Dispatch"
+									})
+								]
+							}),
+							/* @__PURE__ */ x("select", {
+								value: O.dateRange,
+								onChange: (e) => k((t) => ({
+									...t,
+									dateRange: e.target.value
+								})),
+								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								children: [
+									/* @__PURE__ */ b("option", {
+										value: "today",
+										children: "Today"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "7days",
+										children: "Last 7 Days"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "30days",
+										children: "Last 30 Days"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "all",
+										children: "All Time"
+									})
+								]
+							}),
+							/* @__PURE__ */ x("select", {
+								value: O.sortBy,
+								onChange: (e) => k((t) => ({
+									...t,
+									sortBy: e.target.value
+								})),
+								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								children: [
+									/* @__PURE__ */ b("option", {
+										value: "recent",
+										children: "Most Recent"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "oldest",
+										children: "Oldest First"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "amount_high",
+										children: "Amount: High to Low"
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "amount_low",
+										children: "Amount: Low to High"
+									})
+								]
+							})
+						]
+					})
+				}),
+				R.length === 0 ? /* @__PURE__ */ x("div", {
+					className: "flex flex-col items-center justify-center py-16 rounded-lg border border-border bg-card shadow-sm text-center",
+					children: [
+						/* @__PURE__ */ b(d, { className: "h-12 w-12 text-muted-foreground opacity-40 mb-3" }),
+						/* @__PURE__ */ b("h3", {
+							className: "text-lg font-semibold text-foreground mb-1",
+							children: "No orders found"
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "text-sm text-muted-foreground",
+							children: O.searchQuery || O.status ? "Try adjusting your filters" : "No orders to display"
+						})
+					]
+				}) : /* @__PURE__ */ b("div", {
+					className: "space-y-4",
+					children: R.map((e) => {
+						let n = C[e.status] || {
+							color: "bg-muted text-muted-foreground",
+							label: e.status
+						}, i = w[e.fulfillmentType || "delivery"] || w.delivery, a = i.icon;
+						return /* @__PURE__ */ b("div", {
+							className: t("rounded-lg border bg-card shadow-sm transition-shadow hover:shadow-md", D(e)),
+							children: /* @__PURE__ */ x("div", {
+								className: "p-4 sm:p-5",
+								children: [
+									/* @__PURE__ */ x("div", {
+										className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3 mb-3",
+										children: [/* @__PURE__ */ x("div", {
+											className: "min-w-0 flex-1",
+											children: [/* @__PURE__ */ x("div", {
+												className: "flex flex-wrap items-center gap-2 mb-1",
+												children: [
+													/* @__PURE__ */ x("h3", {
+														className: "text-sm sm:text-base font-semibold text-foreground",
+														children: ["Order #", e.id]
+													}),
+													/* @__PURE__ */ b("span", {
+														className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", n.color),
+														children: n.label
+													}),
+													/* @__PURE__ */ x("span", {
+														className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", i.color),
+														children: [/* @__PURE__ */ b(a, { className: "h-3 w-3" }), i.label]
+													})
+												]
+											}), /* @__PURE__ */ x("p", {
+												className: "text-xs text-muted-foreground",
+												children: [
+													e.customerName || "Customer",
+													" | ",
+													T(e.orderDate)
+												]
+											})]
+										}), /* @__PURE__ */ x("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ b("p", {
+												className: "text-lg font-bold text-foreground",
+												children: r(e.total, { minimumFractionDigits: 0 })
+											}), /* @__PURE__ */ b("button", {
+												type: "button",
+												onClick: () => {
+													j(e), N(!0);
+												},
+												className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+												children: "View Details"
+											})]
+										})]
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "border-t border-border pt-3 mb-3",
+										children: /* @__PURE__ */ b("div", {
+											className: "flex flex-wrap gap-2",
+											children: e.items.map((e, t) => /* @__PURE__ */ x("span", {
+												className: "inline-flex items-center rounded bg-muted px-2 py-1 text-xs text-foreground",
+												children: [
+													e.quantity,
+													"x ",
+													e.name
+												]
+											}, t))
+										})
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "flex flex-wrap gap-2",
+										children: [
+											e.status === "pending" && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("button", {
+												type: "button",
+												onClick: () => z(e.id, "accept"),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+												children: [/* @__PURE__ */ b(c, { className: "h-3.5 w-3.5" }), "Accept Order"]
+											}), /* @__PURE__ */ x("button", {
+												type: "button",
+												onClick: () => z(e.id, "reject"),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-red-500/10 px-3 py-2 text-xs font-medium text-red-600 dark:text-red-400 hover:bg-red-500/20 transition-colors",
+												children: [/* @__PURE__ */ b(v, { className: "h-3.5 w-3.5" }), "Reject"]
+											})] }),
+											e.status === "confirmed" && /* @__PURE__ */ x("button", {
+												type: "button",
+												onClick: () => z(e.id, "ready"),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-orange-500/10 px-3 py-2 text-xs font-medium text-orange-600 dark:text-orange-400 hover:bg-orange-500/20 transition-colors",
+												children: [/* @__PURE__ */ b(l, { className: "h-3.5 w-3.5" }), "Start Preparing"]
+											}),
+											e.status === "preparing" && /* @__PURE__ */ x("button", {
+												type: "button",
+												onClick: () => z(e.id, "ready"),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+												children: [/* @__PURE__ */ b(d, { className: "h-3.5 w-3.5" }), "Mark as Ready"]
+											}),
+											e.status === "ready" && e.fulfillmentType === "pickup" && /* @__PURE__ */ x("button", {
+												type: "button",
+												onClick: () => z(e.id, "complete"),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+												children: [/* @__PURE__ */ b(c, { className: "h-3.5 w-3.5" }), "Complete Order"]
+											}),
+											[
+												"confirmed",
+												"preparing",
+												"ready"
+											].includes(e.status) && /* @__PURE__ */ x("button", {
+												type: "button",
+												onClick: () => alert("Contact feature coming soon!"),
+												className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+												children: [/* @__PURE__ */ b(f, { className: "h-3.5 w-3.5" }), "Contact Customer"]
+											})
+										]
+									}),
+									e.specialInstructions && /* @__PURE__ */ x("div", {
+										className: "mt-3 rounded-md border border-yellow-500/30 bg-yellow-500/10 p-3",
+										children: [/* @__PURE__ */ b("p", {
+											className: "text-xs font-medium text-yellow-600 dark:text-yellow-400",
+											children: "Special Instructions:"
+										}), /* @__PURE__ */ b("p", {
+											className: "text-xs text-yellow-600 dark:text-yellow-400 mt-0.5",
+											children: e.specialInstructions
+										})]
+									})
+								]
+							})
+						}, e.id);
+					})
+				})
+			]
+		}), M && A && /* @__PURE__ */ b("div", {
+			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+			children: /* @__PURE__ */ b("div", {
+				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border bg-card shadow-xl",
+				children: /* @__PURE__ */ x("div", {
+					className: "p-6",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex items-center justify-between mb-4",
+						children: [/* @__PURE__ */ b("h3", {
+							className: "text-lg font-semibold text-foreground",
+							children: "Order Details"
+						}), /* @__PURE__ */ b("button", {
+							type: "button",
+							onClick: () => N(!1),
+							className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+							children: /* @__PURE__ */ b(_, { className: "h-5 w-5" })
+						})]
+					}), /* @__PURE__ */ x("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Order ID"
+									}), /* @__PURE__ */ x("p", {
+										className: "text-sm font-medium text-foreground",
+										children: ["#", A.id]
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Status"
+									}), /* @__PURE__ */ b("span", {
+										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mt-0.5", (C[A.status] || C.pending).color),
+										children: (C[A.status] || C.pending).label
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Customer"
+									}), /* @__PURE__ */ b("p", {
+										className: "text-sm font-medium text-foreground",
+										children: A.customerName || "N/A"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Order Time"
+									}), /* @__PURE__ */ b("p", {
+										className: "text-sm font-medium text-foreground",
+										children: E(A.orderDate)
+									})] })
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "border-t border-border pt-4",
+								children: [/* @__PURE__ */ b("h4", {
+									className: "text-sm font-medium text-foreground mb-3",
+									children: "Order Items"
+								}), /* @__PURE__ */ b("div", {
+									className: "space-y-2",
+									children: A.items.map((e, t) => /* @__PURE__ */ x("div", {
+										className: "flex justify-between items-start",
+										children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+											className: "text-sm font-medium text-foreground",
+											children: e.name
+										}), /* @__PURE__ */ x("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												r(e.price, { minimumFractionDigits: 0 }),
+												" x",
+												" ",
+												e.quantity
+											]
+										})] }), /* @__PURE__ */ b("p", {
+											className: "text-sm font-medium text-foreground",
+											children: r(e.price * e.quantity, { minimumFractionDigits: 0 })
+										})]
+									}, t))
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "border-t border-border pt-4 space-y-2",
+								children: [
+									/* @__PURE__ */ x("div", {
+										className: "flex justify-between text-sm text-muted-foreground",
+										children: [/* @__PURE__ */ b("span", { children: "Subtotal" }), /* @__PURE__ */ b("span", { children: r(A.subtotal, { minimumFractionDigits: 0 }) })]
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "flex justify-between text-sm text-muted-foreground",
+										children: [/* @__PURE__ */ b("span", { children: "Delivery Fee" }), /* @__PURE__ */ b("span", { children: r(A.deliveryFee, { minimumFractionDigits: 0 }) })]
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "flex justify-between text-sm text-muted-foreground",
+										children: [/* @__PURE__ */ b("span", { children: "Tax" }), /* @__PURE__ */ b("span", { children: r(A.taxes, { minimumFractionDigits: 0 }) })]
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "flex justify-between font-semibold text-foreground pt-2 border-t border-border",
+										children: [/* @__PURE__ */ b("span", { children: "Total" }), /* @__PURE__ */ b("span", { children: r(A.total, { minimumFractionDigits: 0 }) })]
+									})
+								]
+							}),
+							A.fulfillmentType === "delivery" && A.deliveryAddress && /* @__PURE__ */ x("div", {
+								className: "border-t border-border pt-4",
+								children: [/* @__PURE__ */ x("h4", {
+									className: "text-sm font-medium text-foreground mb-2 flex items-center gap-1.5",
+									children: [/* @__PURE__ */ b(u, { className: "h-4 w-4 text-muted-foreground" }), "Delivery Address"]
+								}), /* @__PURE__ */ x("p", {
+									className: "text-sm text-muted-foreground",
+									children: [
+										A.deliveryAddress.street,
+										", ",
+										A.deliveryAddress.area,
+										/* @__PURE__ */ b("br", {}),
+										A.deliveryAddress.city,
+										" - ",
+										A.deliveryAddress.pincode
+									]
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "flex gap-3 mt-6",
+								children: [/* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => N(!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: "Close"
+								}), A.status === "pending" && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => z(A.id, "accept"),
+									className: "flex-1 rounded-md bg-green-500/10 px-4 py-2 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+									children: "Accept Order"
+								}), /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => z(A.id, "reject"),
+									className: "flex-1 rounded-md bg-red-500/10 px-4 py-2 text-sm font-medium text-red-600 dark:text-red-400 hover:bg-red-500/20 transition-colors",
+									children: "Reject Order"
+								})] })]
+							})
+						]
+					})]
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { O as OrderManagementPage };
+
+//# sourceMappingURL=OrderManagementPage.js.map