@burdenoff/microfe-housingvista 2026.510.105

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

@@ -0,0 +1,670 @@
+import { cn as e, formatCurrency as t, formatDate as n, formatNumber as r } from "../../utils/helpers.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { Breadcrumbs as o } from "../../components/Breadcrumbs.js";
+import "../../components/index.js";
+import { useProperties as s } from "../../hooks/index.js";
+import { useMemo as c, useState as l } from "react";
+import { ArrowLeft as u, Bath as d, Bed as f, Building as p, Calendar as m, Car as h, CheckCircle as g, ChevronLeft as _, ChevronRight as v, DollarSign as y, Eye as b, FileText as x, Heart as S, Mail as C, MapPin as w, MessageCircle as T, Phone as E, Share2 as D, Shield as O, Square as k, Star as A, TrendingUp as j } from "lucide-react";
+import { useNavigate as M, useParams as N } from "react-router-dom";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+//#region src/housingvista/pages/properties/PropertyDetailPage.tsx
+var L = {
+	for_sale: "success",
+	for_rent: "info",
+	sold: "muted",
+	rented: "muted",
+	under_contract: "warning",
+	off_market: "error"
+}, R = [
+	{
+		id: "details",
+		label: "Details"
+	},
+	{
+		id: "amenities",
+		label: "Amenities"
+	},
+	{
+		id: "location",
+		label: "Location"
+	},
+	{
+		id: "documents",
+		label: "Documents"
+	}
+], z = () => {
+	let { id: z } = N(), B = M(), { data: V, loading: H } = s(), U = c(() => V.find((e) => e.id === z) ?? null, [V, z]), W = c(() => V.filter((e) => e.id !== z).slice(0, 3), [V, z]), [G, K] = l(0), [q, J] = l(!1), [Y, X] = l("details");
+	return H ? /* @__PURE__ */ F("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ F("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-muted-foreground border-t-foreground" })
+	}) : U ? /* @__PURE__ */ I("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ F(o, { items: [{
+				label: "Properties",
+				href: "../"
+			}, { label: U.title }] }),
+			/* @__PURE__ */ I("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ I("button", {
+						onClick: () => B("../"),
+						className: "inline-flex items-center gap-2 rounded-md border border-border px-3 py-1.5 text-sm text-foreground transition-colors hover:bg-muted",
+						children: [/* @__PURE__ */ F(u, { className: "h-4 w-4" }), "Back"]
+					}),
+					/* @__PURE__ */ F(i, {
+						label: U.status.replace("_", " "),
+						variant: L[U.status] ?? "default",
+						dot: !0
+					}),
+					U.verificationStatus === "verified" && /* @__PURE__ */ F(i, {
+						label: "Verified",
+						variant: "success",
+						dot: !0
+					}),
+					U.price.negotiable && /* @__PURE__ */ F(i, {
+						label: "Negotiable",
+						variant: "info"
+					})
+				]
+			}),
+			U.images.length > 0 && /* @__PURE__ */ I("div", {
+				className: "relative overflow-hidden rounded-xl border border-border",
+				children: [
+					/* @__PURE__ */ F("img", {
+						src: U.images[G]?.url,
+						alt: U.images[G]?.title ?? U.title,
+						className: "h-80 w-full object-cover sm:h-96"
+					}),
+					U.images.length > 1 && /* @__PURE__ */ I(P, { children: [
+						/* @__PURE__ */ F("button", {
+							onClick: () => K((e) => e === 0 ? U.images.length - 1 : e - 1),
+							className: "absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white transition-colors hover:bg-black/70",
+							children: /* @__PURE__ */ F(_, { className: "h-5 w-5" })
+						}),
+						/* @__PURE__ */ F("button", {
+							onClick: () => K((e) => e === U.images.length - 1 ? 0 : e + 1),
+							className: "absolute right-4 top-1/2 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white transition-colors hover:bg-black/70",
+							children: /* @__PURE__ */ F(v, { className: "h-5 w-5" })
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "absolute bottom-4 left-1/2 flex -translate-x-1/2 gap-2",
+							children: U.images.map((t, n) => /* @__PURE__ */ F("button", {
+								className: e("h-2 w-2 rounded-full", n === G ? "bg-white" : "bg-white/50"),
+								onClick: () => K(n)
+							}, n))
+						})
+					] }),
+					/* @__PURE__ */ I("div", {
+						className: "absolute right-4 top-4 flex gap-2",
+						children: [/* @__PURE__ */ F("button", {
+							onClick: () => J(!q),
+							className: "rounded-full bg-card/80 p-2 backdrop-blur-sm transition-colors hover:bg-card",
+							children: /* @__PURE__ */ F(S, { className: e("h-5 w-5", q ? "fill-red-500 text-red-500" : "text-muted-foreground") })
+						}), /* @__PURE__ */ F("button", {
+							onClick: () => {
+								navigator.share ? navigator.share({
+									title: U.title,
+									text: U.description,
+									url: window.location.href
+								}) : navigator.clipboard.writeText(window.location.href);
+							},
+							className: "rounded-full bg-card/80 p-2 backdrop-blur-sm transition-colors hover:bg-card",
+							children: /* @__PURE__ */ F(D, { className: "h-5 w-5 text-muted-foreground" })
+						})]
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "absolute bottom-4 right-4",
+						children: /* @__PURE__ */ I("span", {
+							className: "rounded-md bg-black/60 px-2 py-1 text-xs font-medium text-white",
+							children: [
+								G + 1,
+								" / ",
+								U.images.length
+							]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ I("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ I("div", {
+					className: "space-y-6 lg:col-span-2",
+					children: [/* @__PURE__ */ I("div", {
+						className: "rounded-lg border border-border bg-card p-6",
+						children: [
+							/* @__PURE__ */ I("div", {
+								className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+								children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("h1", {
+									className: "text-2xl font-bold text-foreground",
+									children: U.title
+								}), /* @__PURE__ */ I("div", {
+									className: "mt-2 flex items-center text-muted-foreground",
+									children: [/* @__PURE__ */ F(w, { className: "mr-1.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ I("span", {
+										className: "text-sm",
+										children: [
+											U.location.address,
+											", ",
+											U.location.neighborhood,
+											", ",
+											U.location.city
+										]
+									})]
+								})] }), /* @__PURE__ */ I("div", {
+									className: "text-right",
+									children: [/* @__PURE__ */ F("div", {
+										className: "text-2xl font-bold text-foreground",
+										children: ((e) => {
+											let n = t(e.amount, e.currency);
+											return e.type === "rent" && e.period ? `${n}/${e.period.replace("ly", "")}` : n;
+										})(U.price)
+									}), U.price.pricePerSqft && /* @__PURE__ */ I("div", {
+										className: "text-sm text-muted-foreground",
+										children: [t(U.price.pricePerSqft), "/sqft"]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ I("div", {
+								className: "mt-6 grid grid-cols-2 gap-4 border-t border-border pt-6 sm:grid-cols-4",
+								children: [
+									U.specifications.bedrooms != null && /* @__PURE__ */ I("div", {
+										className: "flex items-center gap-2 text-sm text-foreground",
+										children: [/* @__PURE__ */ F(f, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ I("span", { children: [
+											U.specifications.bedrooms,
+											" Bed",
+											U.specifications.bedrooms > 1 ? "s" : ""
+										] })]
+									}),
+									U.specifications.bathrooms != null && /* @__PURE__ */ I("div", {
+										className: "flex items-center gap-2 text-sm text-foreground",
+										children: [/* @__PURE__ */ F(d, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ I("span", { children: [
+											U.specifications.bathrooms,
+											" Bath",
+											U.specifications.bathrooms > 1 ? "s" : ""
+										] })]
+									}),
+									/* @__PURE__ */ I("div", {
+										className: "flex items-center gap-2 text-sm text-foreground",
+										children: [/* @__PURE__ */ F(k, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ I("span", { children: [r(U.specifications.totalArea), " sqft"] })]
+									}),
+									U.specifications.parking != null && U.specifications.parking > 0 && /* @__PURE__ */ I("div", {
+										className: "flex items-center gap-2 text-sm text-foreground",
+										children: [/* @__PURE__ */ F(h, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ I("span", { children: [U.specifications.parking, " Parking"] })]
+									})
+								]
+							}),
+							/* @__PURE__ */ I("div", {
+								className: "mt-6 border-t border-border pt-6",
+								children: [/* @__PURE__ */ F("h3", {
+									className: "mb-3 text-base font-semibold text-foreground",
+									children: "Description"
+								}), /* @__PURE__ */ F("p", {
+									className: "text-sm leading-relaxed text-muted-foreground",
+									children: U.description
+								})]
+							})
+						]
+					}), /* @__PURE__ */ I("div", {
+						className: "rounded-lg border border-border bg-card",
+						children: [/* @__PURE__ */ F("div", {
+							className: "border-b border-border",
+							children: /* @__PURE__ */ F("nav", {
+								className: "flex space-x-6 overflow-x-auto px-6",
+								children: R.map((t) => /* @__PURE__ */ F("button", {
+									onClick: () => X(t.id),
+									className: e("whitespace-nowrap border-b-2 py-3 text-sm font-medium transition-colors", Y === t.id ? "border-foreground text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"),
+									children: t.label
+								}, t.id))
+							})
+						}), /* @__PURE__ */ I("div", {
+							className: "p-6",
+							children: [
+								Y === "details" && /* @__PURE__ */ I("div", {
+									className: "grid grid-cols-1 gap-6 sm:grid-cols-2",
+									children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("h4", {
+										className: "mb-3 text-sm font-semibold text-foreground",
+										children: "Property Information"
+									}), /* @__PURE__ */ I("dl", {
+										className: "space-y-2 text-sm",
+										children: [
+											/* @__PURE__ */ I("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ F("dt", {
+													className: "text-muted-foreground",
+													children: "Property Type"
+												}), /* @__PURE__ */ F("dd", {
+													className: "font-medium capitalize text-foreground",
+													children: U.type
+												})]
+											}),
+											/* @__PURE__ */ I("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ F("dt", {
+													className: "text-muted-foreground",
+													children: "Category"
+												}), /* @__PURE__ */ F("dd", {
+													className: "font-medium capitalize text-foreground",
+													children: U.category
+												})]
+											}),
+											U.specifications.ageOfProperty != null && /* @__PURE__ */ I("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ F("dt", {
+													className: "text-muted-foreground",
+													children: "Age of Property"
+												}), /* @__PURE__ */ I("dd", {
+													className: "font-medium text-foreground",
+													children: [U.specifications.ageOfProperty, " years"]
+												})]
+											}),
+											/* @__PURE__ */ I("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ F("dt", {
+													className: "text-muted-foreground",
+													children: "Furnishing"
+												}), /* @__PURE__ */ F("dd", {
+													className: "font-medium capitalize text-foreground",
+													children: U.specifications.furnishingStatus?.replace("_", " ")
+												})]
+											}),
+											U.specifications.facing && /* @__PURE__ */ I("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ F("dt", {
+													className: "text-muted-foreground",
+													children: "Facing"
+												}), /* @__PURE__ */ F("dd", {
+													className: "font-medium text-foreground",
+													children: U.specifications.facing
+												})]
+											}),
+											U.specifications.floors != null && /* @__PURE__ */ I("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ F("dt", {
+													className: "text-muted-foreground",
+													children: "Floor"
+												}), /* @__PURE__ */ I("dd", {
+													className: "font-medium text-foreground",
+													children: [
+														U.specifications.floors,
+														" of ",
+														U.specifications.totalFloors
+													]
+												})]
+											})
+										]
+									})] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("h4", {
+										className: "mb-3 text-sm font-semibold text-foreground",
+										children: "Area Details"
+									}), /* @__PURE__ */ I("dl", {
+										className: "space-y-2 text-sm",
+										children: [
+											/* @__PURE__ */ I("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ F("dt", {
+													className: "text-muted-foreground",
+													children: "Total Area"
+												}), /* @__PURE__ */ I("dd", {
+													className: "font-medium text-foreground",
+													children: [r(U.specifications.totalArea), " sqft"]
+												})]
+											}),
+											U.specifications.carpetArea && /* @__PURE__ */ I("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ F("dt", {
+													className: "text-muted-foreground",
+													children: "Carpet Area"
+												}), /* @__PURE__ */ I("dd", {
+													className: "font-medium text-foreground",
+													children: [r(U.specifications.carpetArea), " sqft"]
+												})]
+											}),
+											U.specifications.builtUpArea && /* @__PURE__ */ I("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ F("dt", {
+													className: "text-muted-foreground",
+													children: "Built-up Area"
+												}), /* @__PURE__ */ I("dd", {
+													className: "font-medium text-foreground",
+													children: [r(U.specifications.builtUpArea), " sqft"]
+												})]
+											}),
+											U.price.pricePerSqft && /* @__PURE__ */ I("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ F("dt", {
+													className: "text-muted-foreground",
+													children: "Price per sqft"
+												}), /* @__PURE__ */ F("dd", {
+													className: "font-medium text-foreground",
+													children: t(U.price.pricePerSqft)
+												})]
+											})
+										]
+									})] })]
+								}),
+								Y === "amenities" && /* @__PURE__ */ I("div", { children: [U.amenities.length > 0 ? /* @__PURE__ */ F("div", {
+									className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
+									children: U.amenities.map((e) => /* @__PURE__ */ I("div", {
+										className: "flex items-center gap-2 rounded-lg bg-muted/50 p-3",
+										children: [/* @__PURE__ */ F(g, { className: "h-4 w-4 text-emerald-600 dark:text-emerald-400" }), /* @__PURE__ */ F("span", {
+											className: "text-sm text-foreground",
+											children: e.name
+										})]
+									}, e.id))
+								}) : /* @__PURE__ */ F("p", {
+									className: "text-sm text-muted-foreground",
+									children: "No amenities listed for this property."
+								}), U.features.length > 0 && /* @__PURE__ */ I("div", {
+									className: "mt-6 border-t border-border pt-6",
+									children: [/* @__PURE__ */ F("h4", {
+										className: "mb-3 text-sm font-semibold text-foreground",
+										children: "Additional Features"
+									}), /* @__PURE__ */ F("div", {
+										className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+										children: U.features.map((e) => /* @__PURE__ */ I("div", {
+											className: "flex items-center gap-2 text-sm text-foreground",
+											children: [
+												/* @__PURE__ */ F(g, { className: "h-3.5 w-3.5 text-emerald-600 dark:text-emerald-400" }),
+												/* @__PURE__ */ F("span", { children: e.name }),
+												/* @__PURE__ */ I("span", {
+													className: "text-xs text-muted-foreground",
+													children: [
+														"(",
+														e.category,
+														")"
+													]
+												})
+											]
+										}, e.id))
+									})]
+								})] }),
+								Y === "location" && /* @__PURE__ */ I("div", {
+									className: "space-y-4",
+									children: [
+										/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("div", {
+											className: "mb-1 text-xs text-muted-foreground",
+											children: "Full Address"
+										}), /* @__PURE__ */ F("div", {
+											className: "text-sm font-medium text-foreground",
+											children: U.location.address
+										})] }),
+										/* @__PURE__ */ I("div", {
+											className: "grid grid-cols-1 gap-4 text-sm sm:grid-cols-3",
+											children: [
+												/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("div", {
+													className: "mb-1 text-xs text-muted-foreground",
+													children: "Neighborhood"
+												}), /* @__PURE__ */ F("div", {
+													className: "font-medium text-foreground",
+													children: U.location.neighborhood
+												})] }),
+												/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("div", {
+													className: "mb-1 text-xs text-muted-foreground",
+													children: "City, State"
+												}), /* @__PURE__ */ I("div", {
+													className: "font-medium text-foreground",
+													children: [
+														U.location.city,
+														", ",
+														U.location.state
+													]
+												})] }),
+												/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("div", {
+													className: "mb-1 text-xs text-muted-foreground",
+													children: "PIN / ZIP"
+												}), /* @__PURE__ */ F("div", {
+													className: "font-medium text-foreground",
+													children: U.location.pincode
+												})] })
+											]
+										}),
+										U.location.landmarks.length > 0 && /* @__PURE__ */ I("div", {
+											className: "border-t border-border pt-4",
+											children: [/* @__PURE__ */ F("h4", {
+												className: "mb-2 text-xs font-medium text-muted-foreground",
+												children: "Nearby Landmarks"
+											}), /* @__PURE__ */ F("div", {
+												className: "flex flex-wrap gap-2",
+												children: U.location.landmarks.map((e) => /* @__PURE__ */ F("span", {
+													className: "rounded-full bg-muted px-3 py-1 text-xs text-foreground",
+													children: e
+												}, e))
+											})]
+										}),
+										/* @__PURE__ */ F("div", {
+											className: "flex h-64 items-center justify-center rounded-lg bg-muted",
+											children: /* @__PURE__ */ I("div", {
+												className: "text-center text-muted-foreground",
+												children: [
+													/* @__PURE__ */ F(w, { className: "mx-auto mb-2 h-8 w-8" }),
+													/* @__PURE__ */ F("p", {
+														className: "text-sm",
+														children: "Interactive map will be displayed here"
+													}),
+													/* @__PURE__ */ I("p", {
+														className: "text-xs",
+														children: [
+															"Lat: ",
+															U.location.coordinates.latitude,
+															", Lng: ",
+															U.location.coordinates.longitude
+														]
+													})
+												]
+											})
+										})
+									]
+								}),
+								Y === "documents" && /* @__PURE__ */ F("div", { children: U.documents.length > 0 ? /* @__PURE__ */ F("div", {
+									className: "space-y-3",
+									children: U.documents.map((e) => /* @__PURE__ */ I("div", {
+										className: "flex items-center justify-between rounded-lg border border-border p-3",
+										children: [/* @__PURE__ */ I("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ F(x, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+												className: "text-sm font-medium text-foreground",
+												children: e.name
+											}), /* @__PURE__ */ I("p", {
+												className: "text-xs text-muted-foreground",
+												children: ["Uploaded ", n(e.uploadedAt.toISOString())]
+											})] })]
+										}), /* @__PURE__ */ F(i, {
+											label: e.verificationStatus,
+											variant: e.verificationStatus === "verified" ? "success" : e.verificationStatus === "pending" ? "warning" : "error"
+										})]
+									}, e.id))
+								}) : /* @__PURE__ */ F("p", {
+									className: "text-sm text-muted-foreground",
+									children: "No documents available for this property."
+								}) })
+							]
+						})]
+					})]
+				}), /* @__PURE__ */ I("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ I("div", {
+							className: "rounded-lg border border-border bg-card p-5",
+							children: [
+								/* @__PURE__ */ F("h3", {
+									className: "mb-4 text-base font-semibold text-foreground",
+									children: "Contact Owner"
+								}),
+								/* @__PURE__ */ I("div", {
+									className: "mb-4 flex items-center gap-3",
+									children: [/* @__PURE__ */ F("div", {
+										className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted text-sm font-semibold text-foreground",
+										children: U.owner.name.split(" ").map((e) => e[0]).join("")
+									}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ I("div", {
+										className: "flex items-center gap-1.5 text-sm font-medium text-foreground",
+										children: [U.owner.name, U.owner.verified && /* @__PURE__ */ F(g, { className: "h-3.5 w-3.5 text-emerald-600" })]
+									}), /* @__PURE__ */ F("div", {
+										className: "text-xs text-muted-foreground",
+										children: "Property Owner"
+									})] })]
+								}),
+								/* @__PURE__ */ I("div", {
+									className: "space-y-2",
+									children: [
+										/* @__PURE__ */ I("button", {
+											className: "flex w-full items-center justify-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
+											children: [/* @__PURE__ */ F(E, { className: "h-4 w-4" }), "Call Owner"]
+										}),
+										/* @__PURE__ */ I("button", {
+											className: "flex w-full items-center justify-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+											children: [/* @__PURE__ */ F(C, { className: "h-4 w-4" }), "Send Message"]
+										}),
+										/* @__PURE__ */ I("button", {
+											className: "flex w-full items-center justify-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+											children: [/* @__PURE__ */ F(T, { className: "h-4 w-4" }), "Start Chat"]
+										})
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ I("div", {
+							className: "rounded-lg border border-border bg-card p-5",
+							children: [/* @__PURE__ */ F("h3", {
+								className: "mb-4 text-base font-semibold text-foreground",
+								children: "Quick Actions"
+							}), /* @__PURE__ */ I("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ I("button", {
+										className: "flex w-full items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+										children: [/* @__PURE__ */ F(m, { className: "h-4 w-4" }), "Schedule Viewing"]
+									}),
+									/* @__PURE__ */ I("button", {
+										className: "flex w-full items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+										children: [/* @__PURE__ */ F(y, { className: "h-4 w-4" }), "Make Offer"]
+									}),
+									/* @__PURE__ */ I("button", {
+										className: "flex w-full items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+										children: [/* @__PURE__ */ F(j, { className: "h-4 w-4" }), "Investment Analysis"]
+									}),
+									/* @__PURE__ */ I("button", {
+										className: "flex w-full items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+										children: [/* @__PURE__ */ F(O, { className: "h-4 w-4" }), "Request Inspection"]
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ I("div", {
+							className: "rounded-lg border border-border bg-card p-5",
+							children: [/* @__PURE__ */ F("h3", {
+								className: "mb-4 text-base font-semibold text-foreground",
+								children: "Property Stats"
+							}), /* @__PURE__ */ I("div", {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ I("div", {
+										className: "flex items-center justify-between text-sm",
+										children: [/* @__PURE__ */ I("div", {
+											className: "flex items-center gap-2 text-muted-foreground",
+											children: [/* @__PURE__ */ F(b, { className: "h-4 w-4" }), " Views"]
+										}), /* @__PURE__ */ F("span", {
+											className: "font-medium text-foreground",
+											children: "1,234"
+										})]
+									}),
+									/* @__PURE__ */ I("div", {
+										className: "flex items-center justify-between text-sm",
+										children: [/* @__PURE__ */ I("div", {
+											className: "flex items-center gap-2 text-muted-foreground",
+											children: [/* @__PURE__ */ F(S, { className: "h-4 w-4" }), " Favorites"]
+										}), /* @__PURE__ */ F("span", {
+											className: "font-medium text-foreground",
+											children: "89"
+										})]
+									}),
+									/* @__PURE__ */ I("div", {
+										className: "flex items-center justify-between text-sm",
+										children: [/* @__PURE__ */ I("div", {
+											className: "flex items-center gap-2 text-muted-foreground",
+											children: [/* @__PURE__ */ F(m, { className: "h-4 w-4" }), " Listed"]
+										}), /* @__PURE__ */ F("span", {
+											className: "font-medium text-foreground",
+											children: n(U.createdAt.toISOString())
+										})]
+									}),
+									/* @__PURE__ */ I("div", {
+										className: "flex items-center justify-between text-sm",
+										children: [/* @__PURE__ */ I("div", {
+											className: "flex items-center gap-2 text-muted-foreground",
+											children: [/* @__PURE__ */ F(A, { className: "h-4 w-4" }), " Rating"]
+										}), /* @__PURE__ */ F("span", {
+											className: "font-medium text-foreground",
+											children: "4.8/5"
+										})]
+									})
+								]
+							})]
+						}),
+						W.length > 0 && /* @__PURE__ */ I("div", {
+							className: "rounded-lg border border-border bg-card p-5",
+							children: [
+								/* @__PURE__ */ F("h3", {
+									className: "mb-4 text-base font-semibold text-foreground",
+									children: "Similar Properties"
+								}),
+								/* @__PURE__ */ F("div", {
+									className: "space-y-3",
+									children: W.map((e) => /* @__PURE__ */ I("button", {
+										onClick: () => B(`../${e.id}`),
+										className: "flex w-full items-start gap-3 rounded-lg border border-border p-3 text-left transition-colors hover:bg-muted/50",
+										children: [e.images[0] && /* @__PURE__ */ F("img", {
+											src: e.images[0].url,
+											alt: e.title,
+											className: "h-14 w-14 rounded object-cover"
+										}), /* @__PURE__ */ I("div", {
+											className: "min-w-0 flex-1",
+											children: [
+												/* @__PURE__ */ F("div", {
+													className: "truncate text-sm font-medium text-foreground",
+													children: e.title
+												}),
+												/* @__PURE__ */ F("div", {
+													className: "text-sm font-semibold text-foreground",
+													children: t(e.price.amount)
+												}),
+												/* @__PURE__ */ I("div", {
+													className: "truncate text-xs text-muted-foreground",
+													children: [
+														e.location.neighborhood,
+														", ",
+														e.location.city
+													]
+												})
+											]
+										})]
+									}, e.id))
+								}),
+								/* @__PURE__ */ F("button", {
+									onClick: () => B("../"),
+									className: "mt-3 w-full rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+									children: "View All Properties"
+								})
+							]
+						})
+					]
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ F("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ F(a, {
+			icon: /* @__PURE__ */ F(p, { className: "h-12 w-12" }),
+			title: "Property Not Found",
+			description: "The property you're looking for doesn't exist or has been removed.",
+			action: /* @__PURE__ */ I("button", {
+				onClick: () => B("../"),
+				className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background",
+				children: [/* @__PURE__ */ F(u, { className: "h-4 w-4" }), "Back to Properties"]
+			})
+		})
+	});
+};
+//#endregion
+export { z as PropertyDetailPage };
+
+//# sourceMappingURL=PropertyDetailPage.js.map