function OutlinedButtonDesign({ text, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "font-open-sans uppercase tracking-widest border border-black bg-transparent text-black py-2 px-4 rounded-[4px] transition-colors hover:bg-white hover:text-black hover:border-black focus:outline-none focus:ring-2 focus:ring-black focus:ring-opacity-50", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, text); } function OutlinedButtonDesignStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(OutlinedButtonDesign, { text: "Click Me", onClick: ()=>alert('Button clicked!'), __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(OutlinedButtonDesign, { text: "Submit", onClick: ()=>alert('Submitted!'), __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(OutlinedButtonDesign, { text: "Cancel", onClick: ()=>alert('Cancelled!'), __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function GradientCirclesBackground() { return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-screen overflow-hidden bg-[#F8F6F0]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute w-[150vw] h-[150vw] md:w-[1369px] md:h-[846px] left-[-50vw] md:left-[-339px] bottom-[-50vw] md:top-[497px] bg-[#FF514E] rounded-full filter blur-[100px] md:blur-[150px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute w-[150vw] h-[150vw] md:w-[1081px] md:h-[846px] right-[-50vw] md:left-[778px] bottom-[-50vw] md:top-[457px] bg-[#FEA452] rounded-full filter blur-[100px] md:blur-[150px]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this })); } function GradientCirclesBackgroundStory() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen md:w-[1440px] md:h-[1024px]", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GradientCirclesBackground, { __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function MainComponent() { const [searchTerm, setSearchTerm] = useState(""); const [filteredResources, setFilteredResources] = useState([]); const [isLoggedIn, setIsLoggedIn] = useState(false); const [isAdmin, setIsAdmin] = useState(false); const [currentLanguage, setCurrentLanguage] = useState("en"); const [loginModal, setLoginModal] = useState(false); const [showSignupModal, setShowSignupModal] = useState(false); const [showAdminPanel, setShowAdminPanel] = useState(false); const [resources, setResources] = useState([]); const [user, setUser] = useState(null); const [loginError, setLoginError] = useState(""); const [signupError, setSignupError] = useState(""); const [downloading, setDownloading] = useState(false); const [darkMode, setDarkMode] = useState(true); const [currentFolder, setCurrentFolder] = useState(null); const [showMoveModal, setShowMoveModal] = useState(false); const [selectedResource, setSelectedResource] = useState(null); const [folders, setFolders] = useState([]); const [showComments, setShowComments] = useState(false); const [comments, setComments] = useState([]); const [newComment, setNewComment] = useState(""); const [adminStats, setAdminStats] = useState({ totalDownloads: 0, totalResources: 0 }); const [tasks, setTasks] = useState({ todo: [], inProgress: [], completed: [] }); const [newTaskTitle, setNewTaskTitle] = useState(""); const [newTaskDescription, setNewTaskDescription] = useState(""); const [showCalculator, setShowCalculator] = useState(false); const [calculatorInput, setCalculatorInput] = useState(""); const [calculatorResult, setCalculatorResult] = useState(""); const [calculatorMemory, setCalculatorMemory] = useState(0); const [calculatorHistory, setCalculatorHistory] = useState([]); const [calculatorDeg, setCalculatorDeg] = useState(true); const [showKanban, setShowKanban] = useState(false); const [showYoutubeLessons, setShowYoutubeLessons] = useState(false); const [youtubeLessons, setYoutubeLessons] = useState([]); const [newYoutubeLesson, setNewYoutubeLesson] = useState({ title: "", url: "", subject: "" }); useEffect(()=>{ const link = document.createElement("link"); link.rel = "icon"; link.href = "https://ucarecdn.com/77384c22-233b-4171-996d-6c49b97f457b/-/format/auto/"; link.type = "image/png"; document.head.appendChild(link); return ()=>{ document.head.removeChild(link); }; }, []); useEffect(()=>{ const loadInitialData = async ()=>{ try { await Promise.all([ fetchResources(), fetchFolders(), isAdmin && updateAdminStats(), isLoggedIn && fetchComments(), fetchYoutubeLessons() ]); } catch (error) { console.error("Error loading initial data:", error); } }; loadInitialData(); }, [ isLoggedIn, isAdmin ]); useEffect(()=>{ const handleBeforeUnload = (e)=>{ if (!isLoggedIn) { e.preventDefault(); e.returnValue = ""; } }; window.addEventListener("beforeunload", handleBeforeUnload); return ()=>window.removeEventListener("beforeunload", handleBeforeUnload); }, [ isLoggedIn ]); const fetchResources = async ()=>{ try { let query; let values = []; if (currentFolder) { query = ` SELECT * FROM resources WHERE subject = ? AND type = 'pdf' ORDER BY title ASC, created_at DESC `; values = [ currentFolder ]; } else { query = ` SELECT * FROM resources WHERE is_folder = 1 OR type = 'pdf' ORDER BY is_folder DESC, title ASC, created_at DESC `; } const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query, values }) }); if (!response.ok) { throw new Error(`Failed to fetch resources: ${response.status}`); } const data = await response.json(); console.log("Fetched resources:", data); setResources(data); setFilteredResources(data); fetchFolders(); } catch (error) { console.error("Error fetching resources:", error); alert("Failed to load resources. Please try again."); } }; const handleMoveResource = async (folderId)=>{ try { if (!selectedResource || selectedResource.type !== "pdf") { throw new Error("Can only move PDF resources"); } const folderResponse = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `resources` WHERE `id` = ? AND `is_folder` = 1", values: [ folderId ] }) }); const [folder] = await folderResponse.json(); if (!folder) { throw new Error("Folder not found"); } const duplicateCheck = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `resources` WHERE `subject` = ? AND `title` = ? AND `id` != ? AND `type` = 'pdf'", values: [ folder.title, selectedResource.title, selectedResource.id ] }) }); const duplicates = await duplicateCheck.json(); if (duplicates && duplicates.length > 0) { throw new Error("A PDF with this name already exists in the target folder"); } const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "UPDATE `resources` SET `subject` = ? WHERE `id` = ? AND `type` = 'pdf'", values: [ folder.title, selectedResource.id ] }) }); if (!response.ok) { throw new Error(`Failed to move resource: ${response.status}`); } setShowMoveModal(false); setSelectedResource(null); await fetchResources(); await fetchFolders(); alert("Resource moved successfully!"); } catch (error) { console.error("Failed to move resource:", error); alert(error.message || "Failed to move resource. Please try again."); } }; const handleRemoveFromFolder = async (resourceId)=>{ try { const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "UPDATE `resources` SET `subject` = NULL WHERE `id` = ? AND `type` = 'pdf'", values: [ resourceId ] }) }); if (!response.ok) { throw new Error(`Failed to remove from folder: ${response.status}`); } await fetchResources(); await fetchFolders(); alert("PDF removed from folder successfully!"); } catch (error) { console.error("Failed to remove resource from folder:", error); alert(error.message || "Failed to remove PDF from folder. Please try again."); } }; useEffect(()=>{ const autoLogin = async ()=>{ const storedUser = localStorage.getItem("user"); if (storedUser) { const userData = JSON.parse(storedUser); setUser(userData); setIsLoggedIn(true); setIsAdmin(userData.role === "admin"); } }; autoLogin(); }, []); useEffect(()=>{ if (user) { localStorage.setItem("user", JSON.stringify(user)); } else { localStorage.removeItem("user"); } }, [ user ]); const handleLogin = async (e)=>{ e.preventDefault(); try { const formData = new FormData(e.target); const roll_number = formData.get("roll_number"); const password = formData.get("password"); const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `users` WHERE `roll_number` = ? AND `password` = ?", values: [ roll_number, password ] }) }); const [user] = await response.json(); if (user) { setUser(user); setIsLoggedIn(true); setIsAdmin(user.role === "admin"); setLoginModal(false); setLoginError(""); } else { setLoginError("Invalid credentials"); } } catch (error) { console.error("Login error:", error); setLoginError("Login failed. Please try again."); } }; const handleSignup = async (e)=>{ e.preventDefault(); try { const formData = new FormData(e.target); const roll_number = formData.get("roll_number"); const password = formData.get("password"); const checkResponse = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `users` WHERE `roll_number` = ?", values: [ roll_number ] }) }); const existingUser = await checkResponse.json(); if (existingUser.length > 0) { setSignupError("User already exists"); return; } const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `users` (`id`, `roll_number`, `password`, `role`) VALUES (?, ?, ?, 'user')", values: [ crypto.randomUUID(), roll_number, password ] }) }); if (response.ok) { setShowSignupModal(false); setLoginModal(true); setSignupError(""); } else { throw new Error("Failed to create user"); } } catch (error) { console.error("Signup error:", error); setSignupError("Signup failed. Please try again."); } }; const handleSearch = (term)=>{ setSearchTerm(term); if (!term.trim()) { setFilteredResources(resources); return; } const filtered = resources.filter((resource)=>resource.title.toLowerCase().includes(term.toLowerCase()) || resource.subject?.toLowerCase().includes(term.toLowerCase())); setFilteredResources(filtered); }; const handleAddResource = async (e)=>{ e.preventDefault(); if (!isAdmin) return; try { const formData = new FormData(e.target); const title = formData.get("title"); const subject = formData.get("subject"); const description = formData.get("description"); const gdrive_link = formData.get("gdrive_link"); const resource_type = formData.get("resource_type"); const is_folder = resource_type === "folder"; if (!title.trim()) { throw new Error("Title is required"); } if (resource_type === "folder" && !subject.trim()) { throw new Error("Subject is required for folders"); } if (resource_type === "pdf" && !gdrive_link.trim()) { throw new Error("Google Drive link is required for PDFs"); } const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: ` INSERT INTO resources (id, title, subject, description, gdrive_link, is_folder, type, downloads, added_by, created_at) VALUES (?, ?, ?, ?, ?, ?, ?, 0, ?, CURRENT_TIMESTAMP) `, values: [ crypto.randomUUID(), title.trim(), subject.trim() || null, description.trim(), gdrive_link.trim(), is_folder ? 1 : 0, resource_type, user?.id ] }) }); if (response.ok) { e.target.reset(); await fetchResources(); await fetchFolders(); alert("Resource added successfully!"); } else { throw new Error("Failed to add resource"); } } catch (error) { console.error("Error adding resource:", error); alert(error.message || "Failed to add resource. Please try again."); } }; const handleDeleteResource = async (id)=>{ if (!isAdmin) return; try { const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "DELETE FROM `resources` WHERE `id` = ?", values: [ id ] }) }); if (response.ok) { await fetchResources(); alert("Resource deleted successfully!"); } else { throw new Error("Failed to delete resource"); } } catch (error) { console.error("Error deleting resource:", error); alert("Failed to delete resource. Please try again."); } }; const handleDownload = async (id)=>{ if (!isLoggedIn) { alert("Please login or signup to download PDFs"); setLoginModal(true); return; } try { setDownloading(true); await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "UPDATE `resources` SET `downloads` = `downloads` + 1 WHERE `id` = ?", values: [ id ] }) }); const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `resources` WHERE `id` = ?", values: [ id ] }) }); const [resource] = await response.json(); if (resource && resource.gdrive_link) { window.open(resource.gdrive_link, "_blank"); } await fetchResources(); } catch (error) { console.error("Error downloading resource:", error); alert("Failed to download resource. Please try again."); } finally{ setDownloading(false); } }; const handleAddComment = async (e)=>{ e.preventDefault(); if (!isLoggedIn || !newComment.trim()) return; try { const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `comments` (id, content, user_id, created_at) VALUES (?, ?, ?, CURRENT_TIMESTAMP)", values: [ crypto.randomUUID(), newComment, user.id ] }) }); if (response.ok) { setNewComment(""); await fetchComments(); } else { throw new Error("Failed to add comment"); } } catch (error) { console.error("Error adding comment:", error); alert("Failed to add comment. Please try again."); } }; const fetchComments = async ()=>{ try { const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `comments` ORDER BY `created_at` DESC" }) }); if (response.ok) { const data = await response.json(); setComments(data); } } catch (error) { console.error("Error fetching comments:", error); } }; const handleCalculatorInput = (value)=>{ if (value === "C") { setCalculatorInput(""); setCalculatorResult(""); } else if (value === "⌫") { setCalculatorInput((prev)=>prev.slice(0, -1)); } else if (value === "=") { try { const result = eval(calculatorInput); setCalculatorResult(result); setCalculatorHistory([ { expression: calculatorInput, result }, ...calculatorHistory.slice(0, 9) ]); setCalculatorInput(""); } catch (error) { setCalculatorResult("Error"); } } else if (value === "DEG") { setCalculatorDeg(!calculatorDeg); } else { setCalculatorInput((prev)=>prev + value); } }; const handleAddTask = (e)=>{ e.preventDefault(); if (!newTaskTitle.trim()) return; const newTask = { id: crypto.randomUUID(), title: newTaskTitle, description: newTaskDescription }; setTasks((prev)=>({ ...prev, todo: [ ...prev.todo, newTask ] })); setNewTaskTitle(""); setNewTaskDescription(""); }; const handleDeleteTask = (taskId, column)=>{ setTasks((prev)=>({ ...prev, [column]: prev[column].filter((task)=>task.id !== taskId) })); }; const handleDragStart = (e, taskId, sourceColumn)=>{ e.dataTransfer.setData("taskId", taskId); e.dataTransfer.setData("sourceColumn", sourceColumn); }; const handleDragOver = (e)=>{ e.preventDefault(); }; const handleDrop = (e, targetColumn)=>{ const taskId = e.dataTransfer.getData("taskId"); const sourceColumn = e.dataTransfer.getData("sourceColumn"); if (sourceColumn === targetColumn) return; const task = tasks[sourceColumn].find((t)=>t.id === taskId); if (!task) return; setTasks((prev)=>({ ...prev, [sourceColumn]: prev[sourceColumn].filter((t)=>t.id !== taskId), [targetColumn]: [ ...prev[targetColumn], task ] })); }; const handleStatusChange = (taskId, currentColumn, newColumn)=>{ if (currentColumn === newColumn) return; const task = tasks[currentColumn].find((t)=>t.id === taskId); if (!task) return; setTasks((prev)=>({ ...prev, [currentColumn]: prev[currentColumn].filter((t)=>t.id !== taskId), [newColumn]: [ ...prev[newColumn], task ] })); }; const handleAddYoutubeLesson = async (e)=>{ e.preventDefault(); if (!isAdmin) return; const { title, url, subject } = newYoutubeLesson; if (!title.trim() || !url.trim() || !subject.trim()) { alert("Please fill in all fields"); return; } try { const videoMatch = url.match(/(?:youtu\.be\/|youtube\.com(?:\/embed\/|\/v\/|\/watch\?v=|\/user\/\S+|\/ytscreeningroom\?v=|\/sandalsResorts#\w\/\w\/.*\/))([^\/&\?]*)/); const playlistMatch = url.match(/[&?]list=([^&]+)/i); const videoId = videoMatch ? videoMatch[1] : null; const playlistId = playlistMatch ? playlistMatch[1] : null; if (!videoId && !playlistId) { alert("Please enter a valid YouTube video or playlist URL"); return; } const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: ` INSERT INTO youtube_lessons (id, title, url, video_id, playlist_id, subject, added_by, created_at) VALUES (?, ?, ?, ?, ?, ?, ?, CURRENT_TIMESTAMP) `, values: [ crypto.randomUUID(), title, url, videoId, playlistId, subject, user?.id ] }) }); if (response.ok) { setNewYoutubeLesson({ title: "", url: "", subject: "" }); await fetchYoutubeLessons(); alert("YouTube lesson added successfully!"); } } catch (error) { console.error("Error adding YouTube lesson:", error); alert("Failed to add YouTube lesson. Please try again."); } }; const handleDeleteYoutubeLesson = async (id)=>{ if (!isAdmin) return; try { const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "DELETE FROM youtube_lessons WHERE id = ?", values: [ id ] }) }); if (response.ok) { await fetchYoutubeLessons(); alert("YouTube lesson deleted successfully!"); } } catch (error) { console.error("Error deleting YouTube lesson:", error); alert("Failed to delete YouTube lesson. Please try again."); } }; const fetchYoutubeLessons = async ()=>{ try { const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM youtube_lessons ORDER BY created_at DESC" }) }); if (response.ok) { const data = await response.json(); setYoutubeLessons(data); } } catch (error) { console.error("Error fetching YouTube lessons:", error); } }; const fetchFolders = async ()=>{ try { const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM resources WHERE is_folder = 1 ORDER BY title" }) }); if (response.ok) { const data = await response.json(); setFolders(data); } } catch (error) { console.error("Error fetching folders:", error); } }; const updateAdminStats = async ()=>{ try { const [resourcesResponse, downloadsResponse] = await Promise.all([ fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "SELECT COUNT(*) as count FROM resources WHERE type = 'pdf'" }) }), fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: "SELECT SUM(downloads) as total FROM resources" }) }) ]); const [[{ count }], [{ total }]] = await Promise.all([ resourcesResponse.json(), downloadsResponse.json() ]); setAdminStats({ totalResources: count || 0, totalDownloads: total || 0 }); } catch (error) { console.error("Error updating admin stats:", error); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col relative bg-fixed pb-[70px]", __source: { fileName: "", lineNumber: 714, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 ${darkMode ? "bg-gradient-to-br from-[#000000] via-[#000000] to-[#000000]" : "bg-gradient-to-br from-[#000B3F] via-[#000B4F] to-[#000B5F]"} animated-bg pattern-bg`, __source: { fileName: "", lineNumber: 715, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 722, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 723, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 724, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 725, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 726, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 727, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 728, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 729, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 ${darkMode ? "bg-gradient-to-br from-black via-black to-black" : "bg-gradient-to-br from-[#000B1F] via-[#000B2F] to-[#000B1F]"} animated-bg pattern-bg`, __source: { fileName: "", lineNumber: 731, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 738, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 739, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 740, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 741, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 742, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 743, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 744, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 745, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: `${darkMode ? "bg-gradient-to-r from-black/40 via-[#0A0A0A]/40 to-[#121212]/40" : "bg-gradient-to-r from-[#000B3F]/30 via-[#001166]/30 to-[#000B3F]/30"} backdrop-blur-2xl fixed w-full z-50 border-b border-white/5`, __source: { fileName: "", lineNumber: 747, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-col md:flex-row justify-between items-center py-0.5 px-3 md:py-1.5 md:px-6 space-y-2 md:space-y-0", __source: { fileName: "", lineNumber: 754, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-lg sm:text-xl md:text-2xl font-bold bg-gradient-to-r from-[#fff] via-[#e2e8f0] to-[#fff] text-transparent bg-clip-text font-orbitron tracking-tight hover:scale-105 transition-transform duration-300", __source: { fileName: "", lineNumber: 755, columnNumber: 11 }, __self: this }, "VIVERSED STUDY HUB"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center gap-2 md:gap-4 w-full md:w-auto", __source: { fileName: "", lineNumber: 758, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full md:w-64", __source: { fileName: "", lineNumber: 759, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-white/60 text-sm", __source: { fileName: "", lineNumber: 760, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search resources...", className: "w-full pl-9 pr-4 py-1.5 text-sm rounded-full bg-white/5 text-white border border-white/10 focus:outline-none focus:border-[#2997ff] focus:bg-white/10 backdrop-blur-xl transition-all duration-300", value: searchTerm, onChange: (e)=>handleSearch(e.target.value), __source: { fileName: "", lineNumber: 761, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap items-center gap-1.5 sm:gap-2 w-full md:w-auto justify-center", __source: { fileName: "", lineNumber: 769, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/study-mode", className: "p-4 bg-white/5 hover:bg-white/10 rounded-xl transition-all group text-left border border-white/5 hover:border-blue-500/30 flex items-center gap-3", __source: { fileName: "", lineNumber: 770, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-blue-500/10 rounded-lg", __source: { fileName: "", lineNumber: 774, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-blue-400", __source: { fileName: "", lineNumber: 775, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 777, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white group-hover:text-blue-400 transition-colors", __source: { fileName: "", lineNumber: 778, columnNumber: 19 }, __self: this }, "Study Mode"), /*#__PURE__*/ React.createElement("p", { className: "text-white/40 text-sm", __source: { fileName: "", lineNumber: 781, columnNumber: 19 }, __self: this }, "Interactive learning with PDFs and videos"))), !isLoggedIn ? /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap items-center gap-1.5 sm:gap-2 justify-center", __source: { fileName: "", lineNumber: 787, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setLoginModal(true), className: "bg-gradient-to-r from-[#2997ff]/80 to-[#147ce5]/80 text-white px-3 py-1 text-xs sm:text-sm rounded-full hover:from-[#2997ff] hover:to-[#147ce5] transition-all duration-300 shadow-lg shadow-blue-500/20 hover:shadow-blue-500/40", __source: { fileName: "", lineNumber: 788, columnNumber: 19 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSignupModal(true), className: "bg-gradient-to-r from-[#7928ca]/80 to-[#ff0080]/80 text-white px-3 py-1 text-xs sm:text-sm rounded-full hover:from-[#7928ca] hover:to-[#ff0080] transition-all duration-300 shadow-lg shadow-purple-500/20 hover:shadow-purple-500/40", __source: { fileName: "", lineNumber: 794, columnNumber: 19 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDarkMode(!darkMode), className: "text-white hover:text-[#2997ff] transition-colors p-1.5 bg-white/5 rounded-full backdrop-blur-xl hover:bg-white/10", __source: { fileName: "", lineNumber: 800, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${darkMode ? "fa-sun" : "fa-moon"} text-sm`, __source: { fileName: "", lineNumber: 804, columnNumber: 21 }, __self: this }))) : /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap items-center gap-1.5 sm:gap-2 justify-center", __source: { fileName: "", lineNumber: 810, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 811, columnNumber: 19 }, __self: this }, user?.roll_number), isAdmin && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAdminPanel(!showAdminPanel), className: "bg-gradient-to-r from-[#00b4d8]/80 to-[#90e0ef]/80 text-white px-3 py-1 text-xs sm:text-sm rounded-full hover:from-[#00b4d8] hover:to-[#90e0ef] transition-all duration-300 shadow-lg shadow-cyan-500/20 hover:shadow-cyan-500/40", __source: { fileName: "", lineNumber: 815, columnNumber: 21 }, __self: this }, "Admin"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIsLoggedIn(false); setUser(null); setIsAdmin(false); }, className: "bg-gradient-to-r from-[#ff3b30]/80 to-[#d70015]/80 text-white px-3 py-1 text-xs sm:text-sm rounded-full hover:from-[#ff3b30] hover:to-[#d70015] transition-all duration-300 shadow-lg shadow-red-500/20 hover:shadow-red-500/40", __source: { fileName: "", lineNumber: 822, columnNumber: 19 }, __self: this }, "Logout"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDarkMode(!darkMode), className: "text-white hover:text-[#2997ff] transition-colors p-1.5 bg-white/5 rounded-full backdrop-blur-xl hover:bg-white/10", __source: { fileName: "", lineNumber: 832, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${darkMode ? "fa-sun" : "fa-moon"} text-sm`, __source: { fileName: "", lineNumber: 836, columnNumber: 21 }, __self: this }))))))), /*#__PURE__*/ React.createElement("div", { className: "pt-[160px] sm:pt-[170px] md:pt-[140px] flex-grow relative z-10", __source: { fileName: "", lineNumber: 847, columnNumber: 7 }, __self: this }, loginModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[60]", __source: { fileName: "", lineNumber: 849, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${darkMode ? "bg-gradient-to-br from-gray-900/90 to-gray-800/80" : "bg-gradient-to-br from-white/90 to-white/80"} backdrop-blur-xl p-8 rounded-2xl shadow-2xl w-96 transform transition-all`, __source: { fileName: "", lineNumber: 850, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: `text-2xl font-bold mb-6 ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 857, columnNumber: 15 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "space-y-4", __source: { fileName: "", lineNumber: 864, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 865, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "roll_number", placeholder: "Roll Number", className: `w-full px-4 py-3 rounded-lg ${darkMode ? "bg-gray-800/50 border-gray-700 text-white placeholder-gray-400" : "bg-white/50 border-gray-200 text-gray-800 placeholder-gray-500"} border focus:outline-none focus:border-[#2997ff]`, required: true, __source: { fileName: "", lineNumber: 866, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 878, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: `w-full px-4 py-3 rounded-lg ${darkMode ? "bg-gray-800/50 border-gray-700 text-white placeholder-gray-400" : "bg-white/50 border-gray-200 text-gray-800 placeholder-gray-500"} border focus:outline-none focus:border-[#2997ff]`, required: true, __source: { fileName: "", lineNumber: 879, columnNumber: 19 }, __self: this })), loginError && /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 891, columnNumber: 32 }, __self: this }, loginError), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-3 pt-2", __source: { fileName: "", lineNumber: 892, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setLoginModal(false), className: `px-6 py-2.5 ${darkMode ? "text-gray-300 hover:text-white" : "text-gray-600 hover:text-gray-800"} transition-colors`, __source: { fileName: "", lineNumber: 893, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2.5 bg-gradient-to-r from-[#2997ff] to-[#147ce5] text-white rounded-lg hover:from-[#147ce5] hover:to-[#2997ff] transition-all duration-300", __source: { fileName: "", lineNumber: 904, columnNumber: 19 }, __self: this }, "Login"))), /*#__PURE__*/ React.createElement("p", { className: `text-sm mt-4 text-center ${darkMode ? "text-gray-400" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 912, columnNumber: 15 }, __self: this }, "First time visiting? Please", " ", /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setLoginModal(false); setShowSignupModal(true); }, className: "text-[#2997ff] hover:text-[#147ce5] transition-colors", __source: { fileName: "", lineNumber: 916, columnNumber: 17 }, __self: this }, "sign up"), " ", "to access all features"))), showSignupModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[60]", __source: { fileName: "", lineNumber: 932, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${darkMode ? "bg-gradient-to-br from-gray-900/90 to-gray-800/80" : "bg-gradient-to-br from-white/90 to-white/80"} backdrop-blur-xl p-8 rounded-2xl shadow-2xl w-96`, __source: { fileName: "", lineNumber: 933, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: `text-2xl font-bold mb-6 ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 940, columnNumber: 15 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSignup, className: "space-y-4", __source: { fileName: "", lineNumber: 947, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 948, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "roll_number", placeholder: "Roll Number", className: `w-full px-4 py-3 rounded-lg ${darkMode ? "bg-gray-800/50 border-gray-700 text-white placeholder-gray-400" : "bg-white/50 border-gray-200 text-gray-800 placeholder-gray-500"} border focus:outline-none focus:border-[#2997ff]`, required: true, __source: { fileName: "", lineNumber: 949, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 961, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: `w-full px-4 py-3 rounded-lg ${darkMode ? "bg-gray-800/50 border-gray-700 text-white placeholder-gray-400" : "bg-white/50 border-gray-200 text-gray-800 placeholder-gray-500"} border focus:outline-none focus:border-[#2997ff]`, required: true, __source: { fileName: "", lineNumber: 962, columnNumber: 19 }, __self: this })), signupError && /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 974, columnNumber: 33 }, __self: this }, signupError), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-3 pt-2", __source: { fileName: "", lineNumber: 975, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowSignupModal(false), className: `px-6 py-2.5 ${darkMode ? "text-gray-300 hover:text-white" : "text-gray-600 hover:text-gray-800"} transition-colors`, __source: { fileName: "", lineNumber: 976, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2.5 bg-gradient-to-r from-[#7928ca] to-[#ff0080] text-white rounded-lg hover:from-[#ff0080] hover:to-[#7928ca] transition-all duration-300", __source: { fileName: "", lineNumber: 987, columnNumber: 19 }, __self: this }, "Sign Up"))))), showAdminPanel && isAdmin && /*#__PURE__*/ React.createElement("div", { className: "container mx-auto mt-4 sm:mt-6 md:mt-8 p-4 sm:p-6 bg-white/10 backdrop-blur-xl rounded-2xl border border-white/10", __source: { fileName: "", lineNumber: 1000, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl sm:text-2xl font-bold mb-4 sm:mb-6", __source: { fileName: "", lineNumber: 1001, columnNumber: 13 }, __self: this }, "Admin Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6 mb-6 sm:mb-8", __source: { fileName: "", lineNumber: 1004, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 sm:p-6 bg-gradient-to-br from-blue-500/10 to-blue-600/10 rounded-xl border border-blue-500/20", __source: { fileName: "", lineNumber: 1005, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-blue-500 text-sm sm:text-base", __source: { fileName: "", lineNumber: 1006, columnNumber: 17 }, __self: this }, "Total Resources"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl sm:text-3xl font-bold mt-2 text-white", __source: { fileName: "", lineNumber: 1009, columnNumber: 17 }, __self: this }, adminStats.totalResources)), /*#__PURE__*/ React.createElement("div", { className: "p-4 sm:p-6 bg-gradient-to-br from-green-500/10 to-green-600/10 rounded-xl border border-green-500/20", __source: { fileName: "", lineNumber: 1013, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-green-500 text-sm sm:text-base", __source: { fileName: "", lineNumber: 1014, columnNumber: 17 }, __self: this }, "Total Downloads"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl sm:text-3xl font-bold mt-2 text-white", __source: { fileName: "", lineNumber: 1017, columnNumber: 17 }, __self: this }, adminStats.totalDownloads))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddResource, className: "space-y-3 sm:space-y-4", __source: { fileName: "", lineNumber: 1022, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", placeholder: "Resource Title", className: "w-full px-3 sm:px-4 py-2 sm:py-3 text-sm rounded-lg bg-white/5 border border-white/10 focus:outline-none focus:border-[#2997ff] text-white placeholder-white/60", required: true, __source: { fileName: "", lineNumber: 1026, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 1033, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "subject", placeholder: "Subject", className: "w-full px-3 sm:px-4 py-2 sm:py-3 text-sm rounded-lg bg-white/5 border border-white/10 focus:outline-none focus:border-[#2997ff] text-white placeholder-white/60", required: true, __source: { fileName: "", lineNumber: 1034, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "resource_type", className: "w-full px-3 sm:px-4 py-2 sm:py-3 text-sm rounded-lg bg-white/5 border border-white/10 focus:outline-none focus:border-[#2997ff] text-white placeholder-white/60", required: true, __source: { fileName: "", lineNumber: 1041, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1046, columnNumber: 19 }, __self: this }, "Select Resource Type"), /*#__PURE__*/ React.createElement("option", { value: "pdf", __source: { fileName: "", lineNumber: 1047, columnNumber: 19 }, __self: this }, "PDF Document"), /*#__PURE__*/ React.createElement("option", { value: "youtube", __source: { fileName: "", lineNumber: 1048, columnNumber: 19 }, __self: this }, "YouTube Video"), /*#__PURE__*/ React.createElement("option", { value: "folder", __source: { fileName: "", lineNumber: 1049, columnNumber: 19 }, __self: this }, "Folder"))), /*#__PURE__*/ React.createElement("textarea", { name: "description", placeholder: "Description", className: "w-full px-3 sm:px-4 py-2 sm:py-3 text-sm rounded-lg bg-white/5 border border-white/10 focus:outline-none focus:border-[#2997ff] text-white placeholder-white/60 min-h-[80px] sm:min-h-[100px]", required: true, __source: { fileName: "", lineNumber: 1052, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "url", name: "gdrive_link", placeholder: "Google Drive Link or YouTube URL", className: "w-full px-3 sm:px-4 py-2 sm:py-3 text-sm rounded-lg bg-white/5 border border-white/10 focus:outline-none focus:border-[#2997ff] text-white placeholder-white/60", required: true, __source: { fileName: "", lineNumber: 1058, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 sm:py-3 text-sm bg-gradient-to-r from-[#2997ff] to-[#147ce5] text-white rounded-lg hover:from-[#147ce5] hover:to-[#2997ff] transition-all duration-300", __source: { fileName: "", lineNumber: 1065, columnNumber: 15 }, __self: this }, "Add Resource"))), showYoutubeLessons && /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 1076, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-xl rounded-xl p-6 mb-6", __source: { fileName: "", lineNumber: 1077, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1078, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white", __source: { fileName: "", lineNumber: 1079, columnNumber: 17 }, __self: this }, "YouTube Lessons"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowYoutubeLessons(false), className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 1082, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1086, columnNumber: 19 }, __self: this }))), isAdmin && /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddYoutubeLesson, className: "space-y-4 mb-8", __source: { fileName: "", lineNumber: 1091, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1095, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Lesson Title", value: newYoutubeLesson.title, onChange: (e)=>setNewYoutubeLesson({ ...newYoutubeLesson, title: e.target.value }), className: "w-full px-4 py-2 rounded-lg bg-white/5 border border-white/10 text-white placeholder-white/60", __source: { fileName: "", lineNumber: 1096, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "url", placeholder: "YouTube Video/Playlist URL", value: newYoutubeLesson.url, onChange: (e)=>setNewYoutubeLesson({ ...newYoutubeLesson, url: e.target.value }), className: "w-full px-4 py-2 rounded-lg bg-white/5 border border-white/10 text-white placeholder-white/60", __source: { fileName: "", lineNumber: 1108, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Subject", value: newYoutubeLesson.subject, onChange: (e)=>setNewYoutubeLesson({ ...newYoutubeLesson, subject: e.target.value }), className: "w-full px-4 py-2 rounded-lg bg-white/5 border border-white/10 text-white placeholder-white/60", __source: { fileName: "", lineNumber: 1120, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 bg-gradient-to-r from-red-500 to-red-600 text-white rounded-lg hover:from-red-600 hover:to-red-700 transition-all duration-300", __source: { fileName: "", lineNumber: 1133, columnNumber: 19 }, __self: this }, "Add YouTube Lesson")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 1142, columnNumber: 15 }, __self: this }, youtubeLessons.map((lesson)=>/*#__PURE__*/ React.createElement("div", { key: lesson.id, className: "bg-white/5 rounded-lg p-4 hover:bg-white/10 transition-all group", __source: { fileName: "", lineNumber: 1144, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 1148, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 1149, columnNumber: 23 }, __self: this }, lesson.title), isAdmin && /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDeleteYoutubeLesson(lesson.id), className: "text-red-400 hover:text-red-500 opacity-0 group-hover:opacity-100 transition-all", __source: { fileName: "", lineNumber: 1153, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 1157, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-white/60 text-sm mb-4", __source: { fileName: "", lineNumber: 1161, columnNumber: 21 }, __self: this }, lesson.subject), /*#__PURE__*/ React.createElement("div", { className: "aspect-w-16 aspect-h-9 mb-4 bg-black/20 rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 1164, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: `https://www.youtube.com/embed/${lesson.video_id || ""}${lesson.playlist_id ? `?list=${lesson.playlist_id}` : ""}`, title: lesson.title, allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, className: "w-full h-full", __source: { fileName: "", lineNumber: 1165, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: lesson.url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 text-white/80 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 1173, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube text-red-500", __source: { fileName: "", lineNumber: 1179, columnNumber: 23 }, __self: this }), lesson.playlist_id ? "Watch Playlist" : "Watch on YouTube")))))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-6", __source: { fileName: "", lineNumber: 1191, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1192, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 1193, columnNumber: 13 }, __self: this }, "Resources"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ if (!isLoggedIn) { alert("Please login or signup to view YouTube lessons"); setLoginModal(true); return; } setShowYoutubeLessons(true); }, className: "bg-gradient-to-r from-red-500/80 to-red-600/80 text-white px-4 py-2 rounded-lg hover:from-red-600/80 hover:to-red-700/80 transition-all duration-300 flex items-center gap-2", __source: { fileName: "", lineNumber: 1194, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube", __source: { fileName: "", lineNumber: 1205, columnNumber: 15 }, __self: this }), "YouTube Lessons")), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-6", __source: { fileName: "", lineNumber: 1210, columnNumber: 11 }, __self: this }, showMoveModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[60]", __source: { fileName: "", lineNumber: 1212, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-xl p-6 rounded-2xl w-96", __source: { fileName: "", lineNumber: 1213, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 1214, columnNumber: 19 }, __self: this }, "Move to Folder"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 max-h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 1215, columnNumber: 19 }, __self: this }, folders.map((folder)=>/*#__PURE__*/ React.createElement("button", { key: folder.id, onClick: ()=>handleMoveResource(folder.id), className: "w-full p-3 bg-white/5 hover:bg-white/10 rounded-lg flex items-center gap-2 transition-all", __source: { fileName: "", lineNumber: 1217, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder text-yellow-400", __source: { fileName: "", lineNumber: 1222, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1223, columnNumber: 25 }, __self: this }, folder.title)))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mt-4", __source: { fileName: "", lineNumber: 1227, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowMoveModal(false); setSelectedResource(null); }, className: "px-4 py-2 text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 1228, columnNumber: 21 }, __self: this }, "Cancel")))), currentFolder && /*#__PURE__*/ React.createElement("div", { className: "mb-6 flex items-center justify-between", __source: { fileName: "", lineNumber: 1242, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentFolder(null), className: "px-4 py-2 bg-white/10 hover:bg-white/20 text-white rounded-lg flex items-center gap-2 transition-all", __source: { fileName: "", lineNumber: 1243, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 1247, columnNumber: 19 }, __self: this }), "Back to All Resources"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-white", __source: { fileName: "", lineNumber: 1250, columnNumber: 17 }, __self: this }, "Viewing: ", currentFolder)), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4", __source: { fileName: "", lineNumber: 1255, columnNumber: 13 }, __self: this }, filteredResources.map((resource)=>/*#__PURE__*/ React.createElement("div", { key: resource.id, onClick: ()=>{ if (resource.is_folder) { setCurrentFolder(resource.subject); } else if (!isLoggedIn) { alert("Please login or signup to download PDFs"); setLoginModal(true); } else { handleDownload(resource.id); } }, className: "group relative overflow-hidden rounded-xl bg-white/5 backdrop-blur-xl hover:scale-[1.02] hover:-translate-y-1 transition-all duration-500 border border-white/20 hover:border-white/40 cursor-pointer", style: { background: "linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%)" }, __source: { fileName: "", lineNumber: 1257, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/10 to-purple-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500", __source: { fileName: "", lineNumber: 1275, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-3 relative", __source: { fileName: "", lineNumber: 1276, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-2", __source: { fileName: "", lineNumber: 1277, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 min-w-0 pr-2", __source: { fileName: "", lineNumber: 1278, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-semibold text-white break-words group-hover:text-blue-400 transition-colors duration-300", title: resource.title, __source: { fileName: "", lineNumber: 1279, columnNumber: 25 }, __self: this }, resource.title)), isAdmin && /*#__PURE__*/ React.createElement("div", { className: "flex gap-1 flex-shrink-0", __source: { fileName: "", lineNumber: 1287, columnNumber: 25 }, __self: this }, !resource.is_folder && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); setSelectedResource(resource); setShowMoveModal(true); }, className: "text-blue-400 hover:text-blue-500 transition-colors p-1 hover:bg-blue-500/10 rounded-full", __source: { fileName: "", lineNumber: 1290, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder-plus text-xs", __source: { fileName: "", lineNumber: 1298, columnNumber: 33 }, __self: this })), resource.subject && /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); handleRemoveFromFolder(resource.id); }, className: "text-yellow-400 hover:text-yellow-500 transition-colors p-1 hover:bg-yellow-500/10 rounded-full", __source: { fileName: "", lineNumber: 1301, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder-minus text-xs", __source: { fileName: "", lineNumber: 1308, columnNumber: 35 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); handleDeleteResource(resource.id); }, className: "text-red-500 hover:text-red-600 transition-colors p-1 hover:bg-red-500/10 rounded-full", __source: { fileName: "", lineNumber: 1313, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt text-xs", __source: { fileName: "", lineNumber: 1320, columnNumber: 29 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1325, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xs text-white/60 flex items-center gap-1", __source: { fileName: "", lineNumber: 1326, columnNumber: 23 }, __self: this }, resource.is_folder ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder text-yellow-400", __source: { fileName: "", lineNumber: 1328, columnNumber: 27 }, __self: this }) : resource.gdrive_link?.includes("youtube.com") ? /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube text-red-500", __source: { fileName: "", lineNumber: 1330, columnNumber: 27 }, __self: this }) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf text-red-400", __source: { fileName: "", lineNumber: 1333, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[10px]", __source: { fileName: "", lineNumber: 1334, columnNumber: 29 }, __self: this }, resource.downloads))), /*#__PURE__*/ React.createElement("i", { className: `text-xs ${resource.is_folder ? "fas fa-folder-open text-yellow-400" : resource.gdrive_link?.includes("youtube.com") ? "fas fa-play text-red-500" : downloading ? "fas fa-spinner fa-spin text-blue-400" : "fas fa-file-download text-blue-400"}`, __source: { fileName: "", lineNumber: 1340, columnNumber: 23 }, __self: this })))))))), showCalculator && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-[90px] right-4 md:bottom-[90px] md:right-8 p-2 sm:p-3 rounded-2xl shadow-2xl bg-white/10 backdrop-blur-xl border border-white/20 w-[280px] sm:w-[300px] md:w-[320px]", __source: { fileName: "", lineNumber: 1360, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2 sm:mb-3", __source: { fileName: "", lineNumber: 1361, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm sm:text-base font-bold text-white", __source: { fileName: "", lineNumber: 1362, columnNumber: 15 }, __self: this }, "Scientific Calc"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCalculator(false), className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 1365, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1369, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-2 sm:mb-3 bg-black/20 rounded-xl p-2 sm:p-3", __source: { fileName: "", lineNumber: 1372, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: calculatorInput, readOnly: true, className: "w-full bg-transparent text-right text-white text-xs sm:text-sm mb-1 outline-none", placeholder: "0", __source: { fileName: "", lineNumber: 1373, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-right text-lg sm:text-xl font-bold text-white", __source: { fileName: "", lineNumber: 1380, columnNumber: 15 }, __self: this }, calculatorResult || "0")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-5 gap-0.5 sm:gap-1", __source: { fileName: "", lineNumber: 1384, columnNumber: 13 }, __self: this }, [ "sin", "cos", "tan", "π", "e", "(", ")", "^", "√", "C", "7", "8", "9", "⌫", "/", "4", "5", "6", "*", "-", "1", "2", "3", "+", "=", "0", ".", "log", "ln", "DEG" ].map((btn)=>/*#__PURE__*/ React.createElement("button", { key: btn, onClick: ()=>handleCalculatorInput(btn === "sin" || btn === "cos" || btn === "tan" || btn === "log" || btn === "ln" || btn === "√" ? btn + "(" : btn), className: `p-1.5 sm:p-2 text-[10px] sm:text-xs md:text-sm ${btn === "=" ? "bg-gradient-to-r from-blue-500 to-blue-600 row-span-2" : "bg-white/5 hover:bg-white/10"} rounded-lg text-white transition-all duration-200 ${btn === "DEG" ? calculatorDeg ? "bg-blue-500/50" : "" : ""}`, __source: { fileName: "", lineNumber: 1417, columnNumber: 17 }, __self: this }, btn))), calculatorHistory.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-2 sm:mt-3 border-t border-white/10 pt-2", __source: { fileName: "", lineNumber: 1444, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-[10px] sm:text-xs font-bold text-white/60 mb-1", __source: { fileName: "", lineNumber: 1445, columnNumber: 17 }, __self: this }, "History"), /*#__PURE__*/ React.createElement("div", { className: "space-y-1 max-h-[50px] sm:max-h-[60px] overflow-y-auto", __source: { fileName: "", lineNumber: 1448, columnNumber: 17 }, __self: this }, calculatorHistory.map((entry, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-[10px] sm:text-xs text-white/60", __source: { fileName: "", lineNumber: 1450, columnNumber: 21 }, __self: this }, entry.expression, " = ", entry.result))))), showKanban && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-[90px] left-4 md:bottom-[90px] md:left-8 p-3 sm:p-4 rounded-2xl shadow-2xl bg-white/10 backdrop-blur-xl border border-white/20 w-[92vw] sm:w-[90vw] md:w-[600px] max-h-[70vh] sm:max-h-[75vh] overflow-auto", __source: { fileName: "", lineNumber: 1464, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-3 sm:mb-4", __source: { fileName: "", lineNumber: 1465, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-base sm:text-lg font-bold text-white", __source: { fileName: "", lineNumber: 1466, columnNumber: 15 }, __self: this }, "Task Board"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowKanban(false), className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 1469, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1473, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddTask, className: "mb-4 space-y-2", __source: { fileName: "", lineNumber: 1476, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Task Title", value: newTaskTitle, onChange: (e)=>setNewTaskTitle(e.target.value), className: "w-full px-3 py-2 bg-white/5 border border-white/10 rounded-lg text-white text-sm focus:outline-none focus:border-white/20", __source: { fileName: "", lineNumber: 1477, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Task Description", value: newTaskDescription, onChange: (e)=>setNewTaskDescription(e.target.value), className: "w-full px-3 py-2 bg-white/5 border border-white/10 rounded-lg text-white text-sm focus:outline-none focus:border-white/20 h-20", __source: { fileName: "", lineNumber: 1484, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 bg-gradient-to-r from-blue-500/80 to-blue-600/80 hover:from-blue-500 hover:to-blue-600 text-white rounded-lg text-sm transition-all duration-300", __source: { fileName: "", lineNumber: 1490, columnNumber: 15 }, __self: this }, "Add Task")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 sm:gap-4", __source: { fileName: "", lineNumber: 1497, columnNumber: 13 }, __self: this }, [ "todo", "inProgress", "completed" ].map((column)=>/*#__PURE__*/ React.createElement("div", { key: column, className: "bg-white/5 p-3 sm:p-4 rounded-xl", onDrop: (e)=>handleDrop(e, column), onDragOver: handleDragOver, __source: { fileName: "", lineNumber: 1499, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xs sm:text-sm font-semibold mb-2 sm:mb-3 text-white/80", __source: { fileName: "", lineNumber: 1505, columnNumber: 19 }, __self: this }, column === "todo" ? "To Do" : column === "inProgress" ? "In Progress" : "Completed"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1512, columnNumber: 19 }, __self: this }, tasks[column].map((task)=>/*#__PURE__*/ React.createElement("div", { key: task.id, draggable: true, onDragStart: (e)=>handleDragStart(e, task.id, column), className: "bg-white/10 p-2 sm:p-3 rounded-lg cursor-move hover:bg-white/20 transition-all group", __source: { fileName: "", lineNumber: 1514, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 1520, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-medium text-white text-xs sm:text-sm mb-1", __source: { fileName: "", lineNumber: 1521, columnNumber: 27 }, __self: this }, task.title), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDeleteTask(task.id, column), className: "text-red-400 hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity", __source: { fileName: "", lineNumber: 1524, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 1528, columnNumber: 29 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-[10px] sm:text-xs text-white/60", __source: { fileName: "", lineNumber: 1531, columnNumber: 25 }, __self: this }, task.description), /*#__PURE__*/ React.createElement("select", { className: "mt-2 w-full bg-white/10 text-white text-[10px] sm:text-xs p-1 rounded", value: column, onChange: (e)=>handleStatusChange(task.id, column, e.target.value), __source: { fileName: "", lineNumber: 1534, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "todo", __source: { fileName: "", lineNumber: 1541, columnNumber: 27 }, __self: this }, "To Do"), /*#__PURE__*/ React.createElement("option", { value: "inProgress", __source: { fileName: "", lineNumber: 1542, columnNumber: 27 }, __self: this }, "In Progress"), /*#__PURE__*/ React.createElement("option", { value: "completed", __source: { fileName: "", lineNumber: 1543, columnNumber: 27 }, __self: this }, "Completed"))))))))), showComments && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-[90px] right-4 md:bottom-[90px] md:right-8 p-4 rounded-2xl shadow-2xl bg-white/10 backdrop-blur-xl border border-white/20 w-[320px] md:w-[400px] max-h-[450px] overflow-auto z-50", __source: { fileName: "", lineNumber: 1555, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 1556, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-white", __source: { fileName: "", lineNumber: 1557, columnNumber: 15 }, __self: this }, "Comments"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowComments(false), className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 1558, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1562, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 mb-4 max-h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 1565, columnNumber: 13 }, __self: this }, comments.map((comment)=>/*#__PURE__*/ React.createElement("div", { key: comment.id, className: "bg-white/5 p-3 rounded-lg", __source: { fileName: "", lineNumber: 1567, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 1568, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-blue-400 text-sm", __source: { fileName: "", lineNumber: 1569, columnNumber: 21 }, __self: this }, user?.roll_number), /*#__PURE__*/ React.createElement("span", { className: "text-white/40 text-xs", __source: { fileName: "", lineNumber: 1572, columnNumber: 21 }, __self: this }, new Date(comment.created_at).toLocaleString())), /*#__PURE__*/ React.createElement("p", { className: "text-white/80 text-sm", __source: { fileName: "", lineNumber: 1576, columnNumber: 19 }, __self: this }, comment.content)))), isLoggedIn ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddComment, className: "space-y-2", __source: { fileName: "", lineNumber: 1581, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: newComment, onChange: (e)=>setNewComment(e.target.value), placeholder: "Write a comment...", className: "w-full px-3 py-2 bg-white/5 border border-white/10 rounded-lg text-white text-sm focus:outline-none focus:border-white/20 h-20", __source: { fileName: "", lineNumber: 1582, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 bg-gradient-to-r from-blue-500/80 to-blue-600/80 hover:from-blue-500 hover:to-blue-600 text-white rounded-lg text-sm transition-all duration-300", __source: { fileName: "", lineNumber: 1588, columnNumber: 17 }, __self: this }, "Post Comment")) : /*#__PURE__*/ React.createElement("p", { className: "text-white/60 text-sm text-center", __source: { fileName: "", lineNumber: 1596, columnNumber: 15 }, __self: this }, "Please login to comment")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowComments(!showComments), className: "fixed bottom-[90px] right-4 z-50 w-14 h-14 rounded-full bg-gradient-to-r from-[#7928ca] to-[#ff0080] text-white shadow-lg hover:shadow-purple-500/50 transition-all duration-300 hover:scale-110 group overflow-hidden", __source: { fileName: "", lineNumber: 1603, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-[#ff0080] to-[#7928ca] opacity-0 group-hover:opacity-100 transition-opacity duration-500", __source: { fileName: "", lineNumber: 1607, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 w-full h-full flex items-center justify-center", __source: { fileName: "", lineNumber: 1608, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment-dots text-xl animate-bounce", __source: { fileName: "", lineNumber: 1609, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-[100] bg-black/90 backdrop-blur-xl border-t border-white/5 py-4 px-4", __source: { fileName: "", lineNumber: 1612, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 1613, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 1614, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCalculator(!showCalculator), className: "bg-gradient-to-r from-[#00b4d8]/80 to-[#90e0ef]/80 text-white px-4 py-2 rounded-lg hover:from-[#00b4d8] hover:to-[#90e0ef] transition-all duration-300 flex items-center gap-2", __source: { fileName: "", lineNumber: 1615, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calculator", __source: { fileName: "", lineNumber: 1619, columnNumber: 17 }, __self: this }), "Calculator"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowKanban(!showKanban), className: "bg-gradient-to-r from-[#4f46e5]/80 to-[#7c3aed]/80 text-white px-4 py-2 rounded-lg hover:from-[#4f46e5] hover:to-[#7c3aed] transition-all duration-300 flex items-center gap-2", __source: { fileName: "", lineNumber: 1622, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tasks", __source: { fileName: "", lineNumber: 1626, columnNumber: 17 }, __self: this }), "Tasks")), /*#__PURE__*/ React.createElement("div", { className: "text-white/40 text-sm", __source: { fileName: "", lineNumber: 1630, columnNumber: 13 }, __self: this }, "VIVERSED © ", new Date().getFullYear())))), /*#__PURE__*/ React.createElement("div", { className: "hidden", __source: { fileName: "", lineNumber: 1636, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 1637, columnNumber: 7 }, __self: this }, ` .animated-bg::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: ${darkMode ? "radial-gradient(circle at center, #000000 0%, #000000 100%)" : "radial-gradient(circle at center, #000B3F 0%, #000B5F 100%)"}; opacity: 0.95; will-change: transform; transform: translateZ(0); backface-visibility: hidden; backdrop-filter: blur(20px); } @keyframes star-twinkle { 0%, 100% { opacity: 0.1; } 50% { opacity: 0.95; } } @keyframes planet-orbit { 0% { transform: rotate(0deg) translateX(var(--orbit-radius)) rotate(0deg); } 100% { transform: rotate(360deg) translateX(var(--orbit-radius)) rotate(-360deg); } } .animated-bg::after { content: ''; position: fixed; inset: 0; background-image: radial-gradient(2.5px 2.5px at var(--star-x, 20%) var(--star-y, 20%), rgba(255, 255, 255, 1) 0%, transparent 100%), radial-gradient(2px 2px at var(--star-x2, 60%) var(--star-y2, 40%), rgba(255, 255, 255, 0.98) 0%, transparent 100%), radial-gradient(1.5px 1.5px at var(--star-x3, 30%) var(--star-y3, 70%), rgba(255, 255, 255, 0.95) 0%, transparent 100%), radial-gradient(2.5px 2.5px at var(--star-x4, 80%) var(--star-y4, 90%), rgba(255, 255, 255, 1) 0%, transparent 100%), radial-gradient(2px 2px at var(--star-x5, 15%) var(--star-y5, 25%), rgba(255, 255, 255, 0.98) 0%, transparent 100%), radial-gradient(1.5px 1.5px at var(--star-x6, 75%) var(--star-y6, 85%), rgba(255, 255, 255, 0.95) 0%, transparent 100%); background-size: 800px 800px; animation: star-twinkle 3s infinite; } .pattern-bg span { content: ''; position: fixed; border-radius: 50%; z-index: 1; opacity: 0.15; filter: brightness(1.2); } .pattern-bg span:nth-child(1) { width: 80px; height: 80px; background: linear-gradient(45deg, #ff6b6b, #feca57); box-shadow: 0 0 100px #ff6b6b; top: 25%; left: 45%; --orbit-radius: 350px; animation: planet-orbit 45s linear infinite; } .pattern-bg span:nth-child(2) { width: 60px; height: 60px; background: linear-gradient(45deg, #70a1ff, #7bed9f); box-shadow: 0 0 80px #70a1ff; top: 35%; left: 55%; --orbit-radius: 280px; animation: planet-orbit 38s linear infinite reverse; } .pattern-bg span:nth-child(3) { width: 40px; height: 40px; background: linear-gradient(45deg, #a8e6cf, #dcedc1); box-shadow: 0 0 60px #a8e6cf; top: 45%; left: 50%; --orbit-radius: 420px; animation: planet-orbit 32s linear infinite; } .pattern-bg span:nth-child(4) { width: 70px; height: 70px; background: linear-gradient(45deg, #ff9a9e, #fad0c4); box-shadow: 0 0 90px #ff9a9e; top: 30%; left: 40%; --orbit-radius: 380px; animation: planet-orbit 50s linear infinite reverse; } .pattern-bg span:nth-child(5) { width: 45px; height: 45px; background: linear-gradient(45deg, #ffd1ff, #fab1a0); box-shadow: 0 0 70px #ffd1ff; top: 40%; left: 60%; --orbit-radius: 320px; animation: planet-orbit 42s linear infinite; } .pattern-bg span:nth-child(6) { width: 55px; height: 55px; background: linear-gradient(45deg, #8a2be2, #ba55d3); box-shadow: 0 0 85px #8a2be2; top: 28%; left: 48%; --orbit-radius: 450px; animation: planet-orbit 48s linear infinite reverse; } .pattern-bg span:nth-child(7) { width: 35px; height: 35px; background: linear-gradient(45deg, #20b2aa, #48d1cc); box-shadow: 0 0 65px #20b2aa; top: 42%; left: 52%; --orbit-radius: 300px; animation: planet-orbit 35s linear infinite; } .pattern-bg span:nth-child(8) { width: 50px; height: 50px; background: linear-gradient(45deg, #daa520, #ffd700); box-shadow: 0 0 75px #daa520; top: 32%; left: 58%; --orbit-radius: 400px; animation: planet-orbit 55s linear infinite reverse; } .animated-bg { position: relative; overflow: hidden; } @media (max-width: 768px) { .pattern-bg span { transform: scale(0.6); } .pattern-bg span:nth-child(1) { --orbit-radius: 240px; } .pattern-bg span:nth-child(2) { --orbit-radius: 180px; } .pattern-bg span:nth-child(3) { --orbit-radius: 280px; } .pattern-bg span:nth-child(4) { --orbit-radius: 260px; } .pattern-bg span:nth-child(5) { --orbit-radius: 200px; } .pattern-bg span:nth-child(6) { --orbit-radius: 300px; } .pattern-bg span:nth-child(7) { --orbit-radius: 220px; } .pattern-bg span:nth-child(8) { --orbit-radius: 240px; } } @property --star-x { syntax: ''; initial-value: 20%; inherits: false; } @property --star-y { syntax: ''; initial-value: 20%; inherits: false; } @property --star-x2 { syntax: ''; initial-value: 60%; inherits: false; } @property --star-y2 { syntax: ''; initial-value: 40%; inherits: false; } @property --star-x3 { syntax:}`)); }