@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,687 @@
+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 { mockWorkerStats as r } from "../../mocks/data.js";
+import { mockWorker as i } from "../../mocks/users.js";
+import { useState as a } from "react";
+import { Award as o, Bell as s, Briefcase as c, Camera as l, Clock as u, CreditCard as d, Loader2 as f, MapPin as p, Pencil as m, Save as h, Shield as g, User as _, X as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/worker/WorkerProfilePage.tsx
+var S = [
+	{
+		id: "personal",
+		label: "Personal Info",
+		icon: _
+	},
+	{
+		id: "work",
+		label: "Work Details",
+		icon: c
+	},
+	{
+		id: "address",
+		label: "Address",
+		icon: p
+	},
+	{
+		id: "documents",
+		label: "Documents",
+		icon: d
+	},
+	{
+		id: "achievements",
+		label: "Achievements",
+		icon: o
+	},
+	{
+		id: "notifications",
+		label: "Notifications",
+		icon: s
+	}
+], C = () => {
+	let { navigateTo: s } = e(), [c, d] = a("personal"), [p, C] = a(!1), [w, T] = a(!1), [E, D] = a({
+		firstName: i.firstName || "Suresh",
+		lastName: i.lastName || "Kumar",
+		email: i.email || "suresh.worker@example.com",
+		phone: i.phone || "+91-87654-32109",
+		profileImage: i.profilePicture || "",
+		dateOfBirth: "1990-05-15",
+		employeeId: "EMP-2024-001",
+		designation: "Delivery Executive",
+		department: "Operations",
+		workLocation: "Koramangala Zone",
+		joiningDate: "2023-01-10",
+		employmentType: "Full Time",
+		currentAddress: "45, 2nd Main, BTM Layout",
+		city: "Bangalore",
+		state: "Karnataka",
+		pincode: "560076",
+		permanentAddress: "",
+		sameAsCurrent: !0,
+		emergencyContactName: "Lakshmi Kumar",
+		emergencyContactPhone: "+91-98765-12345",
+		emergencyContactRelation: "Spouse",
+		bankName: "HDFC Bank",
+		accountNumber: "****5678",
+		ifscCode: "HDFC0001234",
+		panNumber: "ABCDE****F",
+		aadharNumber: "****5678"
+	}), [O, k] = a([
+		{
+			id: "orders",
+			label: "New Order Assignments",
+			description: "Get notified when new orders are assigned to you",
+			enabled: !0
+		},
+		{
+			id: "schedule",
+			label: "Schedule Updates",
+			description: "Changes to your work schedule",
+			enabled: !0
+		},
+		{
+			id: "earnings",
+			label: "Earnings Updates",
+			description: "Daily and weekly earnings summaries",
+			enabled: !0
+		},
+		{
+			id: "performance",
+			label: "Performance Reviews",
+			description: "Feedback and performance metrics",
+			enabled: !0
+		},
+		{
+			id: "announcements",
+			label: "Company Announcements",
+			description: "Important updates from management",
+			enabled: !0
+		}
+	]), A = (e, t) => {
+		D((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, j = () => {
+		T(!0), setTimeout(() => {
+			T(!1), C(!1), alert("Profile updated successfully!");
+		}, 1e3);
+	}, M = (e) => {
+		let t = e.target.files?.[0];
+		if (t) {
+			let e = new FileReader();
+			e.onloadend = () => {
+				D((t) => ({
+					...t,
+					profileImage: e.result
+				}));
+			}, e.readAsDataURL(t);
+		}
+	}, N = (e) => {
+		p && k((t) => t.map((t) => t.id === e ? {
+			...t,
+			enabled: !t.enabled
+		} : t));
+	};
+	return /* @__PURE__ */ b(n, {
+		title: "My Profile",
+		description: "Manage your profile information",
+		actions: /* @__PURE__ */ b("div", {
+			className: "flex items-center gap-2",
+			children: p ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("button", {
+				type: "button",
+				onClick: () => C(!1),
+				className: "inline-flex items-center gap-2 rounded-md bg-accent px-3 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+				children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), "Cancel"]
+			}), /* @__PURE__ */ b("button", {
+				type: "button",
+				onClick: j,
+				disabled: w,
+				className: "inline-flex items-center gap-2 rounded-md bg-blue-500/10 px-3 py-2 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors disabled:opacity-50",
+				children: w ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, { className: "h-4 w-4 animate-spin" }), "Saving..."] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(h, { className: "h-4 w-4" }), "Save Changes"] })
+			})] }) : /* @__PURE__ */ x("button", {
+				type: "button",
+				onClick: () => C(!0),
+				className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+				children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "Edit Profile"]
+			})
+		}),
+		children: /* @__PURE__ */ x("div", {
+			className: "grid lg:grid-cols-4 gap-6 max-w-6xl",
+			children: [/* @__PURE__ */ x("div", {
+				className: "lg:col-span-1 space-y-4",
+				children: [/* @__PURE__ */ x("div", {
+					className: "rounded-lg border border-border bg-card p-5 shadow-sm text-center",
+					children: [
+						/* @__PURE__ */ x("div", {
+							className: "relative inline-block",
+							children: [/* @__PURE__ */ b("div", {
+								className: "h-20 w-20 rounded-full bg-muted overflow-hidden mx-auto",
+								children: E.profileImage ? /* @__PURE__ */ b("img", {
+									src: E.profileImage,
+									alt: `${E.firstName} ${E.lastName}`,
+									className: "h-full w-full object-cover"
+								}) : /* @__PURE__ */ b("div", {
+									className: "flex h-full w-full items-center justify-center text-muted-foreground",
+									children: /* @__PURE__ */ b(_, { className: "h-10 w-10" })
+								})
+							}), p && /* @__PURE__ */ x("label", {
+								className: "absolute bottom-0 right-0 flex h-7 w-7 items-center justify-center rounded-full bg-blue-500/20 text-blue-600 dark:text-blue-400 cursor-pointer hover:bg-blue-500/30 transition-colors",
+								children: [/* @__PURE__ */ b(l, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ b("input", {
+									type: "file",
+									accept: "image/*",
+									onChange: M,
+									className: "hidden"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ x("h3", {
+							className: "mt-3 text-sm font-semibold text-foreground",
+							children: [
+								E.firstName,
+								" ",
+								E.lastName
+							]
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "text-xs text-muted-foreground",
+							children: E.designation
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "text-[10px] text-muted-foreground mt-0.5",
+							children: E.employeeId
+						})
+					]
+				}), /* @__PURE__ */ b("div", {
+					className: "space-y-1",
+					children: S.map((e) => {
+						let n = e.icon;
+						return /* @__PURE__ */ x("button", {
+							type: "button",
+							onClick: () => d(e.id),
+							className: t("w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", c === e.id ? "bg-blue-500/10 text-blue-600 dark:text-blue-400" : "bg-card text-foreground hover:bg-muted"),
+							children: [/* @__PURE__ */ b(n, { className: "h-4 w-4" }), e.label]
+						}, e.id);
+					})
+				})]
+			}), /* @__PURE__ */ b("div", {
+				className: "lg:col-span-3",
+				children: /* @__PURE__ */ x("div", {
+					className: "rounded-lg border border-border bg-card p-6 shadow-sm",
+					children: [
+						c === "personal" && /* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("h2", {
+								className: "text-lg font-semibold text-foreground mb-5",
+								children: "Personal Information"
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid sm:grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "First Name"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.firstName,
+										onChange: (e) => A("firstName", e.target.value),
+										disabled: !p,
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Last Name"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.lastName,
+										onChange: (e) => A("lastName", e.target.value),
+										disabled: !p,
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Email Address"
+									}), /* @__PURE__ */ b("input", {
+										type: "email",
+										value: E.email,
+										onChange: (e) => A("email", e.target.value),
+										disabled: !p,
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Phone Number"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.phone,
+										onChange: (e) => A("phone", e.target.value),
+										disabled: !p,
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Date of Birth"
+									}), /* @__PURE__ */ b("input", {
+										type: "date",
+										value: E.dateOfBirth,
+										onChange: (e) => A("dateOfBirth", e.target.value),
+										disabled: !p,
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									})] })
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "mt-7",
+								children: [/* @__PURE__ */ b("h3", {
+									className: "text-sm font-semibold text-foreground mb-4",
+									children: "Emergency Contact"
+								}), /* @__PURE__ */ x("div", {
+									className: "grid sm:grid-cols-3 gap-4",
+									children: [
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+											className: "block text-xs font-medium text-muted-foreground mb-1",
+											children: "Contact Name"
+										}), /* @__PURE__ */ b("input", {
+											type: "text",
+											value: E.emergencyContactName,
+											onChange: (e) => A("emergencyContactName", e.target.value),
+											disabled: !p,
+											className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										})] }),
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+											className: "block text-xs font-medium text-muted-foreground mb-1",
+											children: "Contact Phone"
+										}), /* @__PURE__ */ b("input", {
+											type: "text",
+											value: E.emergencyContactPhone,
+											onChange: (e) => A("emergencyContactPhone", e.target.value),
+											disabled: !p,
+											className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										})] }),
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+											className: "block text-xs font-medium text-muted-foreground mb-1",
+											children: "Relationship"
+										}), /* @__PURE__ */ b("input", {
+											type: "text",
+											value: E.emergencyContactRelation,
+											onChange: (e) => A("emergencyContactRelation", e.target.value),
+											disabled: !p,
+											className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										})] })
+									]
+								})]
+							})
+						] }),
+						c === "work" && /* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("h2", {
+								className: "text-lg font-semibold text-foreground mb-5",
+								children: "Work Details"
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid sm:grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Employee ID"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.employeeId,
+										disabled: !0,
+										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Designation"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.designation,
+										disabled: !0,
+										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Department"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.department,
+										disabled: !0,
+										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Work Location"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.workLocation,
+										disabled: !0,
+										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Joining Date"
+									}), /* @__PURE__ */ b("input", {
+										type: "date",
+										value: E.joiningDate,
+										disabled: !0,
+										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Employment Type"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.employmentType,
+										disabled: !0,
+										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+									})] })
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "mt-7 grid sm:grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ x("div", {
+										className: "rounded-lg bg-muted/50 p-4 text-center",
+										children: [/* @__PURE__ */ b("p", {
+											className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+											children: r.totalDeliveries
+										}), /* @__PURE__ */ b("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Total Deliveries"
+										})]
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "rounded-lg bg-muted/50 p-4 text-center",
+										children: [/* @__PURE__ */ b("p", {
+											className: "text-2xl font-bold text-green-600 dark:text-green-400",
+											children: r.averageRating
+										}), /* @__PURE__ */ b("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Average Rating"
+										})]
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "rounded-lg bg-muted/50 p-4 text-center",
+										children: [/* @__PURE__ */ x("p", {
+											className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+											children: [r.completionRate, "%"]
+										}), /* @__PURE__ */ b("p", {
+											className: "text-xs text-muted-foreground",
+											children: "On-Time Delivery"
+										})]
+									})
+								]
+							})
+						] }),
+						c === "address" && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+							className: "text-lg font-semibold text-foreground mb-5",
+							children: "Address Information"
+						}), /* @__PURE__ */ x("div", {
+							className: "space-y-6",
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
+								className: "text-sm font-semibold text-foreground mb-3",
+								children: "Current Address"
+							}), /* @__PURE__ */ x("div", {
+								className: "grid sm:grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ x("div", {
+										className: "sm:col-span-2",
+										children: [/* @__PURE__ */ b("label", {
+											className: "block text-xs font-medium text-muted-foreground mb-1",
+											children: "Address Line"
+										}), /* @__PURE__ */ b("textarea", {
+											rows: 2,
+											value: E.currentAddress,
+											onChange: (e) => A("currentAddress", e.target.value),
+											disabled: !p,
+											className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40 resize-none"
+										})]
+									}),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "City"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.city,
+										onChange: (e) => A("city", e.target.value),
+										disabled: !p,
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "State"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.state,
+										onChange: (e) => A("state", e.target.value),
+										disabled: !p,
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Pincode"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.pincode,
+										onChange: (e) => A("pincode", e.target.value),
+										disabled: !p,
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									})] })
+								]
+							})] }), /* @__PURE__ */ x("div", { children: [
+								/* @__PURE__ */ b("h3", {
+									className: "text-sm font-semibold text-foreground mb-3",
+									children: "Permanent Address"
+								}),
+								/* @__PURE__ */ x("label", {
+									className: "flex items-center gap-2 mb-3 cursor-pointer",
+									children: [/* @__PURE__ */ b("input", {
+										type: "checkbox",
+										checked: E.sameAsCurrent,
+										onChange: (e) => A("sameAsCurrent", e.target.checked),
+										disabled: !p,
+										className: "h-4 w-4 rounded border-border text-blue-600 focus:ring-blue-500/40"
+									}), /* @__PURE__ */ b("span", {
+										className: "text-xs text-foreground",
+										children: "Same as current address"
+									})]
+								}),
+								!E.sameAsCurrent && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-xs font-medium text-muted-foreground mb-1",
+									children: "Address Line"
+								}), /* @__PURE__ */ b("textarea", {
+									rows: 2,
+									value: E.permanentAddress,
+									onChange: (e) => A("permanentAddress", e.target.value),
+									disabled: !p,
+									className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40 resize-none"
+								})] })
+							] })]
+						})] }),
+						c === "documents" && /* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("h2", {
+								className: "text-lg font-semibold text-foreground mb-5",
+								children: "Documents & Banking"
+							}),
+							/* @__PURE__ */ b("div", {
+								className: "rounded-lg bg-yellow-500/10 border border-yellow-500/20 p-3 mb-5",
+								children: /* @__PURE__ */ x("p", {
+									className: "text-xs text-yellow-600 dark:text-yellow-400 flex items-center gap-2",
+									children: [/* @__PURE__ */ b(g, { className: "h-4 w-4 shrink-0" }), "Your documents and banking information are encrypted and secure."]
+								})
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid sm:grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "PAN Number"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.panNumber,
+										disabled: !0,
+										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Aadhar Number"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.aadharNumber,
+										disabled: !0,
+										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Bank Name"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.bankName,
+										onChange: (e) => A("bankName", e.target.value),
+										disabled: !p,
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "Account Number"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.accountNumber,
+										disabled: !0,
+										className: "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground cursor-not-allowed"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-xs font-medium text-muted-foreground mb-1",
+										children: "IFSC Code"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: E.ifscCode,
+										onChange: (e) => A("ifscCode", e.target.value),
+										disabled: !p,
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									})] })
+								]
+							})
+						] }),
+						c === "achievements" && /* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("h2", {
+								className: "text-lg font-semibold text-foreground mb-5",
+								children: "Achievements & Recognition"
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid sm:grid-cols-2 gap-4 mb-7",
+								children: [/* @__PURE__ */ x("div", {
+									className: "rounded-lg bg-yellow-500/5 border border-yellow-500/20 p-5 text-center",
+									children: [
+										/* @__PURE__ */ b(o, { className: "h-10 w-10 text-yellow-600 dark:text-yellow-400 mx-auto mb-2" }),
+										/* @__PURE__ */ b("h3", {
+											className: "text-sm font-semibold text-foreground",
+											children: "Employee of the Month"
+										}),
+										/* @__PURE__ */ b("p", {
+											className: "text-xs text-muted-foreground mt-1",
+											children: "December 2023"
+										})
+									]
+								}), /* @__PURE__ */ x("div", {
+									className: "rounded-lg bg-blue-500/5 border border-blue-500/20 p-5 text-center",
+									children: [
+										/* @__PURE__ */ b(u, { className: "h-10 w-10 text-blue-600 dark:text-blue-400 mx-auto mb-2" }),
+										/* @__PURE__ */ b("h3", {
+											className: "text-sm font-semibold text-foreground",
+											children: "Perfect Attendance"
+										}),
+										/* @__PURE__ */ b("p", {
+											className: "text-xs text-muted-foreground mt-1",
+											children: "Q3 2023"
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
+								className: "text-sm font-semibold text-foreground mb-4",
+								children: "Performance Metrics"
+							}), /* @__PURE__ */ x("div", {
+								className: "space-y-4",
+								children: [
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
+										className: "flex justify-between items-center mb-1.5",
+										children: [/* @__PURE__ */ b("span", {
+											className: "text-xs text-muted-foreground",
+											children: "Delivery Success Rate"
+										}), /* @__PURE__ */ b("span", {
+											className: "text-xs font-medium text-foreground",
+											children: "98%"
+										})]
+									}), /* @__PURE__ */ b("div", {
+										className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+										children: /* @__PURE__ */ b("div", {
+											className: "h-full rounded-full bg-green-500 transition-all",
+											style: { width: "98%" }
+										})
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
+										className: "flex justify-between items-center mb-1.5",
+										children: [/* @__PURE__ */ b("span", {
+											className: "text-xs text-muted-foreground",
+											children: "Customer Satisfaction"
+										}), /* @__PURE__ */ b("span", {
+											className: "text-xs font-medium text-foreground",
+											children: "95%"
+										})]
+									}), /* @__PURE__ */ b("div", {
+										className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+										children: /* @__PURE__ */ b("div", {
+											className: "h-full rounded-full bg-blue-500 transition-all",
+											style: { width: "95%" }
+										})
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
+										className: "flex justify-between items-center mb-1.5",
+										children: [/* @__PURE__ */ b("span", {
+											className: "text-xs text-muted-foreground",
+											children: "Punctuality"
+										}), /* @__PURE__ */ b("span", {
+											className: "text-xs font-medium text-foreground",
+											children: "92%"
+										})]
+									}), /* @__PURE__ */ b("div", {
+										className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+										children: /* @__PURE__ */ b("div", {
+											className: "h-full rounded-full bg-purple-500 transition-all",
+											style: { width: "92%" }
+										})
+									})] })
+								]
+							})] })
+						] }),
+						c === "notifications" && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+							className: "text-lg font-semibold text-foreground mb-5",
+							children: "Notification Preferences"
+						}), /* @__PURE__ */ b("div", {
+							className: "space-y-4",
+							children: O.map((e) => /* @__PURE__ */ x("div", {
+								className: "flex items-center justify-between p-4 rounded-lg bg-muted/50",
+								children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h4", {
+									className: "text-sm font-medium text-foreground",
+									children: e.label
+								}), /* @__PURE__ */ b("p", {
+									className: "text-xs text-muted-foreground mt-0.5",
+									children: e.description
+								})] }), /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => N(e.id),
+									disabled: !p,
+									className: t("relative inline-flex h-6 w-11 items-center rounded-full transition-colors", e.enabled ? "bg-blue-500" : "bg-muted-foreground/30", !p && "opacity-60 cursor-not-allowed"),
+									children: /* @__PURE__ */ b("span", { className: t("inline-block h-4 w-4 rounded-full bg-white transition-transform", e.enabled ? "translate-x-6" : "translate-x-1") })
+								})]
+							}, e.id))
+						})] })
+					]
+				})
+			})]
+		})
+	});
+};
+//#endregion
+export { C as WorkerProfilePage };
+
+//# sourceMappingURL=WorkerProfilePage.js.map