function Navigation1({ currentPage = "/" }) { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const [isProfileMenuOpen, setIsProfileMenuOpen] = useState(false); return /*#__PURE__*/ React.createElement("nav", { className: "bg-white border-b border-gray-200 fixed w-full top-0 z-50", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-gas-pump text-[#2563eb] text-2xl mr-2", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-poppins font-bold text-xl text-[#0f172a]", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "CNG System"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex space-x-8", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/monitoring", className: `font-roboto ${currentPage === "/monitoring" ? "text-[#2563eb] border-b-2 border-[#2563eb]" : "text-[#64748b] hover:text-[#2563eb]"} px-1 py-2`, __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-desktop mr-2", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }), "Monitoring"), /*#__PURE__*/ React.createElement("a", { href: "/maintenance", className: `font-roboto ${currentPage === "/maintenance" ? "text-[#2563eb] border-b-2 border-[#2563eb]" : "text-[#64748b] hover:text-[#2563eb]"} px-1 py-2`, __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wrench mr-2", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }), "Maintenance"), /*#__PURE__*/ React.createElement("a", { href: "/analytics", className: `font-roboto ${currentPage === "/analytics" ? "text-[#2563eb] border-b-2 border-[#2563eb]" : "text-[#64748b] hover:text-[#2563eb]"} px-1 py-2`, __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line mr-2", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }), "Analytics"), /*#__PURE__*/ React.createElement("a", { href: "/settings", className: `font-roboto ${currentPage === "/settings" ? "text-[#2563eb] border-b-2 border-[#2563eb]" : "text-[#64748b] hover:text-[#2563eb]"} px-1 py-2`, __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-2", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }), "Settings")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center ml-6", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsProfileMenuOpen(!isProfileMenuOpen), className: "flex items-center", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/profile-placeholder.jpg", alt: "User profile", className: "h-8 w-8 rounded-full", __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:block ml-2 font-roboto text-[#64748b]", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }, "John Doe"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down ml-2 text-[#64748b]", __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this })), isProfileMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "block px-4 py-2 text-sm text-[#64748b] hover:bg-gray-100", __source: { fileName: "", lineNumber: 85, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 89, columnNumber: 23 }, __self: this }), "Profile"), /*#__PURE__*/ React.createElement("a", { href: "/logout", className: "block px-4 py-2 text-sm text-[#64748b] hover:bg-gray-100", __source: { fileName: "", lineNumber: 92, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 96, columnNumber: 23 }, __self: this }), "Sign out"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMobileMenuOpen(!isMobileMenuOpen), className: "ml-4 md:hidden", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isMobileMenuOpen ? "times" : "bars"} text-xl text-[#64748b]`, __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this })))))), isMobileMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 117, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-2 pt-2 pb-3 space-y-1 border-t border-gray-200", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/monitoring", className: `block px-3 py-2 rounded-md font-roboto ${currentPage === "/monitoring" ? "bg-[#2563eb] text-white" : "text-[#64748b] hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-desktop mr-2", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }), "Monitoring"), /*#__PURE__*/ React.createElement("a", { href: "/maintenance", className: `block px-3 py-2 rounded-md font-roboto ${currentPage === "/maintenance" ? "bg-[#2563eb] text-white" : "text-[#64748b] hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wrench mr-2", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }), "Maintenance"), /*#__PURE__*/ React.createElement("a", { href: "/analytics", className: `block px-3 py-2 rounded-md font-roboto ${currentPage === "/analytics" ? "bg-[#2563eb] text-white" : "text-[#64748b] hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line mr-2", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }), "Analytics"), /*#__PURE__*/ React.createElement("a", { href: "/settings", className: `block px-3 py-2 rounded-md font-roboto ${currentPage === "/settings" ? "bg-[#2563eb] text-white" : "text-[#64748b] hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-2", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }), "Settings")))); } function Navigation1Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 172, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 173, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 174, columnNumber: 9 }, __self: this }, "Default Navigation"), /*#__PURE__*/ React.createElement(Navigation1, { currentPage: "/", __source: { fileName: "", lineNumber: 175, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 178, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 179, columnNumber: 9 }, __self: this }, "Monitoring Page Navigation"), /*#__PURE__*/ React.createElement(Navigation1, { currentPage: "/monitoring", __source: { fileName: "", lineNumber: 180, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 183, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }, "Maintenance Page Navigation"), /*#__PURE__*/ React.createElement(Navigation1, { currentPage: "/maintenance", __source: { fileName: "", lineNumber: 185, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 188, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 189, columnNumber: 9 }, __self: this }, "Analytics Page Navigation"), /*#__PURE__*/ React.createElement(Navigation1, { currentPage: "/analytics", __source: { fileName: "", lineNumber: 190, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 193, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 194, columnNumber: 9 }, __self: this }, "Settings Page Navigation"), /*#__PURE__*/ React.createElement(Navigation1, { currentPage: "/settings", __source: { fileName: "", lineNumber: 195, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [analyticsData, setAnalyticsData] = useState(null); const [timeRange, setTimeRange] = useState("week"); const [downloading, setDownloading] = useState(false); const [reportType, setReportType] = useState("standard"); const [exportFormat, setExportFormat] = useState("pdf"); const [selectedMetric, setSelectedMetric] = useState("efficiency"); useEffect(()=>{ const interval = setInterval(()=>{ fetch("/api/get-analytics-data", { method: "POST", body: JSON.stringify({ timeRange }) }).then((res)=>res.json()).then((data)=>setAnalyticsData(data)).catch((err)=>console.error(err)); }, 5000); return ()=>clearInterval(interval); }, [ timeRange ]); const handleDownload = async ()=>{ setDownloading(true); try { const response = await fetch("/api/download-report", { method: "POST", body: JSON.stringify({ timeRange, reportType, exportFormat }) }); const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = `cng-report-${timeRange}-${reportType}.${exportFormat}`; a.click(); } catch (error) { console.error(error); } setDownloading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white pt-16", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation1, { currentPage: "/analytics", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("header", { className: "bg-[#f8fafc] py-12 px-4", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-poppins font-bold text-[#0f172a] mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "System Analytics"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto text-[#334155]", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Track performance metrics and system efficiency"))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center mb-8", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: timeRange, onChange: (e)=>setTimeRange(e.target.value), className: "mb-4 md:mb-0 p-2 border rounded-md font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "day", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Last 24 Hours"), /*#__PURE__*/ React.createElement("option", { value: "week", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Last Week"), /*#__PURE__*/ React.createElement("option", { value: "month", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Last Month")), /*#__PURE__*/ React.createElement("button", { onClick: handleDownload, disabled: downloading, className: "bg-[#2563eb] text-white px-6 py-2 rounded-md font-roboto hover:bg-[#1d4ed8] transition-colors flex items-center", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }), downloading ? "Downloading..." : "Download Report")), analyticsData && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-6 rounded-lg", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-poppins text-lg font-bold", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }, "Efficiency Rate"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-[#2563eb] text-xl", __source: { fileName: "", lineNumber: 87, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#0f172a]", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, analyticsData.efficiency, "%"), /*#__PURE__*/ React.createElement("p", { className: "text-[#64748b] mt-2", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, analyticsData.efficiencyTrend > 0 ? "+" : "", analyticsData.efficiencyTrend, "% vs previous")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-6 rounded-lg", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-poppins text-lg font-bold", __source: { fileName: "", lineNumber: 99, columnNumber: 19 }, __self: this }, "System Uptime"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#2563eb] text-xl", __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#0f172a]", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, analyticsData.uptime, "%"), /*#__PURE__*/ React.createElement("p", { className: "text-[#64748b] mt-2", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, "Last ", analyticsData.uptimeHours, " hours")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-6 rounded-lg", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-poppins text-lg font-bold", __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }, "Energy Usage"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-bolt text-[#2563eb] text-xl", __source: { fileName: "", lineNumber: 116, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#0f172a]", __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this }, analyticsData.energyUsage, " kWh"), /*#__PURE__*/ React.createElement("p", { className: "text-[#64748b] mt-2", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }, analyticsData.energyTrend > 0 ? "+" : "", analyticsData.energyTrend, "% vs previous")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-6 rounded-lg", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-poppins text-lg font-bold", __source: { fileName: "", lineNumber: 128, columnNumber: 19 }, __self: this }, "Maintenance Score"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-wrench text-[#2563eb] text-xl", __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#0f172a]", __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this }, analyticsData.maintenanceScore, "/100"), /*#__PURE__*/ React.createElement("p", { className: "text-[#64748b] mt-2", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, "Based on ", analyticsData.maintenanceFactors, " factors")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-6 rounded-lg", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-poppins text-lg font-bold", __source: { fileName: "", lineNumber: 142, columnNumber: 19 }, __self: this }, "Safety Rating"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-[#2563eb] text-xl", __source: { fileName: "", lineNumber: 145, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#0f172a]", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, analyticsData.safetyRating, "/10"), /*#__PURE__*/ React.createElement("p", { className: "text-[#64748b] mt-2", __source: { fileName: "", lineNumber: 150, columnNumber: 17 }, __self: this }, analyticsData.safetyIncidents, " incidents reported")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-6 rounded-lg", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 155, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-poppins text-lg font-bold", __source: { fileName: "", lineNumber: 156, columnNumber: 19 }, __self: this }, "Cost Savings"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-dollar-sign text-[#2563eb] text-xl", __source: { fileName: "", lineNumber: 159, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#0f172a]", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, "$", analyticsData.costSavings), /*#__PURE__*/ React.createElement("p", { className: "text-[#64748b] mt-2", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, analyticsData.savingsTrend, "% improvement"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-6 rounded-lg mb-8", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-poppins text-xl font-bold", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, "Trend Analysis"), /*#__PURE__*/ React.createElement("select", { value: selectedMetric, onChange: (e)=>setSelectedMetric(e.target.value), className: "p-2 border rounded-md font-roboto", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "efficiency", __source: { fileName: "", lineNumber: 180, columnNumber: 19 }, __self: this }, "Efficiency Rate"), /*#__PURE__*/ React.createElement("option", { value: "energy", __source: { fileName: "", lineNumber: 181, columnNumber: 19 }, __self: this }, "Energy Usage"), /*#__PURE__*/ React.createElement("option", { value: "cost", __source: { fileName: "", lineNumber: 182, columnNumber: 19 }, __self: this }, "Cost Savings"))), /*#__PURE__*/ React.createElement("div", { className: "h-[400px] bg-white rounded-lg p-4", __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, analyticsData.trends && analyticsData.trends[selectedMetric] && /*#__PURE__*/ React.createElement("svg", { className: "w-full h-full", __source: { fileName: "", lineNumber: 188, columnNumber: 21 }, __self: this }, analyticsData.trends[selectedMetric].map((point, i)=>{ const x = i / (analyticsData.trends[selectedMetric].length - 1) * 100; const y = 100 - point.value / point.maxValue * 100; return /*#__PURE__*/ React.createElement("g", { key: i, __source: { fileName: "", lineNumber: 196, columnNumber: 27 }, __self: this }, i > 0 && /*#__PURE__*/ React.createElement("line", { x1: `${(i - 1) / (analyticsData.trends[selectedMetric].length - 1) * 100}%`, y1: `${100 - analyticsData.trends[selectedMetric][i - 1].value / analyticsData.trends[selectedMetric][i - 1].maxValue * 100}%`, x2: `${x}%`, y2: `${y}%`, stroke: "#2563eb", strokeWidth: "2", __source: { fileName: "", lineNumber: 198, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: `${x}%`, cy: `${y}%`, r: "4", fill: "#2563eb", __source: { fileName: "", lineNumber: 207, columnNumber: 29 }, __self: this })); })))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-6 rounded-lg", __source: { fileName: "", lineNumber: 221, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-poppins text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 222, columnNumber: 15 }, __self: this }, "Export Options"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-4", __source: { fileName: "", lineNumber: 225, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: reportType, onChange: (e)=>setReportType(e.target.value), className: "p-2 border rounded-md font-roboto", __source: { fileName: "", lineNumber: 226, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "standard", __source: { fileName: "", lineNumber: 231, columnNumber: 19 }, __self: this }, "Standard Report"), /*#__PURE__*/ React.createElement("option", { value: "detailed", __source: { fileName: "", lineNumber: 232, columnNumber: 19 }, __self: this }, "Detailed Analysis"), /*#__PURE__*/ React.createElement("option", { value: "executive", __source: { fileName: "", lineNumber: 233, columnNumber: 19 }, __self: this }, "Executive Summary"), /*#__PURE__*/ React.createElement("option", { value: "compliance", __source: { fileName: "", lineNumber: 234, columnNumber: 19 }, __self: this }, "Compliance Report")), /*#__PURE__*/ React.createElement("select", { value: exportFormat, onChange: (e)=>setExportFormat(e.target.value), className: "p-2 border rounded-md font-roboto", __source: { fileName: "", lineNumber: 236, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "pdf", __source: { fileName: "", lineNumber: 241, columnNumber: 19 }, __self: this }, "PDF Document"), /*#__PURE__*/ React.createElement("option", { value: "xlsx", __source: { fileName: "", lineNumber: 242, columnNumber: 19 }, __self: this }, "Excel Spreadsheet"), /*#__PURE__*/ React.createElement("option", { value: "csv", __source: { fileName: "", lineNumber: 243, columnNumber: 19 }, __self: this }, "CSV File"), /*#__PURE__*/ React.createElement("option", { value: "json", __source: { fileName: "", lineNumber: 244, columnNumber: 19 }, __self: this }, "JSON Data")), /*#__PURE__*/ React.createElement("button", { onClick: handleDownload, disabled: downloading, className: "bg-[#2563eb] text-white px-6 py-2 rounded-md font-roboto hover:bg-[#1d4ed8] transition-colors flex items-center justify-center", __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-export mr-2", __source: { fileName: "", lineNumber: 251, columnNumber: 19 }, __self: this }), downloading ? "Generating..." : "Export Report")))))); }