@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,578 @@
+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 { EmptyState as r } from "../../components/EmptyState.js";
+import { formatCurrency as i } from "../../utils/formatters.js";
+import { useEffect as a, useMemo as o, useState as s } from "react";
+import { Calendar as c, CalendarDays as l, CheckCircle2 as u, ChevronLeft as d, ChevronRight as f, Loader2 as p, LogIn as m, LogOut as h, MapPin as g, PlayCircle as _, Save as v, Send as y, ShoppingCart as b, Star as x, Timer as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/worker/WorkerSchedulePage.tsx
+function T(e) {
+	return new Date(e).toLocaleDateString("en-US", {
+		weekday: "short",
+		month: "short",
+		day: "numeric"
+	});
+}
+function E(e) {
+	let [t, n] = e.split(":"), r = parseInt(t), i = r >= 12 ? "PM" : "AM";
+	return `${r % 12 || 12}:${n} ${i}`;
+}
+function D(e) {
+	let t = /* @__PURE__ */ new Date(), n = t.getDay(), r = new Date(t);
+	r.setDate(t.getDate() - n + e * 7);
+	let i = new Date(r);
+	return i.setDate(r.getDate() + 6), {
+		start: r.toLocaleDateString("en-US", {
+			month: "short",
+			day: "numeric"
+		}),
+		end: i.toLocaleDateString("en-US", {
+			month: "short",
+			day: "numeric",
+			year: "numeric"
+		})
+	};
+}
+function O(e) {
+	switch (e) {
+		case "scheduled": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
+		case "ongoing": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "completed": return "bg-secondary text-secondary-foreground";
+		case "cancelled": return "bg-red-500/20 text-red-600 dark:text-red-400";
+		default: return "bg-secondary text-secondary-foreground";
+	}
+}
+function k(e) {
+	switch (e) {
+		case "pending": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
+		case "approved": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "rejected": return "bg-red-500/20 text-red-600 dark:text-red-400";
+		default: return "bg-secondary text-secondary-foreground";
+	}
+}
+var A = () => {
+	let { navigateTo: A } = e(), [j, M] = s(!0), [N, P] = s("schedule"), [F, I] = s(0), [L, R] = s([]), [z, B] = s([]), [V, H] = s([]);
+	a(() => {
+		M(!0);
+		let e = setTimeout(() => {
+			R([
+				{
+					id: "shift-001",
+					date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+					startTime: "09:00",
+					endTime: "14:00",
+					cartId: "cart-001",
+					cartName: "South Indian Express",
+					location: "MG Road, Bangalore",
+					status: "ongoing",
+					earnings: 1200,
+					tasksCompleted: 8
+				},
+				{
+					id: "shift-002",
+					date: new Date(Date.now() + 1440 * 60 * 1e3).toISOString().split("T")[0],
+					startTime: "14:00",
+					endTime: "20:00",
+					cartId: "cart-002",
+					cartName: "Chaat Corner",
+					location: "Brigade Road, Bangalore",
+					status: "scheduled",
+					earnings: 1500
+				},
+				{
+					id: "shift-003",
+					date: (/* @__PURE__ */ new Date(Date.now() - 1440 * 60 * 1e3)).toISOString().split("T")[0],
+					startTime: "10:00",
+					endTime: "16:00",
+					cartId: "cart-001",
+					cartName: "South Indian Express",
+					location: "MG Road, Bangalore",
+					status: "completed",
+					earnings: 1350,
+					tasksCompleted: 12,
+					rating: 4.8
+				},
+				{
+					id: "shift-004",
+					date: new Date(Date.now() + 4320 * 60 * 1e3).toISOString().split("T")[0],
+					startTime: "08:00",
+					endTime: "14:00",
+					cartId: "cart-003",
+					cartName: "Biryani Pot",
+					location: "Frazer Town, Bangalore",
+					status: "scheduled",
+					earnings: 0
+				}
+			]), B([
+				{
+					id: "req-001",
+					date: new Date(Date.now() + 2880 * 60 * 1e3).toISOString().split("T")[0],
+					startTime: "08:00",
+					endTime: "14:00",
+					cartName: "Burger Bliss",
+					location: "Koramangala, Bangalore",
+					status: "pending",
+					requestedOn: (/* @__PURE__ */ new Date(Date.now() - 7200 * 1e3)).toISOString()
+				},
+				{
+					id: "req-002",
+					date: new Date(Date.now() + 4320 * 60 * 1e3).toISOString().split("T")[0],
+					startTime: "16:00",
+					endTime: "22:00",
+					cartName: "Pizza Paradise",
+					location: "Indiranagar, Bangalore",
+					status: "approved",
+					requestedOn: (/* @__PURE__ */ new Date(Date.now() - 1440 * 60 * 1e3)).toISOString()
+				},
+				{
+					id: "req-003",
+					date: (/* @__PURE__ */ new Date(Date.now() - 2880 * 60 * 1e3)).toISOString().split("T")[0],
+					startTime: "10:00",
+					endTime: "16:00",
+					cartName: "Dosa Express",
+					location: "BTM Layout, Bangalore",
+					status: "rejected",
+					requestedOn: (/* @__PURE__ */ new Date(Date.now() - 4320 * 60 * 1e3)).toISOString()
+				}
+			]), H([
+				{
+					dayOfWeek: "Monday",
+					isAvailable: !0,
+					preferredStartTime: "09:00",
+					preferredEndTime: "18:00"
+				},
+				{
+					dayOfWeek: "Tuesday",
+					isAvailable: !0,
+					preferredStartTime: "09:00",
+					preferredEndTime: "18:00"
+				},
+				{
+					dayOfWeek: "Wednesday",
+					isAvailable: !0,
+					preferredStartTime: "09:00",
+					preferredEndTime: "18:00"
+				},
+				{
+					dayOfWeek: "Thursday",
+					isAvailable: !0,
+					preferredStartTime: "09:00",
+					preferredEndTime: "18:00"
+				},
+				{
+					dayOfWeek: "Friday",
+					isAvailable: !0,
+					preferredStartTime: "09:00",
+					preferredEndTime: "20:00"
+				},
+				{
+					dayOfWeek: "Saturday",
+					isAvailable: !0,
+					preferredStartTime: "10:00",
+					preferredEndTime: "20:00"
+				},
+				{
+					dayOfWeek: "Sunday",
+					isAvailable: !1,
+					preferredStartTime: "09:00",
+					preferredEndTime: "18:00"
+				}
+			]), M(!1);
+		}, 600);
+		return () => clearTimeout(e);
+	}, [F]);
+	let U = o(() => {
+		let e = L.filter((e) => e.status !== "cancelled"), t = e.reduce((e, t) => {
+			let n = /* @__PURE__ */ new Date(`2024-01-01T${t.startTime}`);
+			return e + ((/* @__PURE__ */ new Date(`2024-01-01T${t.endTime}`)).getTime() - n.getTime()) / (1e3 * 60 * 60);
+		}, 0), n = e.reduce((e, t) => e + t.earnings, 0), r = L.find((e) => e.status === "scheduled");
+		return {
+			hoursThisWeek: t,
+			shiftsThisWeek: e.length,
+			earningsThisWeek: n,
+			nextShift: r
+		};
+	}, [L]), W = z.filter((e) => e.status === "pending").length, G = D(F), K = (e) => {
+		R((t) => t.map((t) => t.id === e ? {
+			...t,
+			status: "ongoing"
+		} : t)), alert("Checked in successfully");
+	}, q = (e) => {
+		R((t) => t.map((t) => t.id === e ? {
+			...t,
+			status: "completed"
+		} : t)), alert("Checked out successfully");
+	}, J = (e) => {
+		B((t) => t.map((t) => t.id === e ? {
+			...t,
+			status: "approved"
+		} : t)), alert("Shift accepted");
+	}, Y = (e) => {
+		B((t) => t.map((t) => t.id === e ? {
+			...t,
+			status: "rejected"
+		} : t)), alert("Shift rejected");
+	}, X = (e, t, n) => {
+		H((r) => r.map((r) => r.dayOfWeek === e ? {
+			...r,
+			[t]: n
+		} : r));
+	};
+	return j ? /* @__PURE__ */ C(n, {
+		title: "Schedule",
+		description: "Manage your work schedule",
+		children: /* @__PURE__ */ C("div", {
+			className: "flex items-center justify-center py-24",
+			children: /* @__PURE__ */ w("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ C(p, { className: "h-10 w-10 animate-spin text-muted-foreground mx-auto mb-4" }), /* @__PURE__ */ C("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Loading schedule..."
+				})]
+			})
+		})
+	}) : /* @__PURE__ */ C(n, {
+		title: "Schedule",
+		description: "Manage your work schedule",
+		children: /* @__PURE__ */ w("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ w("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-3",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+						children: [/* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Hours This Week"
+						}), /* @__PURE__ */ w("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: [U.hoursThisWeek, "h"]
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+						children: [/* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Shifts This Week"
+						}), /* @__PURE__ */ C("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: U.shiftsThisWeek
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+						children: [/* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Week Earnings"
+						}), /* @__PURE__ */ C("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: i(U.earningsThisWeek, { minimumFractionDigits: 0 })
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+						children: [/* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Next Shift"
+						}), /* @__PURE__ */ C("p", {
+							className: "text-sm font-bold text-foreground",
+							children: U.nextShift ? `${T(U.nextShift.date)} ${E(U.nextShift.startTime)}` : "None scheduled"
+						})]
+					})
+				]
+			}), /* @__PURE__ */ w("div", {
+				className: "rounded-lg border border-border bg-card shadow-sm overflow-hidden",
+				children: [/* @__PURE__ */ w("div", {
+					className: "flex border-b border-border",
+					children: [
+						/* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: () => P("schedule"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "schedule" ? "border-b-2 border-blue-500 text-blue-600 dark:text-blue-400 bg-blue-500/5" : "text-muted-foreground hover:text-foreground"),
+							children: [/* @__PURE__ */ C(l, { className: "h-4 w-4" }), "My Schedule"]
+						}),
+						/* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: () => P("requests"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "requests" ? "border-b-2 border-blue-500 text-blue-600 dark:text-blue-400 bg-blue-500/5" : "text-muted-foreground hover:text-foreground"),
+							children: [
+								/* @__PURE__ */ C(y, { className: "h-4 w-4" }),
+								"Shift Requests",
+								W > 0 && /* @__PURE__ */ C("span", {
+									className: "ml-1 inline-flex items-center justify-center rounded-full bg-red-500 px-1.5 py-0.5 text-[10px] font-medium text-white",
+									children: W
+								})
+							]
+						}),
+						/* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: () => P("availability"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "availability" ? "border-b-2 border-blue-500 text-blue-600 dark:text-blue-400 bg-blue-500/5" : "text-muted-foreground hover:text-foreground"),
+							children: [/* @__PURE__ */ C(S, { className: "h-4 w-4" }), "Availability"]
+						})
+					]
+				}), /* @__PURE__ */ w("div", {
+					className: "p-5",
+					children: [
+						N === "schedule" && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center justify-between mb-5",
+							children: [
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => I((e) => e - 1),
+									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__ */ C(d, { className: "h-3.5 w-3.5" }), "Previous Week"]
+								}),
+								/* @__PURE__ */ w("h3", {
+									className: "text-sm font-medium text-foreground",
+									children: [
+										G.start,
+										" - ",
+										G.end
+									]
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => I((e) => e + 1),
+									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: ["Next Week", /* @__PURE__ */ C(f, { className: "h-3.5 w-3.5" })]
+								})
+							]
+						}), L.length === 0 ? /* @__PURE__ */ C(r, {
+							icon: /* @__PURE__ */ C(c, { className: "h-12 w-12" }),
+							title: "No shifts scheduled",
+							description: "No shifts scheduled for this week"
+						}) : /* @__PURE__ */ C("div", {
+							className: "space-y-3",
+							children: L.map((e) => /* @__PURE__ */ w("div", {
+								className: t("rounded-lg border p-4 transition-colors", e.status === "ongoing" ? "border-green-500/30 bg-green-500/5" : "border-border hover:bg-muted/30"),
+								children: [
+									/* @__PURE__ */ w("div", {
+										className: "flex items-center justify-between mb-3",
+										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+											className: "flex items-center gap-2 flex-wrap",
+											children: [/* @__PURE__ */ C("h4", {
+												className: "text-sm font-semibold text-foreground",
+												children: T(e.date)
+											}), /* @__PURE__ */ C("span", {
+												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", O(e.status)),
+												children: e.status === "ongoing" ? "Ongoing" : e.status
+											})]
+										}), /* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground mt-1",
+											children: [
+												E(e.startTime),
+												" - ",
+												E(e.endTime)
+											]
+										})] }), /* @__PURE__ */ w("div", {
+											className: "text-right",
+											children: [/* @__PURE__ */ C("p", {
+												className: "text-lg font-bold text-foreground",
+												children: i(e.earnings, { minimumFractionDigits: 0 })
+											}), e.rating != null && /* @__PURE__ */ w("p", {
+												className: "text-xs text-muted-foreground flex items-center gap-1 justify-end",
+												children: [/* @__PURE__ */ C(x, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.rating]
+											})]
+										})]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "grid grid-cols-1 md:grid-cols-3 gap-3 text-sm",
+										children: [
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+												className: "text-xs text-muted-foreground",
+												children: "Cart"
+											}), /* @__PURE__ */ w("p", {
+												className: "text-xs font-medium text-foreground flex items-center gap-1",
+												children: [/* @__PURE__ */ C(b, { className: "h-3 w-3 text-muted-foreground" }), e.cartName]
+											})] }),
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+												className: "text-xs text-muted-foreground",
+												children: "Location"
+											}), /* @__PURE__ */ w("p", {
+												className: "text-xs font-medium text-foreground flex items-center gap-1",
+												children: [/* @__PURE__ */ C(g, { className: "h-3 w-3 text-muted-foreground" }), e.location]
+											})] }),
+											e.tasksCompleted != null && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+												className: "text-xs text-muted-foreground",
+												children: "Tasks Completed"
+											}), /* @__PURE__ */ w("p", {
+												className: "text-xs font-medium text-foreground flex items-center gap-1",
+												children: [/* @__PURE__ */ C(u, { className: "h-3 w-3 text-muted-foreground" }), e.tasksCompleted]
+											})] })
+										]
+									}),
+									e.status === "scheduled" && /* @__PURE__ */ C("div", {
+										className: "mt-3 pt-3 border-t border-border",
+										children: /* @__PURE__ */ w("button", {
+											type: "button",
+											onClick: () => K(e.id),
+											className: "inline-flex items-center gap-1.5 rounded-md bg-blue-500/10 px-3 py-1.5 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors",
+											children: [/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }), "Check In"]
+										})
+									}),
+									e.status === "ongoing" && /* @__PURE__ */ w("div", {
+										className: "mt-3 pt-3 border-t border-green-500/20 flex items-center justify-between",
+										children: [/* @__PURE__ */ w("span", {
+											className: "text-xs font-medium text-green-600 dark:text-green-400 flex items-center gap-1",
+											children: [/* @__PURE__ */ C(_, { className: "h-3.5 w-3.5" }), "Shift in progress"]
+										}), /* @__PURE__ */ w("button", {
+											type: "button",
+											onClick: () => q(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: [/* @__PURE__ */ C(h, { className: "h-3.5 w-3.5" }), "Check Out"]
+										})]
+									})
+								]
+							}, e.id))
+						})] }),
+						N === "requests" && /* @__PURE__ */ C("div", { children: z.length === 0 ? /* @__PURE__ */ C(r, {
+							icon: /* @__PURE__ */ C(y, { className: "h-12 w-12" }),
+							title: "No shift requests",
+							description: "No shift requests available"
+						}) : /* @__PURE__ */ C("div", {
+							className: "space-y-3",
+							children: z.map((e) => /* @__PURE__ */ w("div", {
+								className: "rounded-lg border border-border p-4",
+								children: [
+									/* @__PURE__ */ w("div", {
+										className: "flex items-center justify-between mb-3",
+										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h4", {
+											className: "text-sm font-semibold text-foreground",
+											children: T(e.date)
+										}), /* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground mt-0.5",
+											children: [
+												E(e.startTime),
+												" - ",
+												E(e.endTime)
+											]
+										})] }), /* @__PURE__ */ C("span", {
+											className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", k(e.status)),
+											children: e.status
+										})]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "grid grid-cols-1 md:grid-cols-2 gap-3 text-sm mb-3",
+										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Cart"
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs font-medium text-foreground",
+											children: e.cartName
+										})] }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Location"
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs font-medium text-foreground",
+											children: e.location
+										})] })]
+									}),
+									/* @__PURE__ */ w("p", {
+										className: "text-[10px] text-muted-foreground mb-3",
+										children: [
+											"Requested",
+											" ",
+											new Date(e.requestedOn).toLocaleString("en-IN", {
+												day: "numeric",
+												month: "short",
+												hour: "2-digit",
+												minute: "2-digit",
+												hour12: !0
+											})
+										]
+									}),
+									e.status === "pending" && /* @__PURE__ */ w("div", {
+										className: "flex gap-2",
+										children: [/* @__PURE__ */ w("button", {
+											type: "button",
+											onClick: () => J(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__ */ C(u, { className: "h-3.5 w-3.5" }), "Accept"]
+										}), /* @__PURE__ */ C("button", {
+											type: "button",
+											onClick: () => Y(e.id),
+											className: "inline-flex items-center gap-1.5 rounded-md bg-red-500/10 px-3 py-1.5 text-xs font-medium text-red-600 dark:text-red-400 hover:bg-red-500/20 transition-colors",
+											children: "Reject"
+										})]
+									})
+								]
+							}, e.id))
+						}) }),
+						N === "availability" && /* @__PURE__ */ w("div", { children: [
+							/* @__PURE__ */ C("p", {
+								className: "text-xs text-muted-foreground mb-5",
+								children: "Set your preferred working hours for each day of the week"
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "space-y-3",
+								children: V.map((e) => /* @__PURE__ */ w("div", {
+									className: t("flex flex-col sm:flex-row sm:items-center gap-3 p-3 rounded-lg border", e.isAvailable ? "border-border bg-card" : "border-border/50 bg-muted/30"),
+									children: [/* @__PURE__ */ C("div", {
+										className: "w-32 shrink-0",
+										children: /* @__PURE__ */ w("label", {
+											className: "flex items-center gap-2 cursor-pointer",
+											children: [/* @__PURE__ */ C("input", {
+												type: "checkbox",
+												checked: e.isAvailable,
+												onChange: (t) => X(e.dayOfWeek, "isAvailable", t.target.checked),
+												className: "h-4 w-4 rounded border-border text-blue-600 focus:ring-blue-500/40"
+											}), /* @__PURE__ */ C("span", {
+												className: "text-sm font-medium text-foreground",
+												children: e.dayOfWeek
+											})]
+										})
+									}), e.isAvailable ? /* @__PURE__ */ w("div", {
+										className: "flex flex-col sm:flex-row gap-3 flex-1",
+										children: [/* @__PURE__ */ w("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ C("span", {
+												className: "text-xs text-muted-foreground w-10",
+												children: "From"
+											}), /* @__PURE__ */ C("input", {
+												type: "time",
+												value: e.preferredStartTime,
+												onChange: (t) => X(e.dayOfWeek, "preferredStartTime", t.target.value),
+												className: "rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+											})]
+										}), /* @__PURE__ */ w("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ C("span", {
+												className: "text-xs text-muted-foreground w-10",
+												children: "To"
+											}), /* @__PURE__ */ C("input", {
+												type: "time",
+												value: e.preferredEndTime,
+												onChange: (t) => X(e.dayOfWeek, "preferredEndTime", t.target.value),
+												className: "rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+											})]
+										})]
+									}) : /* @__PURE__ */ C("span", {
+										className: "text-xs text-muted-foreground",
+										children: "Not available"
+									})]
+								}, e.dayOfWeek))
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "mt-5",
+								children: /* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => {
+										alert("Availability updated successfully");
+									},
+									className: "inline-flex items-center gap-2 rounded-md bg-blue-500/10 px-4 py-2 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors",
+									children: [/* @__PURE__ */ C(v, { className: "h-4 w-4" }), "Save Availability"]
+								})
+							})
+						] })
+					]
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { A as WorkerSchedulePage };
+
+//# sourceMappingURL=WorkerSchedulePage.js.map