function MainComponent() { const [currentUser, setCurrentUser] = React.useState(null); const [selectedLanguage, setSelectedLanguage] = React.useState("en"); const [currentPage, setCurrentPage] = React.useState("welcome"); const [weatherData, setWeatherData] = React.useState(null); const [location, setLocation] = React.useState("Delhi"); const [chatMessages, setChatMessages] = React.useState([]); const [chatInput, setChatInput] = React.useState(""); const [streamingMessage, setStreamingMessage] = React.useState(""); const [isLoading, setIsLoading] = React.useState(false); const [laborRequests, setLaborRequests] = React.useState([]); const [govSchemes, setGovSchemes] = React.useState([]); const [nearbyStores, setNearbyStores] = React.useState([]); const [scanningCrop, setScanningCrop] = React.useState(false); const [lastScanResult, setLastScanResult] = React.useState(null); const [upload, { loading: uploadLoading }] = useUpload(); // Handle chat streaming const handleFinish = React.useCallback((message)=>{ setChatMessages((prev)=>[ ...prev, { role: "assistant", content: message, timestamp: Date.now() } ]); setStreamingMessage(""); setIsLoading(false); }, []); // Send chat message - using backend function const sendChatMessage = async ()=>{ if (!chatInput.trim()) return; const userMessage = { role: "user", content: chatInput, timestamp: Date.now() }; setChatMessages((prev)=>[ ...prev, userMessage ]); setIsLoading(true); const currentInput = chatInput; setChatInput(""); // Clear input immediately try { const response = await fetch("/api/chat-assistant", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ message: currentInput, language: selectedLanguage, userType: currentUser?.type, userId: currentUser?.id || null }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); let assistantMessage; if (data.success) { assistantMessage = data.response; } else { assistantMessage = data.fallbackResponse || "Sorry, I couldn't generate a response."; } setChatMessages((prev)=>[ ...prev, { role: "assistant", content: assistantMessage, timestamp: Date.now() } ]); setIsLoading(false); } catch (error) { console.error("Chat error:", error); setChatMessages((prev)=>[ ...prev, { role: "assistant", content: "Sorry, I'm having trouble connecting right now. Please try again.", timestamp: Date.now() } ]); setIsLoading(false); } }; // Language options const languages = { en: { name: "English", flag: "🇬🇧" }, hi: { name: "हिंदी", flag: "🇮🇳" }, te: { name: "తెలుగు", flag: "🇮🇳" }, ta: { name: "தமிழ்", flag: "🇮🇳" }, pa: { name: "ਪੰਜਾਬੀ", flag: "🇮🇳" } }; // Translations (basic example) const t = (key)=>{ const translations = { en: { welcome: "Welcome to Phasal", selectLanguage: "Select Language", selectUserType: "Are you a Farmer or Laborer?", farmer: "Farmer", laborer: "Laborer", dashboard: "Dashboard", weather: "Weather", chatbot: "AI Assistant", cropScan: "Crop Health", laborHiring: "Find Labor", govSchemes: "Government Schemes", nearbyStores: "Nearby Stores", logout: "Logout" }, hi: { welcome: "फसल में आपका स्वागत है", selectLanguage: "भाषा चुनें", selectUserType: "क्या आप किसान हैं या मजदूर?", farmer: "किसान", laborer: "मजदूर", dashboard: "डैशबोर्ड", weather: "मौसम", chatbot: "AI सहायक", cropScan: "फसल स्वास्थ्य", laborHiring: "मजदूर खोजें", govSchemes: "सरकारी योजनाएं", nearbyStores: "नजदीकी दुकानें", logout: "लॉग आउट" } }; return translations[selectedLanguage]?.[key] || translations.en[key] || key; }; // Crop scanning function const handleCropScan = async (file)=>{ if (!file || !file.type.startsWith("image/")) { alert("Please select a valid image file"); return; } setScanningCrop(true); try { // Upload the file first const { url, error: uploadError } = await upload({ file }); if (uploadError || !url) { throw new Error(uploadError || "Failed to upload image"); } // Call the crop health scan API const response = await fetch("/api/crop-health-scan", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ imageUrl: url, farmerId: currentUser?.id || 1, cropId: null }) }); if (!response.ok) { const errorData = await response.text(); throw new Error(`Scan analysis failed: ${errorData}`); } const result = await response.json(); if (result.success) { setLastScanResult(result); alert("Crop analysis completed successfully!"); } else { throw new Error(result.error || "Analysis failed"); } } catch (error) { console.error("Crop scan error:", error); alert("Failed to analyze crop image: " + error.message); } finally{ setScanningCrop(false); } }; const handleFileSelect = (event)=>{ const file = event.target.files[0]; if (file) { console.log("File selected:", file.name, file.type, file.size); handleCropScan(file); } // Reset the input so the same file can be selected again event.target.value = ""; }; // Fetch weather data const fetchWeather = async (city)=>{ try { const response = await fetch(`/integrations/weather-by-city/weather/${city}`); if (!response.ok) throw new Error("Weather fetch failed"); const data = await response.json(); setWeatherData(data); } catch (error) { console.error("Weather error:", error); } }; // Fetch government schemes const fetchGovSchemes = async ()=>{ try { const response = await fetch("/api/get-government-schemes", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.success) { setGovSchemes(data.schemes || []); } else { console.error("Failed to fetch schemes:", data.error); setGovSchemes([]); } } catch (error) { console.error("Gov schemes error:", error); setGovSchemes([]); } }; // Find nearby stores const findNearbyStores = async ()=>{ try { const response = await fetch(`/integrations/local-business-data/search?query=agriculture+stores+near+${location}&limit=10`); if (!response.ok) throw new Error("Stores search failed"); const data = await response.json(); setNearbyStores(data.data || []); } catch (error) { console.error("Nearby stores error:", error); } }; // Initialize data React.useEffect(()=>{ if (currentUser) { fetchWeather(location); fetchGovSchemes(); findNearbyStores(); } }, [ currentUser, location ]); // Welcome Screen if (!currentUser) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-green-400 via-blue-500 to-purple-600 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 260, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-3xl shadow-2xl p-8 max-w-md w-full text-center", __source: { fileName: "", lineNumber: 261, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl mb-6", __source: { fileName: "", lineNumber: 262, columnNumber: 11 }, __self: this }, "🌾"), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-800 mb-6", __source: { fileName: "", lineNumber: 263, columnNumber: 11 }, __self: this }, t("welcome")), currentPage === "welcome" && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 268, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this }, t("selectLanguage")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-3", __source: { fileName: "", lineNumber: 272, columnNumber: 15 }, __self: this }, Object.entries(languages).map(([code, lang])=>/*#__PURE__*/ React.createElement("button", { key: code, onClick: ()=>{ setSelectedLanguage(code); setCurrentPage("userType"); }, className: "flex items-center justify-center gap-3 p-4 bg-gray-50 hover:bg-blue-50 rounded-xl transition-colors border-2 hover:border-blue-300", __source: { fileName: "", lineNumber: 274, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 282, columnNumber: 21 }, __self: this }, lang.flag), /*#__PURE__*/ React.createElement("span", { className: "font-medium text-lg", __source: { fileName: "", lineNumber: 283, columnNumber: 21 }, __self: this }, lang.name))))), currentPage === "userType" && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 291, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("welcome"), className: "text-blue-600 hover:text-blue-800 mb-4", __source: { fileName: "", lineNumber: 292, columnNumber: 15 }, __self: this }, "← Back"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-700 mb-6", __source: { fileName: "", lineNumber: 298, columnNumber: 15 }, __self: this }, t("selectUserType")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 301, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentUser({ type: "farmer", name: "Demo Farmer", phone: "+91-9999999999" }), className: "w-full p-6 bg-green-100 hover:bg-green-200 rounded-xl border-2 hover:border-green-400 transition-colors", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-2", __source: { fileName: "", lineNumber: 312, columnNumber: 19 }, __self: this }, "👨‍🌾"), /*#__PURE__*/ React.createElement("div", { className: "text-xl font-semibold text-green-800", __source: { fileName: "", lineNumber: 313, columnNumber: 19 }, __self: this }, t("farmer"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentUser({ type: "laborer", name: "Demo Laborer", phone: "+91-8888888888" }), className: "w-full p-6 bg-orange-100 hover:bg-orange-200 rounded-xl border-2 hover:border-orange-400 transition-colors", __source: { fileName: "", lineNumber: 317, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-2", __source: { fileName: "", lineNumber: 327, columnNumber: 19 }, __self: this }, "👷‍♂️"), /*#__PURE__*/ React.createElement("div", { className: "text-xl font-semibold text-orange-800", __source: { fileName: "", lineNumber: 328, columnNumber: 19 }, __self: this }, t("laborer"))))))); } // Main Dashboard return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 342, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-sm border-b", __source: { fileName: "", lineNumber: 344, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 py-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 345, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 346, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 347, columnNumber: 13 }, __self: this }, "🌾"), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 348, columnNumber: 13 }, __self: this }, "Phasal"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 349, columnNumber: 13 }, __self: this }, "(", languages[selectedLanguage].name, ")")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 353, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 354, columnNumber: 13 }, __self: this }, currentUser.type === "farmer" ? "👨‍🌾" : "👷‍♂️", " ", currentUser.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentUser(null), className: "text-sm text-red-600 hover:text-red-800 px-3 py-1 rounded", __source: { fileName: "", lineNumber: 358, columnNumber: 13 }, __self: this }, t("logout"))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto p-4 grid grid-cols-1 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 368, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 370, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 flex items-center gap-2", __source: { fileName: "", lineNumber: 371, columnNumber: 11 }, __self: this }, "🌤️ ", t("weather")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 374, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: location, onChange: (e)=>setLocation(e.target.value), placeholder: "Enter city name", className: "w-full p-2 border rounded-lg", onKeyPress: (e)=>e.key === "Enter" && fetchWeather(location), __source: { fileName: "", lineNumber: 375, columnNumber: 13 }, __self: this })), weatherData && /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 385, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 386, columnNumber: 15 }, __self: this }, weatherData.location?.name), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 389, columnNumber: 15 }, __self: this }, weatherData.current?.temp_c, "°C"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 392, columnNumber: 15 }, __self: this }, weatherData.current?.condition?.text), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 395, columnNumber: 15 }, __self: this }, "Humidity: ", weatherData.current?.humidity, "% | Wind:", " ", weatherData.current?.wind_kph, " km/h"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 404, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 flex items-center gap-2", __source: { fileName: "", lineNumber: 405, columnNumber: 11 }, __self: this }, "🤖 ", t("chatbot")), /*#__PURE__*/ React.createElement("div", { className: "h-64 border rounded-lg p-3 overflow-y-auto mb-4 bg-gray-50", __source: { fileName: "", lineNumber: 408, columnNumber: 11 }, __self: this }, chatMessages.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 text-center mt-8", __source: { fileName: "", lineNumber: 410, columnNumber: 15 }, __self: this }, "Ask me anything about farming!"), chatMessages.map((msg, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: `mb-3 ${msg.role === "user" ? "text-right" : "text-left"}`, __source: { fileName: "", lineNumber: 415, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `inline-block p-2 rounded-lg max-w-[80%] ${msg.role === "user" ? "bg-blue-500 text-white" : "bg-gray-200 text-gray-800"}`, __source: { fileName: "", lineNumber: 419, columnNumber: 17 }, __self: this }, msg.content))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "text-left mb-3", __source: { fileName: "", lineNumber: 431, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block p-2 rounded-lg max-w-[80%] bg-gray-200 text-gray-800", __source: { fileName: "", lineNumber: 432, columnNumber: 17 }, __self: this }, streamingMessage)), isLoading && !streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 438, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block p-2 text-gray-500", __source: { fileName: "", lineNumber: 439, columnNumber: 17 }, __self: this }, "Thinking..."))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 445, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: chatInput, onChange: (e)=>setChatInput(e.target.value), placeholder: "Ask about crops, weather, schemes...", className: "flex-1 p-2 border rounded-lg", onKeyPress: (e)=>e.key === "Enter" && sendChatMessage(), disabled: isLoading, __source: { fileName: "", lineNumber: 446, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: sendChatMessage, disabled: isLoading, className: "px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 disabled:opacity-50", __source: { fileName: "", lineNumber: 455, columnNumber: 13 }, __self: this }, "Send"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 466, columnNumber: 9 }, __self: this }, currentUser.type === "farmer" ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 flex items-center gap-2", __source: { fileName: "", lineNumber: 469, columnNumber: 15 }, __self: this }, "🌱 ", t("cropScan")), /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 border-2 border-dashed border-gray-300 rounded-lg hover:border-green-400 transition-colors", __source: { fileName: "", lineNumber: 473, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 474, columnNumber: 17 }, __self: this }, "📸"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 475, columnNumber: 17 }, __self: this }, "Upload crop image for AI analysis"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: handleFileSelect, className: "hidden", id: "crop-image-input", disabled: scanningCrop || uploadLoading, __source: { fileName: "", lineNumber: 479, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "crop-image-input", className: `inline-block px-6 py-3 rounded-lg cursor-pointer transition-colors ${scanningCrop || uploadLoading ? "bg-gray-300 text-gray-500 cursor-not-allowed" : "bg-green-500 hover:bg-green-600 text-white"}`, __source: { fileName: "", lineNumber: 488, columnNumber: 17 }, __self: this }, scanningCrop || uploadLoading ? "Analyzing..." : "Choose Image")), lastScanResult && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-green-50 border border-green-200 rounded-lg", __source: { fileName: "", lineNumber: 503, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-3", __source: { fileName: "", lineNumber: 504, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-green-800", __source: { fileName: "", lineNumber: 505, columnNumber: 21 }, __self: this }, "Latest Scan Results"), /*#__PURE__*/ React.createElement("div", { className: `px-2 py-1 rounded text-sm font-medium ${lastScanResult.healthScore >= 80 ? "bg-green-100 text-green-800" : lastScanResult.healthScore >= 60 ? "bg-yellow-100 text-yellow-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 508, columnNumber: 21 }, __self: this }, "Health: ", lastScanResult.healthScore, "/100")), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-700 mb-2", __source: { fileName: "", lineNumber: 520, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 521, columnNumber: 21 }, __self: this }, "Analysis:"), " ", lastScanResult.analysis.substring(0, 200), "..."), lastScanResult.recommendations && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-blue-700", __source: { fileName: "", lineNumber: 525, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 526, columnNumber: 23 }, __self: this }, "Recommendations:"), " ", lastScanResult.recommendations.substring(0, 150), "...")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-sm text-gray-500", __source: { fileName: "", lineNumber: 533, columnNumber: 15 }, __self: this }, "AI will analyze crop health, detect diseases, and provide recommendations")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 flex items-center gap-2", __source: { fileName: "", lineNumber: 540, columnNumber: 15 }, __self: this }, "💼 Available Jobs"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 543, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-3 border rounded-lg", __source: { fileName: "", lineNumber: 544, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium", __source: { fileName: "", lineNumber: 545, columnNumber: 19 }, __self: this }, "Wheat Harvesting"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 546, columnNumber: 19 }, __self: this }, "₹500/day • 5 days • Farmer: Ram Singh"), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 549, columnNumber: 19 }, __self: this }, "Distance: 2.5 km"), /*#__PURE__*/ React.createElement("button", { className: "mt-2 px-3 py-1 bg-orange-500 text-white text-sm rounded", __source: { fileName: "", lineNumber: 552, columnNumber: 19 }, __self: this }, "Apply")), /*#__PURE__*/ React.createElement("div", { className: "p-3 border rounded-lg", __source: { fileName: "", lineNumber: 556, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium", __source: { fileName: "", lineNumber: 557, columnNumber: 19 }, __self: this }, "Cotton Picking"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 558, columnNumber: 19 }, __self: this }, "₹400/day • 3 days • Farmer: Priya Devi"), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 561, columnNumber: 19 }, __self: this }, "Distance: 1.8 km"), /*#__PURE__*/ React.createElement("button", { className: "mt-2 px-3 py-1 bg-orange-500 text-white text-sm rounded", __source: { fileName: "", lineNumber: 564, columnNumber: 19 }, __self: this }, "Apply"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6 lg:col-span-2", __source: { fileName: "", lineNumber: 574, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 flex items-center gap-2", __source: { fileName: "", lineNumber: 575, columnNumber: 11 }, __self: this }, "🏛️ ", t("govSchemes")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 578, columnNumber: 11 }, __self: this }, govSchemes.slice(0, 4).map((scheme, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "p-4 border rounded-lg hover:shadow-md transition-shadow", __source: { fileName: "", lineNumber: 580, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-lg mb-2", __source: { fileName: "", lineNumber: 584, columnNumber: 17 }, __self: this }, scheme.scheme_name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-3", __source: { fileName: "", lineNumber: 587, columnNumber: 17 }, __self: this }, scheme.description), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-green-600 mb-2", __source: { fileName: "", lineNumber: 590, columnNumber: 17 }, __self: this }, "💰 ", scheme.benefits), /*#__PURE__*/ React.createElement("button", { className: "text-blue-600 hover:text-blue-800 text-sm font-medium", __source: { fileName: "", lineNumber: 593, columnNumber: 17 }, __self: this }, "Learn More →"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 602, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 flex items-center gap-2", __source: { fileName: "", lineNumber: 603, columnNumber: 11 }, __self: this }, "🏪 ", t("nearbyStores")), /*#__PURE__*/ React.createElement("div", { className: "space-y-3 max-h-64 overflow-y-auto", __source: { fileName: "", lineNumber: 606, columnNumber: 11 }, __self: this }, nearbyStores.slice(0, 5).map((store, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "p-3 border rounded-lg", __source: { fileName: "", lineNumber: 608, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium text-sm", __source: { fileName: "", lineNumber: 609, columnNumber: 17 }, __self: this }, store.name), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-600", __source: { fileName: "", lineNumber: 610, columnNumber: 17 }, __self: this }, store.full_address), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-green-600 mt-1", __source: { fileName: "", lineNumber: 613, columnNumber: 17 }, __self: this }, "⭐ ", store.rating, " (", store.review_count, " reviews)")))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto p-4 mt-8", __source: { fileName: "", lineNumber: 623, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", __source: { fileName: "", lineNumber: 624, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-blue-800 mb-2", __source: { fileName: "", lineNumber: 625, columnNumber: 11 }, __self: this }, "📱 Mobile App Features (Coming Soon)"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-blue-700", __source: { fileName: "", lineNumber: 628, columnNumber: 11 }, __self: this }, "This is a web prototype. The full mobile app will include: Voice navigation, Push notifications, Offline support, OTP authentication, Advanced crop scanning with camera, GPS location services, and more interactive features optimized for mobile devices.")))); }