@burdenoff/microfe-coolandlovely 2026.614.1

package/dist/coolandlovely/pages/investor/InvestmentOpportunitiesPage.js

@@ -0,0 +1,939 @@
+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, formatNumber as a } from "../../utils/formatters.js";
+import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { CheckCircle2 as u, Eye as d, FileText as f, IndianRupee as p, MapPin as m, Search as h, Star as g, X as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/investor/InvestmentOpportunitiesPage.tsx
+var b = [
+	{
+		id: "opp-001",
+		cartId: "cart-005",
+		cartName: "Organic Salad Bar",
+		cartOwner: "Sarah Johnson",
+		description: "Premium organic salad bar serving health-conscious customers in tech parks. Looking to expand to 3 new locations.",
+		targetAmount: 5e5,
+		raisedAmount: 325e3,
+		minimumInvestment: 25e3,
+		maximumInvestment: 1e5,
+		investorCount: 8,
+		daysLeft: 15,
+		expectedReturns: 22,
+		paybackPeriod: 36,
+		riskLevel: "low",
+		category: "Healthy Food",
+		location: "Whitefield, Bangalore",
+		image: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=400",
+		businessMetrics: {
+			monthlyRevenue: 28e4,
+			monthlyOrders: 1800,
+			averageOrderValue: 156,
+			rating: 4.9,
+			reviewCount: 342,
+			operatingSince: "2022-03-15"
+		},
+		financials: {
+			grossMargin: 65,
+			netMargin: 28,
+			monthlyExpenses: 78e3,
+			breakEvenAchieved: !0
+		},
+		investmentTerms: {
+			equityOffered: 25,
+			dividendFrequency: "monthly",
+			lockInPeriod: 24,
+			exitOptions: [
+				"Buyback",
+				"Secondary Sale",
+				"IPO"
+			]
+		},
+		documents: [
+			{
+				name: "Business Plan",
+				type: "PDF",
+				uploadedOn: "2024-06-01"
+			},
+			{
+				name: "Financial Statements",
+				type: "PDF",
+				uploadedOn: "2024-06-01"
+			},
+			{
+				name: "Legal Documents",
+				type: "PDF",
+				uploadedOn: "2024-06-01"
+			}
+		],
+		status: "active"
+	},
+	{
+		id: "opp-002",
+		cartId: "cart-006",
+		cartName: "Midnight Munchies",
+		cartOwner: "Ravi Mehta",
+		description: "Late-night food delivery cart specializing in comfort food for night shift workers and students. Operating near IT corridors.",
+		targetAmount: 3e5,
+		raisedAmount: 18e4,
+		minimumInvestment: 15e3,
+		maximumInvestment: 75e3,
+		investorCount: 12,
+		daysLeft: 22,
+		expectedReturns: 18,
+		paybackPeriod: 30,
+		riskLevel: "medium",
+		category: "Fast Food",
+		location: "Electronic City, Bangalore",
+		image: "https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=400",
+		businessMetrics: {
+			monthlyRevenue: 195e3,
+			monthlyOrders: 1200,
+			averageOrderValue: 163,
+			rating: 4.7,
+			reviewCount: 256,
+			operatingSince: "2023-01-10"
+		},
+		financials: {
+			grossMargin: 58,
+			netMargin: 22,
+			monthlyExpenses: 65e3,
+			breakEvenAchieved: !0
+		},
+		investmentTerms: {
+			equityOffered: 20,
+			dividendFrequency: "quarterly",
+			lockInPeriod: 18,
+			exitOptions: ["Buyback", "Secondary Sale"]
+		},
+		documents: [{
+			name: "Business Plan",
+			type: "PDF",
+			uploadedOn: "2024-06-05"
+		}, {
+			name: "Market Analysis",
+			type: "PDF",
+			uploadedOn: "2024-06-05"
+		}],
+		status: "active"
+	},
+	{
+		id: "opp-003",
+		cartId: "cart-007",
+		cartName: "Fusion Street Tacos",
+		cartOwner: "Maria Rodriguez",
+		description: "Innovative fusion taco cart combining Mexican and Indian flavors. Winner of Street Food Awards 2023.",
+		targetAmount: 4e5,
+		raisedAmount: 4e5,
+		minimumInvestment: 2e4,
+		maximumInvestment: 8e4,
+		investorCount: 15,
+		daysLeft: 0,
+		expectedReturns: 25,
+		paybackPeriod: 24,
+		riskLevel: "low",
+		category: "Fusion Food",
+		location: "Indiranagar, Bangalore",
+		image: "https://images.unsplash.com/photo-1551504734-5ee1c4a1479b?w=400",
+		businessMetrics: {
+			monthlyRevenue: 32e4,
+			monthlyOrders: 2100,
+			averageOrderValue: 152,
+			rating: 4.8,
+			reviewCount: 512,
+			operatingSince: "2021-08-20"
+		},
+		financials: {
+			grossMargin: 68,
+			netMargin: 32,
+			monthlyExpenses: 85e3,
+			breakEvenAchieved: !0
+		},
+		investmentTerms: {
+			equityOffered: 30,
+			dividendFrequency: "monthly",
+			lockInPeriod: 12,
+			exitOptions: ["Buyback", "Franchise Conversion"]
+		},
+		documents: [{
+			name: "Business Plan",
+			type: "PDF",
+			uploadedOn: "2024-05-20"
+		}, {
+			name: "Awards & Recognition",
+			type: "PDF",
+			uploadedOn: "2024-05-20"
+		}],
+		status: "funded"
+	},
+	{
+		id: "opp-004",
+		cartId: "cart-008",
+		cartName: "Bubble Tea Express",
+		cartOwner: "Chen Wei",
+		description: "Trendy bubble tea cart with proprietary recipes. Planning expansion through franchise model.",
+		targetAmount: 6e5,
+		raisedAmount: 12e4,
+		minimumInvestment: 3e4,
+		maximumInvestment: 15e4,
+		investorCount: 4,
+		daysLeft: 45,
+		expectedReturns: 20,
+		paybackPeriod: 36,
+		riskLevel: "high",
+		category: "Beverages",
+		location: "Koramangala, Bangalore",
+		image: "https://images.unsplash.com/photo-1558857563-b371033873b8?w=400",
+		businessMetrics: {
+			monthlyRevenue: 15e4,
+			monthlyOrders: 900,
+			averageOrderValue: 167,
+			rating: 4.6,
+			reviewCount: 189,
+			operatingSince: "2023-11-01"
+		},
+		financials: {
+			grossMargin: 72,
+			netMargin: 18,
+			monthlyExpenses: 55e3,
+			breakEvenAchieved: !1
+		},
+		investmentTerms: {
+			equityOffered: 35,
+			dividendFrequency: "quarterly",
+			lockInPeriod: 36,
+			exitOptions: ["Franchise Sale", "Acquisition"]
+		},
+		documents: [{
+			name: "Franchise Plan",
+			type: "PDF",
+			uploadedOn: "2024-06-10"
+		}, {
+			name: "Recipe Patents",
+			type: "PDF",
+			uploadedOn: "2024-06-10"
+		}],
+		status: "active"
+	}
+], x = {
+	totalOpportunities: 24,
+	averageReturns: 21.5,
+	totalFunded: 156e5,
+	successRate: 89
+};
+function S(e) {
+	switch (e) {
+		case "low": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "medium": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
+		case "high": return "bg-red-500/20 text-red-600 dark:text-red-400";
+		default: return "bg-secondary text-secondary-foreground";
+	}
+}
+function C(e) {
+	switch (e) {
+		case "low": return "Low Risk";
+		case "medium": return "Medium Risk";
+		case "high": return "High Risk";
+		default: return e;
+	}
+}
+function w(e, t) {
+	return t > 0 ? Math.min(e / t * 100, 100) : 0;
+}
+function T() {
+	let { navigateTo: T } = e(), [E, D] = l(!0), [O, k] = l(null), [A, j] = l(!1), [M, N] = l(""), [P, F] = l("idle"), [I, L] = l({
+		searchQuery: "",
+		category: "",
+		riskLevel: "",
+		minimumAmount: "",
+		location: "",
+		sortBy: "featured"
+	});
+	s(() => {
+		let e = setTimeout(() => D(!1), 600);
+		return () => clearTimeout(e);
+	}, []);
+	let R = o((e, t) => {
+		L((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), z = c(() => {
+		let e = [...b];
+		if (I.searchQuery.trim()) {
+			let t = I.searchQuery.toLowerCase();
+			e = e.filter((e) => e.cartName.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
+		}
+		if (I.category && (e = e.filter((e) => e.category === I.category)), I.riskLevel && (e = e.filter((e) => e.riskLevel === I.riskLevel)), I.location && (e = e.filter((e) => e.location.includes(I.location))), I.minimumAmount) {
+			let t = parseInt(I.minimumAmount, 10);
+			e = e.filter((e) => e.minimumInvestment <= t);
+		}
+		switch (I.sortBy) {
+			case "returns":
+				e.sort((e, t) => t.expectedReturns - e.expectedReturns);
+				break;
+			case "funding":
+				e.sort((e, t) => t.raisedAmount / t.targetAmount - e.raisedAmount / e.targetAmount);
+				break;
+			case "closing":
+				e.sort((e, t) => e.daysLeft - t.daysLeft);
+				break;
+			case "minimum":
+				e.sort((e, t) => e.minimumInvestment - t.minimumInvestment);
+				break;
+			default: break;
+		}
+		return e;
+	}, [I]), B = o(() => {
+		if (!O || !M) return;
+		let e = parseInt(M, 10);
+		if (!isNaN(e)) {
+			if (e < O.minimumInvestment) {
+				F("error");
+				return;
+			}
+			if (e > O.maximumInvestment) {
+				F("error");
+				return;
+			}
+			F("success"), setTimeout(() => {
+				j(!1), N(""), F("idle"), T("/investor/portfolio");
+			}, 1500);
+		}
+	}, [
+		O,
+		M,
+		T
+	]), V = o((e) => {
+		k(e), N(""), F("idle"), j(!0);
+	}, []);
+	return E ? /* @__PURE__ */ v(n, {
+		title: "Investment Opportunities",
+		description: "Loading opportunities...",
+		children: /* @__PURE__ */ v("div", {
+			className: "flex items-center justify-center py-20",
+			children: /* @__PURE__ */ y("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ v("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Loading opportunities..."
+				})]
+			})
+		})
+	}) : /* @__PURE__ */ y(n, {
+		title: "Investment Opportunities",
+		description: "Discover and invest in growing local businesses",
+		actions: /* @__PURE__ */ y("span", {
+			className: "text-sm text-muted-foreground",
+			children: [z.length, " opportunities"]
+		}),
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "rounded-lg border border-border bg-card p-3 sm:p-4",
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Active Opportunities"
+						}), /* @__PURE__ */ v("p", {
+							className: "text-lg font-bold text-foreground sm:text-2xl",
+							children: x.totalOpportunities
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "rounded-lg border border-border bg-card p-3 sm:p-4",
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Average Returns"
+						}), /* @__PURE__ */ y("p", {
+							className: "text-lg font-bold text-green-600 dark:text-green-400 sm:text-2xl",
+							children: [x.averageReturns, "%"]
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "rounded-lg border border-border bg-card p-3 sm:p-4",
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Total Funded"
+						}), /* @__PURE__ */ v("p", {
+							className: "text-lg font-bold text-foreground sm:text-2xl",
+							children: i(x.totalFunded, {
+								minimumFractionDigits: 0,
+								notation: "compact"
+							})
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "rounded-lg border border-border bg-card p-3 sm:p-4",
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Success Rate"
+						}), /* @__PURE__ */ y("p", {
+							className: "text-lg font-bold text-foreground sm:text-2xl",
+							children: [x.successRate, "%"]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "mt-6 rounded-lg border border-border bg-card p-4 sm:p-6",
+				children: /* @__PURE__ */ y("div", {
+					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "relative sm:col-span-2 lg:col-span-1",
+							children: [/* @__PURE__ */ v(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ v("input", {
+								type: "text",
+								placeholder: "Search opportunities...",
+								value: I.searchQuery,
+								onChange: (e) => R("searchQuery", e.target.value),
+								className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+							})]
+						}),
+						/* @__PURE__ */ y("select", {
+							value: I.category,
+							onChange: (e) => R("category", e.target.value),
+							className: "rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ v("option", {
+									value: "",
+									children: "All Categories"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Healthy Food",
+									children: "Healthy Food"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Fast Food",
+									children: "Fast Food"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Fusion Food",
+									children: "Fusion Food"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Beverages",
+									children: "Beverages"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Street Food",
+									children: "Street Food"
+								})
+							]
+						}),
+						/* @__PURE__ */ y("select", {
+							value: I.riskLevel,
+							onChange: (e) => R("riskLevel", e.target.value),
+							className: "rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ v("option", {
+									value: "",
+									children: "All Risk Levels"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "low",
+									children: "Low Risk"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "medium",
+									children: "Medium Risk"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "high",
+									children: "High Risk"
+								})
+							]
+						}),
+						/* @__PURE__ */ y("select", {
+							value: I.minimumAmount,
+							onChange: (e) => R("minimumAmount", e.target.value),
+							className: "rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ v("option", {
+									value: "",
+									children: "Any Amount"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "15000",
+									children: "Under ₹15,000"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "25000",
+									children: "Under ₹25,000"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "50000",
+									children: "Under ₹50,000"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "100000",
+									children: "Under ₹1,00,000"
+								})
+							]
+						}),
+						/* @__PURE__ */ y("select", {
+							value: I.location,
+							onChange: (e) => R("location", e.target.value),
+							className: "rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ v("option", {
+									value: "",
+									children: "All Locations"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Whitefield",
+									children: "Whitefield"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Koramangala",
+									children: "Koramangala"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Indiranagar",
+									children: "Indiranagar"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Electronic City",
+									children: "Electronic City"
+								})
+							]
+						}),
+						/* @__PURE__ */ y("select", {
+							value: I.sortBy,
+							onChange: (e) => R("sortBy", e.target.value),
+							className: "rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ v("option", {
+									value: "featured",
+									children: "Featured"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "returns",
+									children: "Highest Returns"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "funding",
+									children: "Most Funded"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "closing",
+									children: "Closing Soon"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "minimum",
+									children: "Lowest Minimum"
+								})
+							]
+						})
+					]
+				})
+			}),
+			z.length === 0 ? /* @__PURE__ */ v("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ v(r, {
+					icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
+					title: "No opportunities found",
+					description: "Try adjusting your filters to find more opportunities",
+					action: /* @__PURE__ */ v("button", {
+						type: "button",
+						onClick: () => L({
+							searchQuery: "",
+							category: "",
+							riskLevel: "",
+							minimumAmount: "",
+							location: "",
+							sortBy: "featured"
+						}),
+						className: "rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+						children: "Clear Filters"
+					})
+				})
+			}) : /* @__PURE__ */ v("div", {
+				className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-2",
+				children: z.map((e) => {
+					let n = w(e.raisedAmount, e.targetAmount);
+					return /* @__PURE__ */ y("div", {
+						className: "rounded-lg border border-border bg-card shadow-sm hover:shadow-md transition-shadow",
+						children: [/* @__PURE__ */ y("div", {
+							className: "relative",
+							children: [
+								/* @__PURE__ */ v("div", {
+									className: "h-40 w-full overflow-hidden rounded-t-lg bg-muted sm:h-48",
+									children: /* @__PURE__ */ v("img", {
+										src: e.image,
+										alt: e.cartName,
+										className: "h-full w-full object-cover",
+										loading: "lazy"
+									})
+								}),
+								e.status === "funded" && /* @__PURE__ */ v("div", {
+									className: "absolute right-2 top-2 rounded-full bg-green-500 px-2 py-1 text-xs font-medium text-white sm:right-4 sm:top-4 sm:px-3",
+									children: "Fully Funded"
+								}),
+								e.daysLeft > 0 && e.daysLeft <= 7 && /* @__PURE__ */ y("div", {
+									className: "absolute left-2 top-2 rounded-full bg-red-500 px-2 py-1 text-xs font-medium text-white sm:left-4 sm:top-4 sm:px-3",
+									children: [e.daysLeft, " days left"]
+								})
+							]
+						}), /* @__PURE__ */ y("div", {
+							className: "p-4 sm:p-6",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+									children: [/* @__PURE__ */ y("div", {
+										className: "flex-1",
+										children: [
+											/* @__PURE__ */ v("h3", {
+												className: "text-base font-semibold text-foreground sm:text-xl",
+												children: e.cartName
+											}),
+											/* @__PURE__ */ y("p", {
+												className: "text-xs text-muted-foreground sm:text-sm",
+												children: ["by ", e.cartOwner]
+											}),
+											/* @__PURE__ */ y("div", {
+												className: "mt-2 flex flex-wrap items-center gap-2",
+												children: [/* @__PURE__ */ v("span", {
+													className: "text-xs text-muted-foreground sm:text-sm",
+													children: e.category
+												}), /* @__PURE__ */ v("span", {
+													className: t("rounded-full px-2 py-0.5 text-xs font-medium", S(e.riskLevel)),
+													children: C(e.riskLevel)
+												})]
+											})
+										]
+									}), /* @__PURE__ */ y("div", {
+										className: "text-left sm:text-right",
+										children: [/* @__PURE__ */ y("p", {
+											className: "text-xl font-bold text-green-600 dark:text-green-400 sm:text-2xl",
+											children: [e.expectedReturns, "%"]
+										}), /* @__PURE__ */ v("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Expected Returns"
+										})]
+									})]
+								}),
+								/* @__PURE__ */ v("p", {
+									className: "mb-4 text-sm leading-relaxed text-muted-foreground line-clamp-2",
+									children: e.description
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "mb-4",
+									children: [
+										/* @__PURE__ */ y("div", {
+											className: "mb-1 flex justify-between text-xs sm:text-sm",
+											children: [/* @__PURE__ */ y("span", {
+												className: "font-medium text-foreground",
+												children: [
+													i(e.raisedAmount, { minimumFractionDigits: 0 }),
+													" ",
+													"raised"
+												]
+											}), /* @__PURE__ */ y("span", {
+												className: "text-muted-foreground",
+												children: ["of ", i(e.targetAmount, { minimumFractionDigits: 0 })]
+											})]
+										}),
+										/* @__PURE__ */ v("div", {
+											className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+											children: /* @__PURE__ */ v("div", {
+												className: "h-full rounded-full bg-primary transition-all duration-300",
+												style: { width: `${n}%` }
+											})
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "mt-1 flex justify-between text-xs text-muted-foreground",
+											children: [/* @__PURE__ */ y("span", { children: [e.investorCount, " investors"] }), /* @__PURE__ */ y("span", { children: [n.toFixed(0), "% funded"] })]
+										})
+									]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "mb-4 grid grid-cols-3 gap-2 text-center sm:gap-4",
+									children: [
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+											className: "text-sm font-bold text-foreground sm:text-lg",
+											children: i(e.minimumInvestment, { minimumFractionDigits: 0 })
+										}), /* @__PURE__ */ v("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Min Investment"
+										})] }),
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("p", {
+											className: "text-sm font-bold text-foreground sm:text-lg",
+											children: [e.paybackPeriod, " mo"]
+										}), /* @__PURE__ */ v("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Payback Period"
+										})] }),
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
+											className: "flex items-center justify-center gap-1",
+											children: [/* @__PURE__ */ v(g, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ v("p", {
+												className: "text-sm font-bold text-foreground sm:text-lg",
+												children: e.businessMetrics.rating
+											})]
+										}), /* @__PURE__ */ v("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Rating"
+										})] })
+									]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "mb-4 border-t border-border pt-3 sm:pt-4",
+									children: [/* @__PURE__ */ v("p", {
+										className: "mb-2 text-xs font-medium text-muted-foreground sm:text-sm",
+										children: "Business Performance"
+									}), /* @__PURE__ */ y("div", {
+										className: "grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm",
+										children: [
+											/* @__PURE__ */ y("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ v("span", {
+													className: "text-muted-foreground",
+													children: "Monthly Revenue:"
+												}), /* @__PURE__ */ v("span", {
+													className: "font-medium text-foreground",
+													children: i(e.businessMetrics.monthlyRevenue, { minimumFractionDigits: 0 })
+												})]
+											}),
+											/* @__PURE__ */ y("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ v("span", {
+													className: "text-muted-foreground",
+													children: "Gross Margin:"
+												}), /* @__PURE__ */ y("span", {
+													className: "font-medium text-foreground",
+													children: [e.financials.grossMargin, "%"]
+												})]
+											}),
+											/* @__PURE__ */ y("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ v("span", {
+													className: "text-muted-foreground",
+													children: "Monthly Orders:"
+												}), /* @__PURE__ */ v("span", {
+													className: "font-medium text-foreground",
+													children: a(e.businessMetrics.monthlyOrders)
+												})]
+											}),
+											/* @__PURE__ */ y("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ v("span", {
+													className: "text-muted-foreground",
+													children: "Net Margin:"
+												}), /* @__PURE__ */ y("span", {
+													className: "font-medium text-foreground",
+													children: [e.financials.netMargin, "%"]
+												})]
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "mb-4 border-t border-border pt-3",
+									children: /* @__PURE__ */ y("div", {
+										className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ v(f, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", { children: [e.documents.length, " documents available"] })]
+									})
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "mb-4 flex items-center gap-1.5 text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ v(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ v("span", { children: e.location })]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex flex-col gap-2 sm:flex-row sm:gap-3",
+									children: [/* @__PURE__ */ v("button", {
+										type: "button",
+										onClick: () => V(e),
+										disabled: e.status === "funded",
+										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", e.status === "funded" ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+										children: e.status === "funded" ? "Fully Funded" : "Invest Now"
+									}), /* @__PURE__ */ y("button", {
+										type: "button",
+										onClick: () => T(`/investor/opportunities/${e.id}`),
+										className: "flex flex-1 items-center justify-center gap-2 rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+										children: [/* @__PURE__ */ v(d, { className: "h-4 w-4" }), "View Details"]
+									})]
+								})
+							]
+						})]
+					}, e.id);
+				})
+			}),
+			A && O && /* @__PURE__ */ v("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+				children: /* @__PURE__ */ y("div", {
+					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border bg-card p-4 sm:p-6",
+					children: [
+						/* @__PURE__ */ v("button", {
+							type: "button",
+							onClick: () => {
+								j(!1), N(""), F("idle");
+							},
+							className: "absolute right-3 top-3 rounded-lg p-1 text-muted-foreground hover:bg-accent transition-colors",
+							children: /* @__PURE__ */ v(_, { className: "h-5 w-5" })
+						}),
+						/* @__PURE__ */ y("h3", {
+							className: "mb-4 text-base font-semibold text-foreground sm:text-lg",
+							children: ["Invest in ", O.cartName]
+						}),
+						P === "success" ? /* @__PURE__ */ y("div", {
+							className: "py-8 text-center",
+							children: [
+								/* @__PURE__ */ v(u, { className: "mx-auto mb-3 h-12 w-12 text-green-600 dark:text-green-400" }),
+								/* @__PURE__ */ v("p", {
+									className: "text-sm font-medium text-foreground",
+									children: "Investment successful!"
+								}),
+								/* @__PURE__ */ v("p", {
+									className: "mt-1 text-xs text-muted-foreground",
+									children: "Redirecting to your portfolio..."
+								})
+							]
+						}) : /* @__PURE__ */ y("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									className: "mb-1 text-xs text-muted-foreground sm:text-sm",
+									children: "Investment Range"
+								}), /* @__PURE__ */ y("p", {
+									className: "text-sm font-medium text-foreground sm:text-base",
+									children: [
+										i(O.minimumInvestment, { minimumFractionDigits: 0 }),
+										" ",
+										"-",
+										" ",
+										i(O.maximumInvestment, { minimumFractionDigits: 0 })
+									]
+								})] }),
+								/* @__PURE__ */ y("div", { children: [
+									/* @__PURE__ */ v("label", {
+										className: "mb-1 block text-xs font-medium text-foreground sm:text-sm",
+										children: "Investment Amount"
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "relative",
+										children: [/* @__PURE__ */ v(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ v("input", {
+											type: "number",
+											value: M,
+											onChange: (e) => {
+												N(e.target.value), F("idle");
+											},
+											placeholder: "Enter amount",
+											className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										})]
+									}),
+									P === "error" && /* @__PURE__ */ y("p", {
+										className: "mt-1 text-xs text-red-600 dark:text-red-400",
+										children: [
+											"Amount must be between",
+											" ",
+											i(O.minimumInvestment, { minimumFractionDigits: 0 }),
+											" ",
+											"and",
+											" ",
+											i(O.maximumInvestment, { minimumFractionDigits: 0 })
+										]
+									})
+								] }),
+								M && !isNaN(parseInt(M, 10)) && parseInt(M, 10) > 0 && /* @__PURE__ */ y("div", {
+									className: "rounded-lg border border-border bg-muted/50 p-3 sm:p-4",
+									children: [/* @__PURE__ */ v("p", {
+										className: "mb-2 text-xs text-muted-foreground sm:text-sm",
+										children: "Expected Returns"
+									}), /* @__PURE__ */ y("div", {
+										className: "space-y-1.5",
+										children: [
+											/* @__PURE__ */ y("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ v("span", {
+													className: "text-xs text-foreground sm:text-sm",
+													children: "Investment:"
+												}), /* @__PURE__ */ v("span", {
+													className: "text-xs font-medium text-foreground sm:text-sm",
+													children: i(parseInt(M, 10), { minimumFractionDigits: 0 })
+												})]
+											}),
+											/* @__PURE__ */ y("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ y("span", {
+													className: "text-xs text-foreground sm:text-sm",
+													children: [
+														"Expected Return (",
+														O.expectedReturns,
+														"%):"
+													]
+												}), /* @__PURE__ */ y("span", {
+													className: "text-xs font-medium text-green-600 dark:text-green-400 sm:text-sm",
+													children: ["+", i(parseInt(M, 10) * O.expectedReturns / 100, { minimumFractionDigits: 0 })]
+												})]
+											}),
+											/* @__PURE__ */ y("div", {
+												className: "flex justify-between border-t border-border pt-2",
+												children: [/* @__PURE__ */ v("span", {
+													className: "text-xs font-medium text-foreground sm:text-sm",
+													children: "Total Value:"
+												}), /* @__PURE__ */ v("span", {
+													className: "text-xs font-bold text-foreground sm:text-sm",
+													children: i(parseInt(M, 10) * (1 + O.expectedReturns / 100), { minimumFractionDigits: 0 })
+												})]
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "space-y-1 text-xs text-muted-foreground sm:text-sm",
+									children: [
+										/* @__PURE__ */ y("p", { children: [
+											"• Minimum lock-in period:",
+											" ",
+											O.investmentTerms.lockInPeriod,
+											" months"
+										] }),
+										/* @__PURE__ */ y("p", { children: [
+											"• Dividend frequency:",
+											" ",
+											O.investmentTerms.dividendFrequency
+										] }),
+										/* @__PURE__ */ y("p", { children: [
+											"• Your equity stake:",
+											" ",
+											((parseInt(M, 10) || 0) / O.targetAmount * O.investmentTerms.equityOffered).toFixed(2),
+											"%"
+										] }),
+										/* @__PURE__ */ y("p", { children: [
+											"• Exit options:",
+											" ",
+											O.investmentTerms.exitOptions.join(", ")
+										] })
+									]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex flex-col gap-2 pt-2 sm:flex-row sm:gap-3",
+									children: [/* @__PURE__ */ v("button", {
+										type: "button",
+										onClick: () => {
+											j(!1), N(""), F("idle");
+										},
+										className: "flex-1 rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+										children: "Cancel"
+									}), /* @__PURE__ */ v("button", {
+										type: "button",
+										onClick: B,
+										disabled: !M || isNaN(parseInt(M, 10)) || parseInt(M, 10) < O.minimumInvestment,
+										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", !M || isNaN(parseInt(M, 10)) || parseInt(M, 10) < O.minimumInvestment ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+										children: "Confirm Investment"
+									})]
+								})
+							]
+						})
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { T as InvestmentOpportunitiesPage };
+
+//# sourceMappingURL=InvestmentOpportunitiesPage.js.map