@burdenoff/microfe-coolandlovely 2026.614.1

package/dist/coolandlovely/pages/admin/AdminOrdersPage.js

@@ -0,0 +1,660 @@
+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 { MetricsCard as r } from "../../components/MetricsCard.js";
+import { formatCurrency as i } from "../../utils/formatters.js";
+import { useEffect as a, useMemo as o, useState as s } from "react";
+import { AlertCircle as c, CheckCircle2 as l, Clock as u, Eye as d, IndianRupee as f, Loader2 as p, MapPin as m, Phone as h, RefreshCw as g, Search as _, ShoppingBag as v, TrendingUp as y, Truck as b, User as x, X as S, XCircle as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/admin/AdminOrdersPage.tsx
+var E = [
+	{
+		id: "ORD-2024-001",
+		customerName: "Rajesh Kumar",
+		customerPhone: "+91 98765 43210",
+		cartName: "Dosa Express",
+		cartOwner: "Suresh Rao",
+		items: [
+			"Masala Dosa x2",
+			"Filter Coffee x2",
+			"Vada x1"
+		],
+		total: 280,
+		status: "delivered",
+		paymentMethod: "UPI",
+		paymentStatus: "completed",
+		orderDate: "2024-01-15T10:30:00",
+		deliveryTime: "2024-01-15T11:15:00",
+		deliveryAddress: "123, 4th Cross, Koramangala",
+		workerAssigned: "Ravi Kumar"
+	},
+	{
+		id: "ORD-2024-002",
+		customerName: "Priya Sharma",
+		customerPhone: "+91 87654 32109",
+		cartName: "Juice Junction",
+		cartOwner: "Amit Patel",
+		items: ["Fresh Orange Juice x1", "Watermelon Juice x1"],
+		total: 120,
+		status: "preparing",
+		paymentMethod: "Cash",
+		paymentStatus: "pending",
+		orderDate: "2024-01-15T11:45:00",
+		deliveryTime: "2024-01-15T12:15:00",
+		deliveryAddress: "456, BTM Layout",
+		notes: "Extra ice please"
+	},
+	{
+		id: "ORD-2024-003",
+		customerName: "Amit Singh",
+		customerPhone: "+91 76543 21098",
+		cartName: "Chaat Corner",
+		cartOwner: "Ramesh Verma",
+		items: [
+			"Pani Puri x1",
+			"Bhel Puri x1",
+			"Dahi Puri x1"
+		],
+		total: 150,
+		status: "pending",
+		paymentMethod: "Card",
+		paymentStatus: "completed",
+		orderDate: "2024-01-15T12:00:00",
+		deliveryTime: "2024-01-15T12:30:00",
+		deliveryAddress: "789, HSR Layout"
+	}
+];
+function D() {
+	let { navigateTo: D } = e(), [O, k] = s([]), [A, j] = s(null), [M, N] = s(!0), [P, F] = s(""), [I, L] = s("all"), [R, z] = s("today"), [B, V] = s(null), [H, U] = s(!1);
+	a(() => {
+		let e = setTimeout(() => {
+			j({
+				totalOrders: 156,
+				pendingOrders: 12,
+				totalRevenue: 125600,
+				averageOrderValue: 805
+			}), k(E), N(!1);
+		}, 1e3);
+		return () => clearTimeout(e);
+	}, []);
+	let W = (e) => i(e, { minimumFractionDigits: 0 }), G = (e) => new Date(e).toLocaleString("en-IN", {
+		day: "2-digit",
+		month: "short",
+		hour: "2-digit",
+		minute: "2-digit"
+	}), K = (e) => ({
+		delivered: "bg-green-500/20 text-green-600 dark:text-green-400",
+		preparing: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+		ready: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+		out_for_delivery: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
+		cancelled: "bg-red-500/20 text-red-600 dark:text-red-400",
+		confirmed: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+	})[e] ?? "bg-secondary text-secondary-foreground", q = (e) => {
+		switch (e) {
+			case "completed": return /* @__PURE__ */ w(l, { className: "h-4 w-4 text-green-600 dark:text-green-400" });
+			case "failed": return /* @__PURE__ */ w(C, { className: "h-4 w-4 text-red-600 dark:text-red-400" });
+			case "refunded": return /* @__PURE__ */ w(g, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" });
+			default: return /* @__PURE__ */ w(c, { className: "h-4 w-4 text-yellow-600 dark:text-yellow-400" });
+		}
+	}, J = o(() => O.filter((e) => {
+		let t = !P || e.id.toLowerCase().includes(P.toLowerCase()) || e.customerName.toLowerCase().includes(P.toLowerCase()) || e.cartName.toLowerCase().includes(P.toLowerCase()), n = I === "all" || e.status === I;
+		return t && n;
+	}), [
+		O,
+		P,
+		I
+	]), Y = (e, t) => {
+		k((n) => n.map((n) => n.id === e ? {
+			...n,
+			status: t
+		} : n)), U(!1), alert(`Order ${e} updated to ${t.replace("_", " ")}`);
+	};
+	return M ? /* @__PURE__ */ w(n, {
+		title: "Order Management",
+		description: "Loading orders...",
+		children: /* @__PURE__ */ T("div", {
+			className: "flex flex-col items-center justify-center py-20",
+			children: [/* @__PURE__ */ w(p, { className: "h-10 w-10 animate-spin text-muted-foreground mb-4" }), /* @__PURE__ */ w("p", {
+				className: "text-muted-foreground",
+				children: "Loading orders..."
+			})]
+		})
+	}) : /* @__PURE__ */ T(n, {
+		title: "Order Management",
+		description: `${A?.totalOrders ?? 0} total orders on the platform`,
+		children: [
+			A && /* @__PURE__ */ T("div", {
+				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6",
+				children: [
+					/* @__PURE__ */ w(r, {
+						icon: /* @__PURE__ */ w(v, { className: "h-5 w-5" }),
+						value: A.totalOrders,
+						label: "Total Orders",
+						trendValue: "Orders today"
+					}),
+					/* @__PURE__ */ w(r, {
+						icon: /* @__PURE__ */ w(f, { className: "h-5 w-5" }),
+						value: W(A.totalRevenue),
+						label: "Revenue",
+						trend: "up",
+						trendValue: "+15.2% vs yesterday"
+					}),
+					/* @__PURE__ */ w(r, {
+						icon: /* @__PURE__ */ w(y, { className: "h-5 w-5" }),
+						value: W(A.averageOrderValue),
+						label: "Avg Order Value",
+						trendValue: "Average order value"
+					}),
+					/* @__PURE__ */ w(r, {
+						icon: /* @__PURE__ */ w(u, { className: "h-5 w-5" }),
+						value: A.pendingOrders,
+						label: "Pending Orders",
+						trendValue: "Awaiting action"
+					})
+				]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "rounded-lg border border-border bg-card p-4 mb-6",
+				children: /* @__PURE__ */ T("div", {
+					className: "flex flex-col gap-4",
+					children: [/* @__PURE__ */ T("div", {
+						className: "relative flex-1",
+						children: [/* @__PURE__ */ w(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ w("input", {
+							type: "text",
+							placeholder: "Search by order ID, customer, or cart name...",
+							value: P,
+							onChange: (e) => F(e.target.value),
+							className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+						})]
+					}), /* @__PURE__ */ T("div", {
+						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
+						children: [/* @__PURE__ */ T("select", {
+							value: I,
+							onChange: (e) => L(e.target.value),
+							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ w("option", {
+									value: "all",
+									children: "All Status"
+								}),
+								/* @__PURE__ */ w("option", {
+									value: "pending",
+									children: "Pending"
+								}),
+								/* @__PURE__ */ w("option", {
+									value: "confirmed",
+									children: "Confirmed"
+								}),
+								/* @__PURE__ */ w("option", {
+									value: "preparing",
+									children: "Preparing"
+								}),
+								/* @__PURE__ */ w("option", {
+									value: "ready",
+									children: "Ready"
+								}),
+								/* @__PURE__ */ w("option", {
+									value: "out_for_delivery",
+									children: "Out for Delivery"
+								}),
+								/* @__PURE__ */ w("option", {
+									value: "delivered",
+									children: "Delivered"
+								}),
+								/* @__PURE__ */ w("option", {
+									value: "cancelled",
+									children: "Cancelled"
+								})
+							]
+						}), /* @__PURE__ */ T("select", {
+							value: R,
+							onChange: (e) => z(e.target.value),
+							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ w("option", {
+									value: "today",
+									children: "Today"
+								}),
+								/* @__PURE__ */ w("option", {
+									value: "yesterday",
+									children: "Yesterday"
+								}),
+								/* @__PURE__ */ w("option", {
+									value: "week",
+									children: "This Week"
+								}),
+								/* @__PURE__ */ w("option", {
+									value: "month",
+									children: "This Month"
+								})
+							]
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "rounded-lg border border-border bg-card overflow-hidden",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "block md:hidden space-y-4 p-4",
+						children: J.map((e) => /* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border bg-muted/30 p-4",
+							children: [
+								/* @__PURE__ */ T("div", {
+									className: "flex justify-between items-start mb-3",
+									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+										className: "font-medium text-foreground text-lg",
+										children: e.id
+									}), /* @__PURE__ */ w("p", {
+										className: "text-sm text-muted-foreground",
+										children: G(e.orderDate)
+									})] }), /* @__PURE__ */ w("span", {
+										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(e.status)),
+										children: e.status.replace("_", " ")
+									})]
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "grid grid-cols-2 gap-4 mb-3 text-sm",
+									children: [/* @__PURE__ */ T("div", { children: [
+										/* @__PURE__ */ w("p", {
+											className: "text-muted-foreground font-medium",
+											children: "Customer"
+										}),
+										/* @__PURE__ */ w("p", {
+											className: "text-foreground",
+											children: e.customerName
+										}),
+										/* @__PURE__ */ w("p", {
+											className: "text-muted-foreground text-xs",
+											children: e.customerPhone
+										})
+									] }), /* @__PURE__ */ T("div", { children: [
+										/* @__PURE__ */ w("p", {
+											className: "text-muted-foreground font-medium",
+											children: "Cart"
+										}),
+										/* @__PURE__ */ w("p", {
+											className: "text-foreground",
+											children: e.cartName
+										}),
+										/* @__PURE__ */ w("p", {
+											className: "text-muted-foreground text-xs",
+											children: e.cartOwner
+										})
+									] })]
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "flex justify-between items-center mb-3",
+									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-muted-foreground font-medium text-sm",
+										children: "Amount"
+									}), /* @__PURE__ */ w("p", {
+										className: "text-foreground font-semibold text-lg",
+										children: W(e.total)
+									})] }), /* @__PURE__ */ T("div", {
+										className: "flex items-center gap-2",
+										children: [q(e.paymentStatus), /* @__PURE__ */ T("div", {
+											className: "text-right",
+											children: [/* @__PURE__ */ w("p", {
+												className: "text-sm text-foreground",
+												children: e.paymentMethod
+											}), /* @__PURE__ */ w("p", {
+												className: "text-xs text-muted-foreground capitalize",
+												children: e.paymentStatus
+											})]
+										})]
+									})]
+								}),
+								/* @__PURE__ */ T("button", {
+									type: "button",
+									onClick: () => {
+										V(e), U(!0);
+									},
+									className: "w-full rounded-lg border border-border py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors flex items-center justify-center gap-2",
+									children: [/* @__PURE__ */ w(d, { className: "h-4 w-4" }), " View Details"]
+								})
+							]
+						}, e.id))
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "hidden md:block overflow-x-auto",
+						children: /* @__PURE__ */ T("table", {
+							className: "w-full",
+							children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
+								className: "border-b border-border bg-muted/50",
+								children: [
+									/* @__PURE__ */ w("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Order ID"
+									}),
+									/* @__PURE__ */ w("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Customer"
+									}),
+									/* @__PURE__ */ w("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Cart"
+									}),
+									/* @__PURE__ */ w("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Amount"
+									}),
+									/* @__PURE__ */ w("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Status"
+									}),
+									/* @__PURE__ */ w("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Payment"
+									}),
+									/* @__PURE__ */ w("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Time"
+									}),
+									/* @__PURE__ */ w("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Actions"
+									})
+								]
+							}) }), /* @__PURE__ */ w("tbody", {
+								className: "divide-y divide-border",
+								children: J.map((e) => /* @__PURE__ */ T("tr", {
+									className: "hover:bg-accent/50 transition-colors",
+									children: [
+										/* @__PURE__ */ w("td", {
+											className: "px-4 py-3 text-sm font-mono font-medium text-foreground",
+											children: e.id
+										}),
+										/* @__PURE__ */ T("td", {
+											className: "px-4 py-3",
+											children: [/* @__PURE__ */ w("div", {
+												className: "text-sm font-medium text-foreground",
+												children: e.customerName
+											}), /* @__PURE__ */ w("div", {
+												className: "text-xs text-muted-foreground",
+												children: e.customerPhone
+											})]
+										}),
+										/* @__PURE__ */ T("td", {
+											className: "px-4 py-3",
+											children: [/* @__PURE__ */ w("div", {
+												className: "text-sm font-medium text-foreground",
+												children: e.cartName
+											}), /* @__PURE__ */ w("div", {
+												className: "text-xs text-muted-foreground",
+												children: e.cartOwner
+											})]
+										}),
+										/* @__PURE__ */ w("td", {
+											className: "px-4 py-3 text-sm font-semibold text-foreground",
+											children: W(e.total)
+										}),
+										/* @__PURE__ */ w("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ w("span", {
+												className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(e.status)),
+												children: e.status.replace("_", " ")
+											})
+										}),
+										/* @__PURE__ */ w("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ T("div", {
+												className: "flex items-center gap-2",
+												children: [q(e.paymentStatus), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
+													className: "text-sm text-foreground",
+													children: e.paymentMethod
+												}), /* @__PURE__ */ w("div", {
+													className: "text-xs text-muted-foreground capitalize",
+													children: e.paymentStatus
+												})] })]
+											})
+										}),
+										/* @__PURE__ */ w("td", {
+											className: "px-4 py-3 text-sm text-muted-foreground",
+											children: G(e.orderDate)
+										}),
+										/* @__PURE__ */ w("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ w("button", {
+												type: "button",
+												onClick: () => {
+													V(e), U(!0);
+												},
+												className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+												children: /* @__PURE__ */ w(d, { className: "h-4 w-4" })
+											})
+										})
+									]
+								}, e.id))
+							})]
+						})
+					}),
+					J.length === 0 && /* @__PURE__ */ T("div", {
+						className: "flex flex-col items-center justify-center py-12 px-4",
+						children: [/* @__PURE__ */ w(v, { className: "h-10 w-10 text-muted-foreground/50 mb-3" }), /* @__PURE__ */ w("p", {
+							className: "text-sm text-muted-foreground",
+							children: "No orders found matching your criteria"
+						})]
+					})
+				]
+			}),
+			H && B && /* @__PURE__ */ w("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+				children: /* @__PURE__ */ T("div", {
+					className: "w-full max-w-2xl rounded-lg border border-border bg-card shadow-lg max-h-[90vh] overflow-y-auto",
+					children: [/* @__PURE__ */ T("div", {
+						className: "flex items-center justify-between p-4 border-b border-border",
+						children: [/* @__PURE__ */ w("h2", {
+							className: "text-lg font-semibold text-foreground",
+							children: "Order Details"
+						}), /* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: () => U(!1),
+							className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+							children: /* @__PURE__ */ w(S, { className: "h-5 w-5" })
+						})]
+					}), /* @__PURE__ */ T("div", {
+						className: "p-4 space-y-6",
+						children: [
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+								className: "font-semibold text-foreground mb-3",
+								children: "Order Information"
+							}), /* @__PURE__ */ T("div", {
+								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Order ID"
+									}), /* @__PURE__ */ w("p", {
+										className: "font-medium text-foreground",
+										children: B.id
+									})] }),
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Status"
+									}), /* @__PURE__ */ w("span", {
+										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(B.status)),
+										children: B.status.replace("_", " ")
+									})] }),
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Order Date"
+									}), /* @__PURE__ */ w("p", {
+										className: "font-medium text-foreground",
+										children: G(B.orderDate)
+									})] }),
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Delivery Time"
+									}), /* @__PURE__ */ w("p", {
+										className: "font-medium text-foreground",
+										children: G(B.deliveryTime)
+									})] })
+								]
+							})] }),
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
+								className: "font-semibold text-foreground mb-3 flex items-center gap-2",
+								children: [/* @__PURE__ */ w(x, { className: "h-4 w-4" }), " Customer Details"]
+							}), /* @__PURE__ */ T("div", {
+								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Name"
+									}), /* @__PURE__ */ w("p", {
+										className: "font-medium text-foreground",
+										children: B.customerName
+									})] }),
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Phone"
+									}), /* @__PURE__ */ T("p", {
+										className: "font-medium text-foreground flex items-center gap-1",
+										children: [/* @__PURE__ */ w(h, { className: "h-3 w-3" }), B.customerPhone]
+									})] }),
+									/* @__PURE__ */ T("div", {
+										className: "sm:col-span-2",
+										children: [/* @__PURE__ */ w("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Delivery Address"
+										}), /* @__PURE__ */ T("p", {
+											className: "font-medium text-foreground flex items-center gap-1",
+											children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), B.deliveryAddress]
+										})]
+									})
+								]
+							})] }),
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+								className: "font-semibold text-foreground mb-3",
+								children: "Cart Details"
+							}), /* @__PURE__ */ T("div", {
+								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Cart Name"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium text-foreground",
+									children: B.cartName
+								})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Cart Owner"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium text-foreground",
+									children: B.cartOwner
+								})] })]
+							})] }),
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+								className: "font-semibold text-foreground mb-3",
+								children: "Order Items"
+							}), /* @__PURE__ */ T("div", {
+								className: "rounded-lg bg-muted/50 p-4",
+								children: [/* @__PURE__ */ w("ul", {
+									className: "space-y-2",
+									children: B.items.map((e, t) => /* @__PURE__ */ w("li", {
+										className: "text-sm text-foreground",
+										children: e
+									}, t))
+								}), /* @__PURE__ */ T("div", {
+									className: "mt-4 pt-4 border-t border-border flex justify-between items-center",
+									children: [/* @__PURE__ */ w("span", {
+										className: "font-semibold text-foreground",
+										children: "Total Amount"
+									}), /* @__PURE__ */ w("span", {
+										className: "font-semibold text-lg text-foreground",
+										children: W(B.total)
+									})]
+								})]
+							})] }),
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+								className: "font-semibold text-foreground mb-3",
+								children: "Payment Details"
+							}), /* @__PURE__ */ T("div", {
+								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Method"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium text-foreground",
+									children: B.paymentMethod
+								})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Status"
+								}), /* @__PURE__ */ T("div", {
+									className: "flex items-center gap-2",
+									children: [q(B.paymentStatus), /* @__PURE__ */ w("span", {
+										className: "font-medium text-foreground capitalize",
+										children: B.paymentStatus
+									})]
+								})] })]
+							})] }),
+							B.workerAssigned && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
+								className: "font-semibold text-foreground mb-3 flex items-center gap-2",
+								children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), " Delivery Assignment"]
+							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Assigned Worker"
+							}), /* @__PURE__ */ w("p", {
+								className: "font-medium text-foreground",
+								children: B.workerAssigned
+							})] })] }),
+							B.notes && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+								className: "font-semibold text-foreground mb-3",
+								children: "Special Instructions"
+							}), /* @__PURE__ */ w("p", {
+								className: "text-sm rounded-lg bg-muted/50 p-3 text-foreground",
+								children: B.notes
+							})] }),
+							/* @__PURE__ */ T("div", {
+								className: "flex flex-col sm:flex-row sm:justify-end gap-3 pt-2",
+								children: [/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => U(!1),
+									className: "rounded-lg border border-border py-2 px-4 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: "Close"
+								}), B.status !== "delivered" && B.status !== "cancelled" && /* @__PURE__ */ T("select", {
+									className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+									value: B.status,
+									onChange: (e) => Y(B.id, e.target.value),
+									children: [
+										/* @__PURE__ */ w("option", {
+											value: "pending",
+											children: "Pending"
+										}),
+										/* @__PURE__ */ w("option", {
+											value: "confirmed",
+											children: "Confirmed"
+										}),
+										/* @__PURE__ */ w("option", {
+											value: "preparing",
+											children: "Preparing"
+										}),
+										/* @__PURE__ */ w("option", {
+											value: "ready",
+											children: "Ready"
+										}),
+										/* @__PURE__ */ w("option", {
+											value: "out_for_delivery",
+											children: "Out for Delivery"
+										}),
+										/* @__PURE__ */ w("option", {
+											value: "delivered",
+											children: "Delivered"
+										}),
+										/* @__PURE__ */ w("option", {
+											value: "cancelled",
+											children: "Cancelled"
+										})
+									]
+								})]
+							})
+						]
+					})]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { D as AdminOrdersPage };
+
+//# sourceMappingURL=AdminOrdersPage.js.map