@burdenoff/microfe-housingvista 2026.510.105

package/dist/housingvista/pages/properties/AddPropertyPage.js

@@ -0,0 +1,751 @@
+import { cn as e } from "../../utils/helpers.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { Breadcrumbs as n } from "../../components/Breadcrumbs.js";
+import "../../components/index.js";
+import { useCallback as r, useState as i } from "react";
+import { Bath as a, Bed as o, Calendar as s, Car as c, CheckCircle as l, ChevronLeft as u, ChevronRight as d, DollarSign as f, Dumbbell as p, Flame as m, Home as h, MapPin as g, Maximize as _, Shield as v, TreePine as y, Upload as b, Waves as x, Wifi as S, Wind as C } from "lucide-react";
+import { useNavigate as w } from "react-router-dom";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/housingvista/pages/properties/AddPropertyPage.tsx
+var D = [
+	{
+		id: "basic",
+		label: "Basic Info",
+		icon: h
+	},
+	{
+		id: "location",
+		label: "Location",
+		icon: g
+	},
+	{
+		id: "specs",
+		label: "Specifications",
+		icon: _
+	},
+	{
+		id: "amenities",
+		label: "Amenities",
+		icon: S
+	},
+	{
+		id: "pricing",
+		label: "Pricing",
+		icon: f
+	},
+	{
+		id: "images",
+		label: "Images",
+		icon: b
+	}
+], O = [
+	{
+		id: "swimming_pool",
+		label: "Swimming Pool",
+		icon: x
+	},
+	{
+		id: "gym",
+		label: "Gym / Fitness",
+		icon: p
+	},
+	{
+		id: "parking",
+		label: "Parking",
+		icon: c
+	},
+	{
+		id: "garden",
+		label: "Garden",
+		icon: y
+	},
+	{
+		id: "security",
+		label: "24/7 Security",
+		icon: v
+	},
+	{
+		id: "wifi",
+		label: "Wi-Fi",
+		icon: S
+	},
+	{
+		id: "fireplace",
+		label: "Fireplace",
+		icon: m
+	},
+	{
+		id: "ac",
+		label: "Central AC",
+		icon: C
+	}
+], k = [{
+	label: "Properties",
+	href: "../"
+}, { label: "Add New" }], A = () => {
+	let p = w(), [m, v] = i(0), [y, x] = i(!1), [S, C] = i(!1), [A, j] = i({
+		title: "",
+		description: "",
+		propertyType: "residential",
+		category: "apartment",
+		listingType: "sale",
+		address: "",
+		city: "",
+		state: "",
+		zipCode: "",
+		neighborhood: "",
+		country: "USA",
+		bedrooms: "",
+		bathrooms: "",
+		area: "",
+		floors: "1",
+		parking: "0",
+		yearBuilt: "",
+		furnishing: "unfurnished",
+		facing: "North",
+		amenities: [],
+		price: "",
+		currency: "USD",
+		negotiable: !1,
+		images: []
+	}), M = r((e) => {
+		let { name: t, value: n, type: r } = e.target;
+		j((i) => ({
+			...i,
+			[t]: r === "checkbox" ? e.target.checked : n
+		}));
+	}, []), N = r((e) => {
+		j((t) => ({
+			...t,
+			amenities: t.amenities.includes(e) ? t.amenities.filter((t) => t !== e) : [...t.amenities, e]
+		}));
+	}, []), P = () => {
+		switch (m) {
+			case 0: return A.title.trim() !== "" && A.description.trim() !== "";
+			case 1: return A.address.trim() !== "" && A.city.trim() !== "" && A.state.trim() !== "";
+			case 2: return A.area.trim() !== "";
+			case 3: return !0;
+			case 4: return A.price.trim() !== "";
+			case 5: return !0;
+			default: return !1;
+		}
+	}, F = async () => {
+		x(!0), await new Promise((e) => setTimeout(e, 1500)), x(!1), C(!0), setTimeout(() => {
+			p("../");
+		}, 2e3);
+	}, I = m === D.length - 1;
+	return /* @__PURE__ */ E(t, {
+		title: "Add New Property",
+		description: "List your property for sale or rent",
+		children: [
+			/* @__PURE__ */ T(n, { items: k }),
+			S && /* @__PURE__ */ E("div", {
+				className: "flex items-center gap-3 rounded-lg border border-emerald-200 bg-emerald-50 p-4 dark:border-emerald-800 dark:bg-emerald-900/20",
+				children: [/* @__PURE__ */ T(l, { className: "h-5 w-5 text-emerald-600 dark:text-emerald-400" }), /* @__PURE__ */ T("p", {
+					className: "text-sm font-medium text-emerald-800 dark:text-emerald-300",
+					children: "Property added successfully! Redirecting..."
+				})]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ T("div", {
+					className: "flex items-center gap-1 min-w-max",
+					children: D.map((t, n) => {
+						let r = t.icon, i = n === m, a = n < m;
+						return /* @__PURE__ */ E("div", {
+							className: "flex items-center",
+							children: [/* @__PURE__ */ E("button", {
+								onClick: () => n <= m && v(n),
+								className: e("flex items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors", i && "bg-foreground text-background", a && "bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400", !i && !a && "text-muted-foreground"),
+								disabled: n > m,
+								children: [
+									T(a ? l : r, { className: "h-4 w-4" }),
+									/* @__PURE__ */ T("span", {
+										className: "hidden sm:inline",
+										children: t.label
+									}),
+									/* @__PURE__ */ T("span", {
+										className: "sm:hidden",
+										children: n + 1
+									})
+								]
+							}), n < D.length - 1 && /* @__PURE__ */ T("div", { className: e("mx-1 h-px w-6", a ? "bg-emerald-400" : "bg-border") })]
+						}, t.id);
+					})
+				})
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "max-w-3xl",
+				children: [/* @__PURE__ */ E("div", {
+					className: "rounded-lg border border-border bg-card p-6",
+					children: [
+						m === 0 && /* @__PURE__ */ E("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ T("h3", {
+									className: "text-lg font-semibold text-foreground",
+									children: "Basic Information"
+								}),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+									htmlFor: "title",
+									className: "mb-1.5 block text-sm font-medium text-foreground",
+									children: "Property Title *"
+								}), /* @__PURE__ */ T("input", {
+									id: "title",
+									name: "title",
+									value: A.title,
+									onChange: M,
+									placeholder: "e.g., Luxury 3BHK Apartment in Downtown",
+									required: !0,
+									className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})] }),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+									htmlFor: "description",
+									className: "mb-1.5 block text-sm font-medium text-foreground",
+									children: "Description *"
+								}), /* @__PURE__ */ T("textarea", {
+									id: "description",
+									name: "description",
+									value: A.description,
+									onChange: M,
+									placeholder: "Describe your property in detail...",
+									required: !0,
+									rows: 4,
+									className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})] }),
+								/* @__PURE__ */ E("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										htmlFor: "propertyType",
+										className: "mb-1.5 block text-sm font-medium text-foreground",
+										children: "Property Type *"
+									}), /* @__PURE__ */ E("select", {
+										id: "propertyType",
+										name: "propertyType",
+										value: A.propertyType,
+										onChange: M,
+										className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+										children: [
+											/* @__PURE__ */ T("option", {
+												value: "residential",
+												children: "Residential"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "commercial",
+												children: "Commercial"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "industrial",
+												children: "Industrial"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "agricultural",
+												children: "Agricultural"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "mixed_use",
+												children: "Mixed Use"
+											})
+										]
+									})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										htmlFor: "category",
+										className: "mb-1.5 block text-sm font-medium text-foreground",
+										children: "Category *"
+									}), /* @__PURE__ */ E("select", {
+										id: "category",
+										name: "category",
+										value: A.category,
+										onChange: M,
+										className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+										children: [
+											/* @__PURE__ */ T("option", {
+												value: "apartment",
+												children: "Apartment"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "house",
+												children: "House"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "villa",
+												children: "Villa"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "office",
+												children: "Office"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "retail",
+												children: "Retail"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "warehouse",
+												children: "Warehouse"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "land",
+												children: "Land"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "plot",
+												children: "Plot"
+											})
+										]
+									})] })]
+								}),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+									htmlFor: "listingType",
+									className: "mb-1.5 block text-sm font-medium text-foreground",
+									children: "Listing Type *"
+								}), /* @__PURE__ */ E("select", {
+									id: "listingType",
+									name: "listingType",
+									value: A.listingType,
+									onChange: M,
+									className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring sm:max-w-xs",
+									children: [
+										/* @__PURE__ */ T("option", {
+											value: "sale",
+											children: "For Sale"
+										}),
+										/* @__PURE__ */ T("option", {
+											value: "rent",
+											children: "For Rent"
+										}),
+										/* @__PURE__ */ T("option", {
+											value: "lease",
+											children: "For Lease"
+										})
+									]
+								})] })
+							]
+						}),
+						m === 1 && /* @__PURE__ */ E("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ E("h3", {
+									className: "flex items-center gap-2 text-lg font-semibold text-foreground",
+									children: [/* @__PURE__ */ T(g, { className: "h-5 w-5" }), "Location Details"]
+								}),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+									htmlFor: "address",
+									className: "mb-1.5 block text-sm font-medium text-foreground",
+									children: "Street Address *"
+								}), /* @__PURE__ */ T("input", {
+									id: "address",
+									name: "address",
+									value: A.address,
+									onChange: M,
+									placeholder: "e.g., 123 Main Street, Unit 2504",
+									required: !0,
+									className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})] }),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+									htmlFor: "neighborhood",
+									className: "mb-1.5 block text-sm font-medium text-foreground",
+									children: "Neighborhood"
+								}), /* @__PURE__ */ T("input", {
+									id: "neighborhood",
+									name: "neighborhood",
+									value: A.neighborhood,
+									onChange: M,
+									placeholder: "e.g., Midtown",
+									className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})] }),
+								/* @__PURE__ */ E("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+									children: [
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											htmlFor: "city",
+											className: "mb-1.5 block text-sm font-medium text-foreground",
+											children: "City *"
+										}), /* @__PURE__ */ T("input", {
+											id: "city",
+											name: "city",
+											value: A.city,
+											onChange: M,
+											placeholder: "City",
+											required: !0,
+											className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										})] }),
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											htmlFor: "state",
+											className: "mb-1.5 block text-sm font-medium text-foreground",
+											children: "State *"
+										}), /* @__PURE__ */ T("input", {
+											id: "state",
+											name: "state",
+											value: A.state,
+											onChange: M,
+											placeholder: "State",
+											required: !0,
+											className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										})] }),
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											htmlFor: "zipCode",
+											className: "mb-1.5 block text-sm font-medium text-foreground",
+											children: "ZIP Code *"
+										}), /* @__PURE__ */ T("input", {
+											id: "zipCode",
+											name: "zipCode",
+											value: A.zipCode,
+											onChange: M,
+											placeholder: "ZIP Code",
+											required: !0,
+											className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										})] })
+									]
+								}),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+									htmlFor: "country",
+									className: "mb-1.5 block text-sm font-medium text-foreground",
+									children: "Country"
+								}), /* @__PURE__ */ E("select", {
+									id: "country",
+									name: "country",
+									value: A.country,
+									onChange: M,
+									className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring sm:max-w-xs",
+									children: [
+										/* @__PURE__ */ T("option", {
+											value: "USA",
+											children: "United States"
+										}),
+										/* @__PURE__ */ T("option", {
+											value: "Canada",
+											children: "Canada"
+										}),
+										/* @__PURE__ */ T("option", {
+											value: "UK",
+											children: "United Kingdom"
+										}),
+										/* @__PURE__ */ T("option", {
+											value: "India",
+											children: "India"
+										})
+									]
+								})] })
+							]
+						}),
+						m === 2 && /* @__PURE__ */ E("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ T("h3", {
+									className: "text-lg font-semibold text-foreground",
+									children: "Property Specifications"
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("label", {
+										htmlFor: "area",
+										className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-foreground",
+										children: [/* @__PURE__ */ T(_, { className: "h-4 w-4" }), "Total Area (sq ft) *"]
+									}), /* @__PURE__ */ T("input", {
+										id: "area",
+										name: "area",
+										type: "number",
+										value: A.area,
+										onChange: M,
+										placeholder: "Enter area",
+										required: !0,
+										className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("label", {
+										htmlFor: "yearBuilt",
+										className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-foreground",
+										children: [/* @__PURE__ */ T(s, { className: "h-4 w-4" }), "Year Built"]
+									}), /* @__PURE__ */ T("input", {
+										id: "yearBuilt",
+										name: "yearBuilt",
+										type: "number",
+										value: A.yearBuilt,
+										onChange: M,
+										placeholder: "YYYY",
+										className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									})] })]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+									children: [
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("label", {
+											htmlFor: "bedrooms",
+											className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-foreground",
+											children: [/* @__PURE__ */ T(o, { className: "h-4 w-4" }), "Bedrooms"]
+										}), /* @__PURE__ */ T("input", {
+											id: "bedrooms",
+											name: "bedrooms",
+											type: "number",
+											value: A.bedrooms,
+											onChange: M,
+											placeholder: "0",
+											className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										})] }),
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("label", {
+											htmlFor: "bathrooms",
+											className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-foreground",
+											children: [/* @__PURE__ */ T(a, { className: "h-4 w-4" }), "Bathrooms"]
+										}), /* @__PURE__ */ T("input", {
+											id: "bathrooms",
+											name: "bathrooms",
+											type: "number",
+											value: A.bathrooms,
+											onChange: M,
+											placeholder: "0",
+											className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										})] }),
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("label", {
+											htmlFor: "parking",
+											className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-foreground",
+											children: [/* @__PURE__ */ T(c, { className: "h-4 w-4" }), "Parking Spots"]
+										}), /* @__PURE__ */ T("input", {
+											id: "parking",
+											name: "parking",
+											type: "number",
+											value: A.parking,
+											onChange: M,
+											placeholder: "0",
+											className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										})] })
+									]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										htmlFor: "furnishing",
+										className: "mb-1.5 block text-sm font-medium text-foreground",
+										children: "Furnishing Status"
+									}), /* @__PURE__ */ E("select", {
+										id: "furnishing",
+										name: "furnishing",
+										value: A.furnishing,
+										onChange: M,
+										className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+										children: [
+											/* @__PURE__ */ T("option", {
+												value: "unfurnished",
+												children: "Unfurnished"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "semi_furnished",
+												children: "Semi Furnished"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "furnished",
+												children: "Furnished"
+											})
+										]
+									})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										htmlFor: "facing",
+										className: "mb-1.5 block text-sm font-medium text-foreground",
+										children: "Facing Direction"
+									}), /* @__PURE__ */ E("select", {
+										id: "facing",
+										name: "facing",
+										value: A.facing,
+										onChange: M,
+										className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+										children: [
+											/* @__PURE__ */ T("option", {
+												value: "North",
+												children: "North"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "South",
+												children: "South"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "East",
+												children: "East"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "West",
+												children: "West"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "Northeast",
+												children: "Northeast"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "Northwest",
+												children: "Northwest"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "Southeast",
+												children: "Southeast"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "Southwest",
+												children: "Southwest"
+											})
+										]
+									})] })]
+								})
+							]
+						}),
+						m === 3 && /* @__PURE__ */ E("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ T("h3", {
+									className: "text-lg font-semibold text-foreground",
+									children: "Property Amenities"
+								}),
+								/* @__PURE__ */ T("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Select all amenities available at this property."
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
+									children: O.map((t) => {
+										let n = t.icon, r = A.amenities.includes(t.id);
+										return /* @__PURE__ */ E("button", {
+											type: "button",
+											onClick: () => N(t.id),
+											className: e("flex flex-col items-center gap-2 rounded-lg border p-4 text-sm font-medium transition-colors", r ? "border-foreground bg-foreground/5 text-foreground" : "border-border text-muted-foreground hover:bg-muted/50"),
+											children: [
+												/* @__PURE__ */ T(n, { className: "h-6 w-6" }),
+												/* @__PURE__ */ T("span", { children: t.label }),
+												r && /* @__PURE__ */ T(l, { className: "h-4 w-4 text-emerald-600 dark:text-emerald-400" })
+											]
+										}, t.id);
+									})
+								})
+							]
+						}),
+						m === 4 && /* @__PURE__ */ E("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ E("h3", {
+									className: "flex items-center gap-2 text-lg font-semibold text-foreground",
+									children: [/* @__PURE__ */ T(f, { className: "h-5 w-5" }), "Pricing Details"]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										htmlFor: "price",
+										className: "mb-1.5 block text-sm font-medium text-foreground",
+										children: "Price *"
+									}), /* @__PURE__ */ T("input", {
+										id: "price",
+										name: "price",
+										type: "number",
+										value: A.price,
+										onChange: M,
+										placeholder: "Enter price",
+										required: !0,
+										className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										htmlFor: "currency",
+										className: "mb-1.5 block text-sm font-medium text-foreground",
+										children: "Currency"
+									}), /* @__PURE__ */ E("select", {
+										id: "currency",
+										name: "currency",
+										value: A.currency,
+										onChange: M,
+										className: "h-10 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+										children: [
+											/* @__PURE__ */ T("option", {
+												value: "USD",
+												children: "USD ($)"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "EUR",
+												children: "EUR"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "GBP",
+												children: "GBP"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "INR",
+												children: "INR"
+											})
+										]
+									})] })]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ T("input", {
+										type: "checkbox",
+										id: "negotiable",
+										name: "negotiable",
+										checked: A.negotiable,
+										onChange: M,
+										className: "h-4 w-4 rounded border-border"
+									}), /* @__PURE__ */ T("label", {
+										htmlFor: "negotiable",
+										className: "text-sm text-foreground",
+										children: "Price is negotiable"
+									})]
+								})
+							]
+						}),
+						m === 5 && /* @__PURE__ */ E("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ E("h3", {
+									className: "flex items-center gap-2 text-lg font-semibold text-foreground",
+									children: [/* @__PURE__ */ T(b, { className: "h-5 w-5" }), "Property Images"]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "rounded-lg border-2 border-dashed border-border p-8 text-center",
+									children: [
+										/* @__PURE__ */ T(b, { className: "mx-auto h-12 w-12 text-muted-foreground" }),
+										/* @__PURE__ */ T("p", {
+											className: "mt-3 text-sm text-muted-foreground",
+											children: "Drag and drop images here, or click to browse"
+										}),
+										/* @__PURE__ */ T("p", {
+											className: "mt-1 text-xs text-muted-foreground",
+											children: "Upload up to 10 images (JPG, PNG, max 5MB each)"
+										}),
+										/* @__PURE__ */ T("button", {
+											type: "button",
+											className: "mt-4 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+											children: "Choose Files"
+										})
+									]
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "grid grid-cols-3 gap-3 sm:grid-cols-4",
+									children: [
+										1,
+										2,
+										3
+									].map((e) => /* @__PURE__ */ T("div", {
+										className: "flex aspect-square items-center justify-center rounded-lg border border-border bg-muted/50",
+										children: /* @__PURE__ */ T(h, { className: "h-8 w-8 text-muted-foreground/30" })
+									}, e))
+								})
+							]
+						})
+					]
+				}), /* @__PURE__ */ E("div", {
+					className: "mt-6 flex items-center justify-between",
+					children: [/* @__PURE__ */ E("button", {
+						type: "button",
+						onClick: () => m === 0 ? p("../") : v((e) => e - 1),
+						disabled: y,
+						className: "inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted disabled:opacity-50",
+						children: [/* @__PURE__ */ T(u, { className: "h-4 w-4" }), m === 0 ? "Cancel" : "Previous"]
+					}), I ? /* @__PURE__ */ T("button", {
+						type: "button",
+						onClick: F,
+						disabled: !P() || y,
+						className: "inline-flex items-center gap-2 rounded-md bg-foreground px-6 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90 disabled:opacity-50",
+						children: y ? "Adding Property..." : "Submit Property"
+					}) : /* @__PURE__ */ E("button", {
+						type: "button",
+						onClick: () => v((e) => e + 1),
+						disabled: !P(),
+						className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90 disabled:opacity-50",
+						children: ["Next", /* @__PURE__ */ T(d, { className: "h-4 w-4" })]
+					})]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { A as AddPropertyPage };
+
+//# sourceMappingURL=AddPropertyPage.js.map