function MainComponent() { const [currentOnsite, setCurrentOnsite] = React.useState([]); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(""); // Staff access state - no password protection const [showStaffMenu, setShowStaffMenu] = React.useState(false); // Close staff menu when clicking outside React.useEffect(()=>{ const handleClickOutside = ()=>{ setShowStaffMenu(false); }; if (showStaffMenu) { document.addEventListener("click", handleClickOutside); return ()=>document.removeEventListener("click", handleClickOutside); } }, [ showStaffMenu ]); // Load current onsite people const loadCurrentOnsite = React.useCallback(async ()=>{ setLoading(true); try { const response = await fetch("/api/current-onsite", { method: "POST" }); if (!response.ok) { throw new Error(`Failed to load current onsite: ${response.status}`); } const data = await response.json(); if (data.success) { setCurrentOnsite(data.records); } else { setError(data.error || "Failed to load current onsite"); } } catch (err) { console.error(err); setError("Could not load current onsite people"); } finally{ setLoading(false); } }, []); // Load current onsite on component mount React.useEffect(()=>{ loadCurrentOnsite(); }, [ loadCurrentOnsite ]); // Clear error messages after 5 seconds React.useEffect(()=>{ if (error) { const timer = setTimeout(()=>setError(""), 5000); return ()=>clearTimeout(timer); } }, [ error ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto p-6", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm mb-6", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8 flex items-center gap-6", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/a42a6436-10f9-4e1b-9526-98f54b880292/-/format/auto/", alt: "Sea Cadets Logo", className: "w-32 h-32 object-contain", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-center", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Welcome to Maryport Sea Cadets"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, "Please sign in or out")))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-700 px-6 py-4 rounded-lg mb-6 text-lg", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-3", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }), error), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-8", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center py-12 h-64", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-anchor text-6xl text-blue-400 mb-8", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-gray-900 mb-4 text-center", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, "Maryport Cadets & CFAV"), /*#__PURE__*/ React.createElement("a", { href: "/sign-in", className: "inline-flex items-center gap-3 bg-blue-600 text-white px-8 py-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 text-lg font-medium", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt text-xl", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }), "Sign In"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-8", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center py-12 h-64", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-6xl text-green-400 mb-8", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-gray-900 mb-4 text-center", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, "Other Visitors"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-4 text-center", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Visiting Cadets/CFAV, Contractors, Other Visitors"), /*#__PURE__*/ React.createElement("a", { href: "/new-visitor", className: "inline-flex items-center gap-3 bg-green-600 text-white px-8 py-4 rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 text-lg font-medium", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus text-xl", __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this }), "Sign In"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-8", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center py-12 h-64", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt text-6xl text-red-400 mb-8", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-gray-900 mb-4 text-center", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, "Sign Out"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-4 text-center", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }, "All visitors"), /*#__PURE__*/ React.createElement("a", { href: "/sign-out", className: "inline-flex items-center gap-3 bg-red-600 text-white px-8 py-4 rounded-md hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 text-lg font-medium", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt text-xl", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }), "Sign Out"))))), /*#__PURE__*/ React.createElement("div", { className: "fixed left-6 bottom-6 z-50", __source: { fileName: "", lineNumber: 146, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 147, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); setShowStaffMenu(!showStaffMenu); }, className: "bg-gray-600 text-white px-4 py-3 rounded-md shadow-lg hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500 text-sm font-medium flex items-center gap-2", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users", __source: { fileName: "", lineNumber: 155, columnNumber: 13 }, __self: this }), "Staff"), showStaffMenu && /*#__PURE__*/ React.createElement("div", { className: "absolute left-0 bottom-full mb-2 bg-white border border-gray-300 rounded-md shadow-lg z-60 min-w-48", onClick: (e)=>e.stopPropagation(), __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/onsite", className: "block px-4 py-3 text-gray-700 hover:bg-gray-50 border-b border-gray-100 text-sm flex items-center gap-3", __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-blue-600", __source: { fileName: "", lineNumber: 169, columnNumber: 17 }, __self: this }), "Onsite (", currentOnsite.length, ")"), /*#__PURE__*/ React.createElement("a", { href: "/register", className: "block px-4 py-3 text-gray-700 hover:bg-gray-50 border-b border-gray-100 text-sm flex items-center gap-3", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clipboard-list text-purple-600", __source: { fileName: "", lineNumber: 176, columnNumber: 17 }, __self: this }), "Register"), /*#__PURE__*/ React.createElement("a", { href: "/training", className: "block px-4 py-3 text-gray-700 hover:bg-gray-50 border-b border-gray-100 text-sm flex items-center gap-3", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-blue-600", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }), "Training Records"), /*#__PURE__*/ React.createElement("a", { href: "/training-log", className: "block px-4 py-3 text-gray-700 hover:bg-gray-50 border-b border-gray-100 text-sm flex items-center gap-3", __source: { fileName: "", lineNumber: 186, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clipboard-list text-green-600", __source: { fileName: "", lineNumber: 190, columnNumber: 17 }, __self: this }), "Log Training Session"), /*#__PURE__*/ React.createElement("a", { href: "/reports", className: "block px-4 py-3 text-gray-700 hover:bg-gray-50 border-b border-gray-100 text-sm flex items-center gap-3", __source: { fileName: "", lineNumber: 193, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-green-600", __source: { fileName: "", lineNumber: 197, columnNumber: 17 }, __self: this }), "Reports"), /*#__PURE__*/ React.createElement("a", { href: "/extra-days", className: "block px-4 py-3 text-gray-700 hover:bg-gray-50 border-b border-gray-100 text-sm flex items-center gap-3", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt text-orange-600", __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }), "Extra Days Report"), /*#__PURE__*/ React.createElement("a", { href: "/settings", className: "block px-4 py-3 text-gray-700 hover:bg-gray-50 text-sm flex items-center gap-3", __source: { fileName: "", lineNumber: 207, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-gray-600", __source: { fileName: "", lineNumber: 211, columnNumber: 17 }, __self: this }), "Settings")))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-6 right-6 z-50", __source: { fileName: "", lineNumber: 220, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/emergency", className: "bg-red-600 text-white px-6 py-4 rounded-full shadow-lg hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 text-lg font-medium flex items-center gap-3", __source: { fileName: "", lineNumber: 221, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle", __source: { fileName: "", lineNumber: 225, columnNumber: 11 }, __self: this }), "Emergency Roll Call"))); }