@burdenoff/microfe-coolandlovely 2026.614.1

package/dist/coolandlovely/pages/worker/WorkerOrdersPage.js

@@ -0,0 +1,675 @@
+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 { StatusBadge as r } from "../../components/StatusBadge.js";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { formatCurrency as a } from "../../utils/formatters.js";
+import { useCallback as o, useEffect as s, useState as c } from "react";
+import { AlertTriangle as l, ArrowRight as u, CheckCircle2 as d, ChefHat as f, ClipboardList as p, CreditCard as m, Loader2 as h, MapPin as g, Navigation as _, Package as v, Phone as y, PlayCircle as b, ShoppingBag as x, Star as S, Truck as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/worker/WorkerOrdersPage.tsx
+var E = [
+	{
+		id: "task-001",
+		orderId: "ORD-2024-001",
+		cartId: "cart-001",
+		cartName: "South Indian Express",
+		type: "delivery",
+		status: "pending",
+		priority: "high",
+		customerName: "Rahul Sharma",
+		customerPhone: "+91-98765-43210",
+		items: [{
+			name: "Masala Dosa",
+			quantity: 2
+		}, {
+			name: "Filter Coffee",
+			quantity: 2
+		}],
+		address: {
+			addressLine1: "123, MG Road",
+			addressLine2: "Near Central Mall",
+			landmark: "Opposite SBI Bank",
+			city: "Bangalore",
+			pincode: "560001"
+		},
+		estimatedTime: new Date(Date.now() + 1800 * 1e3).toISOString(),
+		assignedTime: (/* @__PURE__ */ new Date(Date.now() - 300 * 1e3)).toISOString(),
+		distance: 3.5,
+		specialInstructions: "Please call before delivery",
+		payment: {
+			method: "Cash",
+			amount: 295,
+			status: "pending"
+		}
+	},
+	{
+		id: "task-002",
+		orderId: "ORD-2024-002",
+		cartId: "cart-001",
+		cartName: "South Indian Express",
+		type: "pickup",
+		status: "in_progress",
+		priority: "medium",
+		customerName: "Priya Patel",
+		customerPhone: "+91-98765-43211",
+		items: [{
+			name: "Idli Sambar",
+			quantity: 3
+		}],
+		estimatedTime: new Date(Date.now() + 900 * 1e3).toISOString(),
+		assignedTime: (/* @__PURE__ */ new Date(Date.now() - 600 * 1e3)).toISOString(),
+		specialInstructions: "",
+		payment: {
+			method: "Online",
+			amount: 198,
+			status: "completed"
+		}
+	},
+	{
+		id: "task-003",
+		orderId: "ORD-2024-003",
+		cartId: "cart-002",
+		cartName: "Chaat Corner",
+		type: "preparation",
+		status: "pending",
+		priority: "urgent",
+		customerName: "Amit Kumar",
+		customerPhone: "+91-98765-43212",
+		items: [{
+			name: "Pani Puri",
+			quantity: 2
+		}, {
+			name: "Bhel Puri",
+			quantity: 1
+		}],
+		estimatedTime: new Date(Date.now() + 1200 * 1e3).toISOString(),
+		assignedTime: (/* @__PURE__ */ new Date(Date.now() - 120 * 1e3)).toISOString(),
+		specialInstructions: "Extra spicy",
+		payment: {
+			method: "UPI",
+			amount: 150,
+			status: "completed"
+		}
+	},
+	{
+		id: "task-004",
+		orderId: "ORD-2024-004",
+		cartId: "cart-003",
+		cartName: "Biryani Pot",
+		type: "delivery",
+		status: "completed",
+		priority: "medium",
+		customerName: "Deepa Nair",
+		customerPhone: "+91-98765-43213",
+		items: [{
+			name: "Chicken Biryani",
+			quantity: 1
+		}, {
+			name: "Raita",
+			quantity: 1
+		}],
+		address: {
+			addressLine1: "456, Brigade Road",
+			city: "Bangalore",
+			pincode: "560025"
+		},
+		estimatedTime: (/* @__PURE__ */ new Date(Date.now() - 1800 * 1e3)).toISOString(),
+		assignedTime: (/* @__PURE__ */ new Date(Date.now() - 5400 * 1e3)).toISOString(),
+		distance: 2.1,
+		payment: {
+			method: "Online",
+			amount: 340,
+			status: "completed"
+		}
+	}
+];
+function D(e) {
+	let t = /* @__PURE__ */ new Date(), n = new Date(e), r = Math.floor((n.getTime() - t.getTime()) / (1e3 * 60));
+	return r < 0 ? "Overdue" : r < 60 ? `${r} min` : `${Math.floor(r / 60)}h ${r % 60}m`;
+}
+function O(e) {
+	switch (e) {
+		case "delivery": return {
+			icon: C,
+			label: "Delivery",
+			style: "bg-purple-500/20 text-purple-600 dark:text-purple-400"
+		};
+		case "pickup": return {
+			icon: x,
+			label: "Pickup",
+			style: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+		};
+		case "preparation": return {
+			icon: f,
+			label: "Preparation",
+			style: "bg-green-500/20 text-green-600 dark:text-green-400"
+		};
+		default: return {
+			icon: v,
+			label: e,
+			style: "bg-secondary text-secondary-foreground"
+		};
+	}
+}
+function k(e) {
+	switch (e) {
+		case "urgent": return "bg-red-500/20 text-red-600 dark:text-red-400";
+		case "high": return "bg-orange-500/20 text-orange-600 dark:text-orange-400";
+		case "medium": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
+		case "low": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		default: return "bg-secondary text-secondary-foreground";
+	}
+}
+var A = () => {
+	let { navigateTo: f } = e(), [v, x] = c(!0), [C, A] = c([]), [j, M] = c(null), [N, P] = c({
+		status: "",
+		type: "",
+		priority: "",
+		sortBy: "priority"
+	}), [F, I] = c({
+		totalTasks: 0,
+		completedToday: 0,
+		pendingTasks: 0,
+		averageTime: 0,
+		earnings: 0,
+		rating: 4.8
+	}), [, L] = c(0);
+	s(() => {
+		let e = setInterval(() => L((e) => e + 1), 6e4);
+		return () => clearInterval(e);
+	}, []);
+	let R = o(() => {
+		x(!0), setTimeout(() => {
+			let e = [...E];
+			N.status && (e = e.filter((e) => e.status === N.status)), N.type && (e = e.filter((e) => e.type === N.type)), N.priority && (e = e.filter((e) => e.priority === N.priority));
+			let t = {
+				urgent: 0,
+				high: 1,
+				medium: 2,
+				low: 3
+			};
+			switch (N.sortBy) {
+				case "priority":
+					e.sort((e, n) => (t[e.priority] ?? 4) - (t[n.priority] ?? 4));
+					break;
+				case "time":
+					e.sort((e, t) => new Date(e.estimatedTime).getTime() - new Date(t.estimatedTime).getTime());
+					break;
+				case "distance":
+					e.sort((e, t) => (e.distance ?? 999) - (t.distance ?? 999));
+					break;
+			}
+			A(e), M(E.find((e) => e.status === "in_progress") ?? null), I({
+				totalTasks: 45,
+				completedToday: 12,
+				pendingTasks: 3,
+				averageTime: 22,
+				earnings: 2450,
+				rating: 4.8
+			}), x(!1);
+		}, 600);
+	}, [N]);
+	s(() => {
+		R();
+	}, [R]);
+	let z = (e, t) => {
+		P((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, B = (e) => {
+		let t = E.find((t) => t.id === e);
+		t && (t.status = "in_progress", M(t), R());
+	}, V = (e) => {
+		let t = E.find((t) => t.id === e);
+		t && (t.status = "completed"), M(null), R(), alert("Task completed successfully");
+	}, H = (e) => {
+		window.location.href = `tel:${e.replace(/\s/g, "")}`;
+	}, U = (e) => {
+		if (e.address) {
+			let t = encodeURIComponent(`${e.address.addressLine1}, ${e.address.city}`);
+			window.open(`https://maps.google.com?q=${t}`, "_blank");
+		}
+	};
+	return v ? /* @__PURE__ */ w(n, {
+		title: "My Orders",
+		description: "Manage your assigned orders",
+		children: /* @__PURE__ */ w("div", {
+			className: "flex items-center justify-center py-24",
+			children: /* @__PURE__ */ T("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ w(h, { className: "h-10 w-10 animate-spin text-muted-foreground mx-auto mb-4" }), /* @__PURE__ */ w("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Loading tasks..."
+				})]
+			})
+		})
+	}) : /* @__PURE__ */ w(n, {
+		title: "My Orders",
+		description: "Manage your assigned orders",
+		children: /* @__PURE__ */ T("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ T("div", {
+					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",
+					children: [
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ w("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Today's Tasks"
+							}), /* @__PURE__ */ w("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: F.totalTasks
+							})]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-green-500/20 bg-green-500/5 p-4 shadow-sm",
+							children: [/* @__PURE__ */ w("p", {
+								className: "text-xs text-green-600 dark:text-green-400",
+								children: "Completed"
+							}), /* @__PURE__ */ w("p", {
+								className: "text-2xl font-bold text-green-600 dark:text-green-400",
+								children: F.completedToday
+							})]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-yellow-500/20 bg-yellow-500/5 p-4 shadow-sm",
+							children: [/* @__PURE__ */ w("p", {
+								className: "text-xs text-yellow-600 dark:text-yellow-400",
+								children: "Pending"
+							}), /* @__PURE__ */ w("p", {
+								className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
+								children: F.pendingTasks
+							})]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ w("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Avg Time"
+							}), /* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: [F.averageTime, " min"]
+							})]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ w("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Today's Earnings"
+							}), /* @__PURE__ */ w("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: a(F.earnings, { minimumFractionDigits: 0 })
+							})]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [/* @__PURE__ */ w("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Rating"
+							}), /* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold text-foreground flex items-center gap-1",
+								children: [/* @__PURE__ */ w(S, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }), F.rating]
+							})]
+						})
+					]
+				}),
+				j && /* @__PURE__ */ T("div", {
+					className: "rounded-lg border-2 border-blue-500/30 bg-blue-500/5 p-5",
+					children: [/* @__PURE__ */ w("h2", {
+						className: "text-base font-semibold text-blue-600 dark:text-blue-400 mb-4",
+						children: "Current Task"
+					}), /* @__PURE__ */ T("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: [/* @__PURE__ */ T("div", {
+							className: "flex items-center justify-between mb-4",
+							children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+								className: "flex items-center gap-2 flex-wrap",
+								children: [
+									/* @__PURE__ */ T("h3", {
+										className: "text-sm font-semibold text-foreground",
+										children: ["Order #", j.orderId]
+									}),
+									(() => {
+										let e = O(j.type), n = e.icon;
+										return /* @__PURE__ */ T("span", {
+											className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium", e.style),
+											children: [/* @__PURE__ */ w(n, { className: "h-3 w-3" }), e.label]
+										});
+									})(),
+									/* @__PURE__ */ w("span", {
+										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", k(j.priority)),
+										children: j.priority
+									})
+								]
+							}), /* @__PURE__ */ w("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: j.cartName
+							})] }), /* @__PURE__ */ T("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ w("p", {
+									className: "text-xl font-bold text-blue-600 dark:text-blue-400",
+									children: D(j.estimatedTime)
+								}), /* @__PURE__ */ w("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Time remaining"
+								})]
+							})]
+						}), /* @__PURE__ */ T("div", {
+							className: "border-t border-border pt-4",
+							children: [
+								/* @__PURE__ */ T("div", {
+									className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ T("div", { children: [
+										/* @__PURE__ */ w("p", {
+											className: "text-xs font-medium text-muted-foreground",
+											children: "Customer"
+										}),
+										/* @__PURE__ */ w("p", {
+											className: "text-sm font-medium text-foreground",
+											children: j.customerName
+										}),
+										j.address && /* @__PURE__ */ T("p", {
+											className: "text-xs text-muted-foreground mt-1",
+											children: [
+												j.address.addressLine1,
+												", ",
+												j.address.city
+											]
+										})
+									] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-xs font-medium text-muted-foreground",
+										children: "Items"
+									}), /* @__PURE__ */ w("div", {
+										className: "space-y-0.5",
+										children: j.items.map((e, t) => /* @__PURE__ */ T("p", {
+											className: "text-xs text-foreground",
+											children: [
+												e.quantity,
+												"x ",
+												e.name
+											]
+										}, t))
+									})] })]
+								}),
+								j.specialInstructions && /* @__PURE__ */ T("div", {
+									className: "mt-3 p-3 rounded-md bg-yellow-500/10 border border-yellow-500/20",
+									children: [/* @__PURE__ */ T("p", {
+										className: "text-xs font-medium text-yellow-600 dark:text-yellow-400 flex items-center gap-1",
+										children: [/* @__PURE__ */ w(l, { className: "h-3 w-3" }), "Special Instructions:"]
+									}), /* @__PURE__ */ w("p", {
+										className: "text-xs text-yellow-700 dark:text-yellow-300 mt-0.5",
+										children: j.specialInstructions
+									})]
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "flex flex-wrap gap-2 mt-4",
+									children: [
+										/* @__PURE__ */ T("button", {
+											type: "button",
+											onClick: () => H(j.customerPhone),
+											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+											children: [/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5" }), "Call Customer"]
+										}),
+										j.type === "delivery" && j.address && /* @__PURE__ */ T("button", {
+											type: "button",
+											onClick: () => U(j),
+											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+											children: [/* @__PURE__ */ w(_, { className: "h-3.5 w-3.5" }), "Navigate"]
+										}),
+										/* @__PURE__ */ T("button", {
+											type: "button",
+											onClick: () => V(j.id),
+											className: "ml-auto 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__ */ w(d, { className: "h-3.5 w-3.5" }), "Complete Task"]
+										})
+									]
+								})
+							]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+					children: /* @__PURE__ */ T("div", {
+						className: "grid grid-cols-1 md:grid-cols-4 gap-3",
+						children: [
+							/* @__PURE__ */ T("select", {
+								value: N.status,
+								onChange: (e) => z("status", e.target.value),
+								className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								children: [
+									/* @__PURE__ */ w("option", {
+										value: "",
+										children: "All Tasks"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "pending",
+										children: "Pending Tasks"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "in_progress",
+										children: "In Progress"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "completed",
+										children: "Completed"
+									})
+								]
+							}),
+							/* @__PURE__ */ T("select", {
+								value: N.type,
+								onChange: (e) => z("type", e.target.value),
+								className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								children: [
+									/* @__PURE__ */ w("option", {
+										value: "",
+										children: "All Types"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "delivery",
+										children: "Delivery"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "pickup",
+										children: "Pickup"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "preparation",
+										children: "Preparation"
+									})
+								]
+							}),
+							/* @__PURE__ */ T("select", {
+								value: N.priority,
+								onChange: (e) => z("priority", e.target.value),
+								className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								children: [
+									/* @__PURE__ */ w("option", {
+										value: "",
+										children: "All Priorities"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "urgent",
+										children: "Urgent"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "high",
+										children: "High"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "medium",
+										children: "Medium"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "low",
+										children: "Low"
+									})
+								]
+							}),
+							/* @__PURE__ */ T("select", {
+								value: N.sortBy,
+								onChange: (e) => z("sortBy", e.target.value),
+								className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								children: [
+									/* @__PURE__ */ w("option", {
+										value: "priority",
+										children: "Sort by Priority"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "time",
+										children: "Sort by Time"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "distance",
+										children: "Sort by Distance"
+									})
+								]
+							})
+						]
+					})
+				}),
+				C.length === 0 ? /* @__PURE__ */ w(i, {
+					icon: /* @__PURE__ */ w(p, { className: "h-12 w-12" }),
+					title: "No tasks available",
+					description: "Check back later for new tasks"
+				}) : /* @__PURE__ */ w("div", {
+					className: "space-y-3",
+					children: C.map((e) => {
+						let n = O(e.type), i = n.icon;
+						return /* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border bg-card p-5 shadow-sm hover:shadow-md transition-shadow",
+							children: [
+								/* @__PURE__ */ T("div", {
+									className: "flex items-center justify-between mb-3",
+									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+										className: "flex items-center gap-2 flex-wrap",
+										children: [
+											/* @__PURE__ */ T("h3", {
+												className: "text-sm font-semibold text-foreground",
+												children: ["Order #", e.orderId]
+											}),
+											/* @__PURE__ */ T("span", {
+												className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium", n.style),
+												children: [/* @__PURE__ */ w(i, { className: "h-3 w-3" }), n.label]
+											}),
+											/* @__PURE__ */ w("span", {
+												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", k(e.priority)),
+												children: e.priority
+											})
+										]
+									}), /* @__PURE__ */ T("p", {
+										className: "text-xs text-muted-foreground mt-1",
+										children: [
+											e.cartName,
+											" · ",
+											e.customerName
+										]
+									})] }), /* @__PURE__ */ T("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ w("p", {
+											className: "text-lg font-bold text-foreground",
+											children: a(e.payment.amount, { minimumFractionDigits: 0 })
+										}), /* @__PURE__ */ w("p", {
+											className: t("text-xs", e.payment.status === "completed" ? "text-green-600 dark:text-green-400" : "text-yellow-600 dark:text-yellow-400"),
+											children: /* @__PURE__ */ T("span", {
+												className: "flex items-center gap-1 justify-end",
+												children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), e.payment.status === "completed" ? "Paid" : "COD"]
+											})
+										})]
+									})]
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "grid grid-cols-1 md:grid-cols-3 gap-3 mb-3 text-sm",
+									children: [
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Items"
+										}), /* @__PURE__ */ w("div", {
+											className: "text-xs text-foreground",
+											children: e.items.map((t, n) => /* @__PURE__ */ T("span", { children: [
+												t.quantity,
+												"x ",
+												t.name,
+												n < e.items.length - 1 && ", "
+											] }, n))
+										})] }),
+										e.address && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Delivery Address"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-xs text-foreground",
+											children: e.address.addressLine1
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Time"
+										}), /* @__PURE__ */ w("p", {
+											className: t("text-xs font-medium", D(e.estimatedTime) === "Overdue" ? "text-red-600 dark:text-red-400" : "text-foreground"),
+											children: D(e.estimatedTime)
+										})] })
+									]
+								}),
+								e.status === "pending" && /* @__PURE__ */ T("div", {
+									className: "flex items-center flex-wrap gap-2 border-t border-border pt-3",
+									children: [
+										/* @__PURE__ */ T("button", {
+											type: "button",
+											onClick: () => B(e.id),
+											disabled: j !== null,
+											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", j === null ? "bg-blue-500/10 text-blue-600 dark:text-blue-400 hover:bg-blue-500/20" : "bg-muted text-muted-foreground cursor-not-allowed"),
+											children: [/* @__PURE__ */ w(b, { className: "h-3.5 w-3.5" }), j ? "Complete current first" : "Start Task"]
+										}),
+										/* @__PURE__ */ T("button", {
+											type: "button",
+											onClick: () => H(e.customerPhone),
+											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+											children: [/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5" }), "Call"]
+										}),
+										e.type === "delivery" && e.distance != null && /* @__PURE__ */ T("span", {
+											className: "ml-auto text-xs text-muted-foreground flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ w(g, { className: "h-3 w-3" }),
+												e.distance,
+												" km away"
+											]
+										})
+									]
+								}),
+								e.status === "in_progress" && e.id !== j?.id && /* @__PURE__ */ T("div", {
+									className: "flex items-center gap-2 border-t border-border pt-3",
+									children: [/* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: () => V(e.id),
+										className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-1.5 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+										children: [/* @__PURE__ */ w(d, { className: "h-3.5 w-3.5" }), "Complete"]
+									}), /* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: () => f(`/worker/task/${e.id}`),
+										className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+										children: ["Details", /* @__PURE__ */ w(u, { className: "h-3.5 w-3.5" })]
+									})]
+								}),
+								e.status === "completed" && /* @__PURE__ */ T("div", {
+									className: "flex items-center gap-2 border-t border-border pt-3",
+									children: [/* @__PURE__ */ w(r, { status: "completed" }), /* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: () => f(`/worker/task/${e.id}`),
+										className: "ml-auto inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+										children: ["Details", /* @__PURE__ */ w(u, { className: "h-3.5 w-3.5" })]
+									})]
+								})
+							]
+						}, e.id);
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { A as WorkerOrdersPage };
+
+//# sourceMappingURL=WorkerOrdersPage.js.map