function Navigation1({ isAdmin = false, onLogout }) { const handleLogout = ()=>{ localStorage.clear(); window.location.href = "/login"; }; return /*#__PURE__*/ React.createElement("nav", { className: "bg-white dark:bg-gray-800 shadow-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold text-gray-900 dark:text-white font-inter", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "NFL Survivor")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, isAdmin ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/admin", className: "text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-inter", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, "Admin Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/admin/manage-contestants", className: "text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-inter", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, "Manage Contestants")) : /*#__PURE__*/ React.createElement("a", { href: "/team-picker-simple", className: "text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-inter", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Team Selection"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: "text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-inter", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-inter", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Logout")), /*#__PURE__*/ React.createElement("div", { className: "md:hidden flex items-center", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const menu = document.getElementById("mobile-menu"); menu.classList.toggle("hidden"); }, className: "text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white p-2", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-xl", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { id: "mobile-menu", className: "hidden md:hidden", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-2 pt-2 pb-3 space-y-1", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, isAdmin ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/admin", className: "block text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-base font-inter", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Admin Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/admin/manage-contestants", className: "block text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-base font-inter", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, "Manage Contestants")) : /*#__PURE__*/ React.createElement("a", { href: "/team-picker-simple", className: "block text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-base font-inter", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Team Selection"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: "block text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-base font-inter", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "block w-full text-left text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-base font-inter", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, "Logout")))); } function Navigation1Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 116, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4 font-inter", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, "Admin Navigation"), /*#__PURE__*/ React.createElement(Navigation1, { isAdmin: true, __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4 font-inter", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, "User Navigation"), /*#__PURE__*/ React.createElement(Navigation1, { isAdmin: false, __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }))); } function UniversalNavigation({ userName, isAdmin }) { const [isMenuOpen, setIsMenuOpen] = useState(false); const handleLogout = ()=>{ localStorage.removeItem("userName"); localStorage.removeItem("userPasscode"); localStorage.removeItem("isAdmin"); window.location.href = "/"; }; return /*#__PURE__*/ React.createElement("nav", { className: "bg-white dark:bg-gray-800 shadow-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold text-gray-900 dark:text-white font-inter", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Last Man Standing"))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, userName && !isAdmin && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/team-picker-simple", className: "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, "Pick Team"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "Leaderboard")), isAdmin && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/admin", className: "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/admin/manage-contestants", className: "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "Manage Contestants"), /*#__PURE__*/ React.createElement("a", { href: "/admin/cleanup", className: "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, "Cleanup"))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, userName ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 dark:text-gray-300 font-inter", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, userName), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, "Logout")) : /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "Login")), /*#__PURE__*/ React.createElement("div", { className: "md:hidden flex items-center", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"}`, __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this })))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-2 pt-2 pb-3 space-y-1", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, userName && !isAdmin && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/team-picker-simple", className: "block px-3 py-2 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this }, "Pick Team"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: "block px-3 py-2 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, "Leaderboard")), isAdmin && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/admin", className: "block px-3 py-2 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/admin/manage-contestants", className: "block px-3 py-2 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 124, columnNumber: 19 }, __self: this }, "Manage Contestants"), /*#__PURE__*/ React.createElement("a", { href: "/admin/cleanup", className: "block px-3 py-2 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 130, columnNumber: 19 }, __self: this }, "Cleanup")), userName ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", { className: "block px-3 py-2 text-gray-600 dark:text-gray-300 font-inter", __source: { fileName: "", lineNumber: 140, columnNumber: 19 }, __self: this }, userName), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "block w-full text-left px-3 py-2 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 143, columnNumber: 19 }, __self: this }, "Logout")) : /*#__PURE__*/ React.createElement("a", { href: "/", className: "block px-3 py-2 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white font-inter", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, "Login"))))); } function UniversalNavigationStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 168, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 169, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this }, "Not Logged In"), /*#__PURE__*/ React.createElement(UniversalNavigation, { __source: { fileName: "", lineNumber: 171, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 174, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 175, columnNumber: 9 }, __self: this }, "Regular User"), /*#__PURE__*/ React.createElement(UniversalNavigation, { userName: "John Doe", isAdmin: false, __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 179, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 180, columnNumber: 9 }, __self: this }, "Admin User"), /*#__PURE__*/ React.createElement(UniversalNavigation, { userName: "Admin User", isAdmin: true, __source: { fileName: "", lineNumber: 181, columnNumber: 9 }, __self: this }))); } function Layout1({ children, isAdmin = false, title = "" }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 dark:bg-gray-900", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation1, { isAdmin: isAdmin, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, title && /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, title)), children)); } function Layout1Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Admin Layout"), /*#__PURE__*/ React.createElement(Layout1, { isAdmin: true, title: "Admin Dashboard", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Admin dashboard content goes here")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "User Layout"), /*#__PURE__*/ React.createElement(Layout1, { isAdmin: false, title: "Team Selection", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "User content goes here"))))); } function UserLayout({ title, children, error, loading, userName, isAdmin }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 dark:bg-gray-900", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(UniversalNavigation, { userName: userName, isAdmin: isAdmin, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-8 max-w-7xl", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, title && /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 dark:text-white mb-8 font-inter", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, title), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, error), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-[400px]", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this })) : children)); } function UserLayoutStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "Default Layout"), /*#__PURE__*/ React.createElement(UserLayout, { title: "Welcome", userName: "John Doe", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Content goes here")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Loading State"), /*#__PURE__*/ React.createElement(UserLayout, { title: "Loading Example", loading: true, userName: "John Doe", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "This won't be visible while loading")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Error State"), /*#__PURE__*/ React.createElement(UserLayout, { title: "Error Example", error: "Something went wrong. Please try again.", userName: "John Doe", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Content with error message above")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, "Admin View"), /*#__PURE__*/ React.createElement(UserLayout, { title: "Admin Dashboard", userName: "Admin User", isAdmin: true, __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Admin content goes here"))))); } function MainComponent() { const [selectedName, setSelectedName] = useState(""); const [passcode, setPasscode] = useState(""); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); const [contestants, setContestants] = useState([]); const [pageLoading, setPageLoading] = useState(true); useEffect(()=>{ const fetchContestants = async ()=>{ try { const response = await fetch("/api/contestants", { method: "POST" }); if (!response.ok) throw new Error("Failed to fetch contestants"); const data = await response.json(); setContestants(data); } catch (err) { console.error("Error fetching contestants:", err); setError("Failed to load contestants"); } finally{ setPageLoading(false); } }; fetchContestants(); }, []); const handleSubmit = async (e)=>{ e.preventDefault(); setError(""); setLoading(true); if (!selectedName || !passcode) { setError("Please select your name and enter your passcode"); setLoading(false); return; } try { const loginResponse = await fetch("/api/contestant-login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ name: selectedName, passcode: passcode }) }); if (!loginResponse.ok) { const errorData = await loginResponse.json(); throw new Error(errorData.message || "Login failed. Please try again."); } const loginData = await loginResponse.json(); if (!loginData.ok) { throw new Error(loginData.message || "Login failed. Please try again."); } localStorage.setItem("userName", selectedName); localStorage.setItem("userPasscode", passcode); localStorage.setItem("isAdmin", loginData.contestant.isAdmin); setTimeout(()=>{ if (loginData.contestant.isAdmin) { window.location.href = "/admin/manage-contestants"; } else { window.location.href = "/team-picker-simple"; } }, 100); } catch (err) { console.error("Login error:", err); setError(err.message || "Login failed. Please try again."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement(UserLayout, { loading: pageLoading, error: error, title: "Last Man Standing", __source: { fileName: "", lineNumber: 80, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "mt-8 space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-md shadow-sm -space-y-px", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "sr-only", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("select", { id: "name", value: selectedName, onChange: (e)=>setSelectedName(e.target.value), className: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 dark:border-gray-700 placeholder-gray-500 text-gray-900 dark:text-white rounded-t-md focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm bg-white dark:bg-gray-800", required: true, __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, "Select your name"), contestants.map((contestant)=>/*#__PURE__*/ React.createElement("option", { key: contestant.id, value: contestant.name, __source: { fileName: "", lineNumber: 97, columnNumber: 19 }, __self: this }, contestant.name)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "passcode", className: "sr-only", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, "Passcode"), /*#__PURE__*/ React.createElement("input", { id: "passcode", type: "password", value: passcode, onChange: (e)=>setPasscode(e.target.value), className: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 dark:border-gray-700 placeholder-gray-500 text-gray-900 dark:text-white rounded-b-md focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm bg-white dark:bg-gray-800", placeholder: "Passcode", required: true, __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: `group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white ${loading ? "bg-blue-400 cursor-not-allowed" : "bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"}`, __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }) : "Sign in"))))); }