function MainComponent() { const [applications, setApplications] = useState([]); const [filteredApplications, setFilteredApplications] = useState([]); const [selectedStatus, setSelectedStatus] = useState("all"); const [searchQuery, setSearchQuery] = useState(""); const [selectedApplication, setSelectedApplication] = useState(null); const [responseText, setResponseText] = useState(""); const [isAuthenticated, setIsAuthenticated] = useState(false); const [loginData, setLoginData] = useState({ username: "", password: "" }); const [loginError, setLoginError] = useState(""); const [isLoading, setIsLoading] = useState(true); const [isSubmitting, setIsSubmitting] = useState(false); const [error, setError] = useState(null); const [successMessage, setSuccessMessage] = useState(""); const [showDeleteConfirm, setShowDeleteConfirm] = useState(false); const [stats, setStats] = useState({ total: 0, pending: 0, approved: 0, rejected: 0 }); const [isDownloading, setIsDownloading] = useState(false); useEffect(()=>{ const fetchApplications = async ()=>{ try { setIsLoading(true); setError(null); const response = await fetch("/api/get-applications", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Error fetching applications: ${response.statusText}`); } const data = await response.json(); if (data.success) { setApplications(data.data); setFilteredApplications(data.data); setStats(data.stats); } else { setError(data.error || "Failed to fetch applications"); console.error("Failed to fetch applications:", data.error); } } catch (error) { setError("Could not load applications. Please try again later."); console.error(error); } finally{ setIsLoading(false); } }; fetchApplications(); }, []); useEffect(()=>{ let filtered = [ ...applications ]; if (selectedStatus !== "all") { filtered = filtered.filter((app)=>app.status === selectedStatus); } if (searchQuery) { const query = searchQuery.toLowerCase(); filtered = filtered.filter((app)=>app.fullName.toLowerCase().includes(query) || app.email.toLowerCase().includes(query) || app.phone.includes(query) || app.program.toLowerCase().includes(query)); } setFilteredApplications(filtered); }, [ applications, selectedStatus, searchQuery ]); const handleStatusChange = async (id, newStatus)=>{ try { setIsSubmitting(true); const currentApplication = applications.find((app)=>app.id === id); // Don't allow changing from approved to another status if (currentApplication && currentApplication.status === "approved" && newStatus !== "approved") { setError("Approved applications cannot be changed to another status."); return; } const previousStatus = currentApplication ? currentApplication.status : null; const response = await fetch("/api/update-application", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ applicationId: id, status: newStatus, previousStatus, sendEmail: newStatus === "approved" ? true : false }) }); if (!response.ok) { throw new Error(`Error updating application: ${response.statusText}`); } const result = await response.json(); if (result.success) { const updatedApplications = applications.map((app)=>{ if (app.id === id) { return { ...app, status: newStatus }; } return app; }); setApplications(updatedApplications); const total = updatedApplications.length; const pending = updatedApplications.filter((app)=>app.status === "pending").length; const approved = updatedApplications.filter((app)=>app.status === "approved").length; const rejected = updatedApplications.filter((app)=>app.status === "rejected").length; setStats({ total, pending, approved, rejected }); if (selectedApplication && selectedApplication.id === id) { setSelectedApplication({ ...selectedApplication, status: newStatus }); } if (result.emailSent) { setSuccessMessage(`Application ${newStatus}. Approval email sent to ${currentApplication.email}`); if (selectedApplication && selectedApplication.id === id) { const newNote = { date: new Date().toISOString(), text: `Application ${newStatus}. Approval email sent to applicant.`, type: "system" }; setSelectedApplication({ ...selectedApplication, notes: [ ...selectedApplication.notes || [], newNote ] }); } } else { setSuccessMessage(`Application status updated to ${newStatus}`); } } else { throw new Error(result.error || result.message || "Failed to update application status"); } } catch (error) { console.error(error); setError(error.message || "Failed to update application status. Please try again."); } finally{ setIsSubmitting(false); } }; const handleSendResponse = async ()=>{ if (!selectedApplication || !responseText.trim()) return; try { setIsSubmitting(true); const response = await fetch("/api/update-application", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ applicationId: selectedApplication.id, note: responseText, status: selectedApplication.status, previousStatus: selectedApplication.status }) }); if (!response.ok) { throw new Error(`Error sending response: ${response.statusText}`); } const result = await response.json(); if (result.success) { const newNote = { date: new Date().toISOString(), text: responseText, type: "user" }; setSelectedApplication({ ...selectedApplication, notes: [ ...selectedApplication.notes || [], newNote ] }); setResponseText(""); setSuccessMessage("Response added successfully"); } else { throw new Error(result.error || "Failed to send response"); } } catch (error) { console.error(error); setError("Failed to send response. Please try again."); } finally{ setIsSubmitting(false); } }; const handleLogin = (e)=>{ e.preventDefault(); setLoginError(""); if (loginData.username === "hr@gccabots.co.bw" && loginData.password === "mrskeaketswe") { setIsAuthenticated(true); } else { setLoginError("Invalid username or password"); } }; const formatDate = (dateString)=>{ if (!dateString) return "N/A"; try { const date = new Date(dateString); return date.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric", hour: "2-digit", minute: "2-digit" }); } catch (error) { console.error("Error formatting date:", error); return "Invalid date"; } }; const handleDeleteApplication = async ()=>{ if (!selectedApplication) return; try { setIsSubmitting(true); // Check if application is pending before making the API call if (selectedApplication.status === "pending") { throw new Error("Cannot delete pending applications. Application must be approved or rejected first."); } const response = await fetch("/api/delete-application", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ applicationId: selectedApplication.application_id || selectedApplication.applicationId }) }); const result = await response.json(); if (result.success) { const updatedApplications = applications.filter((app)=>app.id !== selectedApplication.id); setApplications(updatedApplications); const total = updatedApplications.length; const pending = updatedApplications.filter((app)=>app.status === "pending").length; const approved = updatedApplications.filter((app)=>app.status === "approved").length; const rejected = updatedApplications.filter((app)=>app.status === "rejected").length; setStats({ total, pending, approved, rejected }); setSelectedApplication(null); setShowDeleteConfirm(false); setSuccessMessage("Application deleted successfully"); } else { throw new Error(result.error || "Failed to delete application"); } } catch (error) { console.error(error); setError("Failed to delete application. " + error.message); setShowDeleteConfirm(false); } finally{ setIsSubmitting(false); } }; const handleDownloadDocument = async (documentType)=>{ if (!selectedApplication) return; try { setIsDownloading(true); setError(null); const applicationId = selectedApplication.applicationId || selectedApplication.application_id; const response = await fetch("/api/download-document", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ applicationId: applicationId, documentType: documentType }) }); const result = await response.json(); if (!result.success) { throw new Error(result.error || `Failed to download ${documentType.replace("_", " ")}`); } // Create a download link for the document const blob = new Blob([ Uint8Array.from(atob(result.document), (c)=>c.charCodeAt(0)) ], { type: `application/${result.contentType || "octet-stream"}` }); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.style.display = "none"; a.href = url; a.download = result.filename || `${documentType.replace("_", "-")}.${result.contentType || "pdf"}`; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(url); document.body.removeChild(a); setSuccessMessage(`${documentType === "id_document" ? "ID Document" : "Certificate"} downloaded successfully`); } catch (error) { console.error(error); setError(error.message); } finally{ setIsDownloading(false); } }; const handleDownloadAdmissionLetter = async ()=>{ if (!selectedApplication) return; try { setIsDownloading(true); setError(null); const applicationId = selectedApplication.applicationId || selectedApplication.application_id; const response = await fetch("/api/download-admission-letter", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ applicationId: applicationId }) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to download admission letter"); } // Handle PDF response const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.style.display = "none"; a.href = url; a.download = `GCCA_Admission_${selectedApplication.admissionNumber || "Letter"}.pdf`; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(url); document.body.removeChild(a); setSuccessMessage("Admission letter downloaded successfully"); } catch (error) { console.error(error); setError(error.message); } finally{ setIsDownloading(false); } }; if (!isAuthenticated) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex items-center justify-center font-roboto", __source: { fileName: "", lineNumber: 431, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md w-full max-w-md", __source: { fileName: "", lineNumber: 432, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 433, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#00AEEF]", __source: { fileName: "", lineNumber: 434, columnNumber: 13 }, __self: this }, "GCCA Admin Portal"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 437, columnNumber: 13 }, __self: this }, "Sign in to access the applications dashboard")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, __source: { fileName: "", lineNumber: 442, columnNumber: 11 }, __self: this }, loginError && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 text-red-600 p-3 rounded-md mb-4", __source: { fileName: "", lineNumber: 444, columnNumber: 15 }, __self: this }, loginError), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 449, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "username", className: "block text-gray-700 font-medium mb-1", __source: { fileName: "", lineNumber: 450, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "username", name: "username", value: loginData.username, onChange: (e)=>setLoginData({ ...loginData, username: e.target.value }), className: "w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-[#00AEEF]", required: true, __source: { fileName: "", lineNumber: 456, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 469, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-gray-700 font-medium mb-1", __source: { fileName: "", lineNumber: 470, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", value: loginData.password, onChange: (e)=>setLoginData({ ...loginData, password: e.target.value }), className: "w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-[#00AEEF]", required: true, __source: { fileName: "", lineNumber: 476, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#00AEEF] text-white py-2 rounded font-medium hover:bg-[#0099d6] transition duration-300", __source: { fileName: "", lineNumber: 489, columnNumber: 13 }, __self: this }, "Sign In")))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 502, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md", __source: { fileName: "", lineNumber: 503, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 504, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#00AEEF]", __source: { fileName: "", lineNumber: 505, columnNumber: 11 }, __self: this }, "GCCA Applications Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsAuthenticated(false), className: "text-gray-600 hover:text-gray-800 flex items-center", __source: { fileName: "", lineNumber: 508, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 512, columnNumber: 13 }, __self: this }), " Logout"))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 517, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 text-red-600 p-4 rounded-md mb-6 flex items-center", __source: { fileName: "", lineNumber: 519, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 520, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 521, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setError(null), className: "ml-auto text-red-500 hover:text-red-700", __source: { fileName: "", lineNumber: 522, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 526, columnNumber: 15 }, __self: this }))), successMessage && /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 text-green-600 p-4 rounded-md mb-6 flex items-center", __source: { fileName: "", lineNumber: 532, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 533, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 534, columnNumber: 13 }, __self: this }, successMessage), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSuccessMessage(""), className: "ml-auto text-green-500 hover:text-green-700", __source: { fileName: "", lineNumber: 535, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 539, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 mb-6", __source: { fileName: "", lineNumber: 544, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 545, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 546, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-100 p-3 rounded-full mr-4", __source: { fileName: "", lineNumber: 547, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt text-[#00AEEF] text-xl", __source: { fileName: "", lineNumber: 548, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 550, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 551, columnNumber: 17 }, __self: this }, "Total Applications"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 552, columnNumber: 17 }, __self: this }, stats.total)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 557, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 558, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-100 p-3 rounded-full mr-4", __source: { fileName: "", lineNumber: 559, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-yellow-500 text-xl", __source: { fileName: "", lineNumber: 560, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 562, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 563, columnNumber: 17 }, __self: this }, "Pending"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 564, columnNumber: 17 }, __self: this }, stats.pending)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 569, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 570, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-100 p-3 rounded-full mr-4", __source: { fileName: "", lineNumber: 571, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-500 text-xl", __source: { fileName: "", lineNumber: 572, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 574, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 575, columnNumber: 17 }, __self: this }, "Approved"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 576, columnNumber: 17 }, __self: this }, stats.approved)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 581, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 582, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 p-3 rounded-full mr-4", __source: { fileName: "", lineNumber: 583, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times-circle text-red-500 text-xl", __source: { fileName: "", lineNumber: 584, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 586, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 587, columnNumber: 17 }, __self: this }, "Rejected"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 588, columnNumber: 17 }, __self: this }, stats.rejected))))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-6", __source: { fileName: "", lineNumber: 594, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-2/3", __source: { fileName: "", lineNumber: 595, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4 mb-6", __source: { fileName: "", lineNumber: 596, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center justify-between mb-4", __source: { fileName: "", lineNumber: 597, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2 md:mb-0", __source: { fileName: "", lineNumber: 598, columnNumber: 17 }, __self: this }, "Applications"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-2", __source: { fileName: "", lineNumber: 600, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 601, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search applications...", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), className: "pl-10 pr-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-[#00AEEF] w-full", __source: { fileName: "", lineNumber: 602, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 609, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("select", { value: selectedStatus, onChange: (e)=>setSelectedStatus(e.target.value), className: "px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-[#00AEEF]", __source: { fileName: "", lineNumber: 612, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 617, columnNumber: 21 }, __self: this }, "All Status"), /*#__PURE__*/ React.createElement("option", { value: "pending", __source: { fileName: "", lineNumber: 618, columnNumber: 21 }, __self: this }, "Pending"), /*#__PURE__*/ React.createElement("option", { value: "approved", __source: { fileName: "", lineNumber: 619, columnNumber: 21 }, __self: this }, "Approved"), /*#__PURE__*/ React.createElement("option", { value: "rejected", __source: { fileName: "", lineNumber: 620, columnNumber: 21 }, __self: this }, "Rejected")))), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center py-8", __source: { fileName: "", lineNumber: 626, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-[#00AEEF] text-2xl mr-2", __source: { fileName: "", lineNumber: 627, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 628, columnNumber: 19 }, __self: this }, "Loading applications...")) : filteredApplications.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 631, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder-open text-4xl mb-2", __source: { fileName: "", lineNumber: 632, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 633, columnNumber: 19 }, __self: this }, "No applications found")) : /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 636, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full", __source: { fileName: "", lineNumber: 637, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 638, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 639, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 text-left text-gray-500 font-medium", __source: { fileName: "", lineNumber: 640, columnNumber: 25 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 text-left text-gray-500 font-medium", __source: { fileName: "", lineNumber: 643, columnNumber: 25 }, __self: this }, "Program"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 text-left text-gray-500 font-medium", __source: { fileName: "", lineNumber: 646, columnNumber: 25 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 text-left text-gray-500 font-medium", __source: { fileName: "", lineNumber: 649, columnNumber: 25 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 text-left text-gray-500 font-medium", __source: { fileName: "", lineNumber: 652, columnNumber: 25 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 657, columnNumber: 21 }, __self: this }, filteredApplications.map((application)=>/*#__PURE__*/ React.createElement("tr", { key: application.id, className: "hover:bg-gray-50", __source: { fileName: "", lineNumber: 659, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3", __source: { fileName: "", lineNumber: 660, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 661, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 662, columnNumber: 31 }, __self: this }, application.fullName), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 665, columnNumber: 31 }, __self: this }, application.email))), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 670, columnNumber: 27 }, __self: this }, application.program), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 673, columnNumber: 27 }, __self: this }, formatDate(application.submissionDate)), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3", __source: { fileName: "", lineNumber: 676, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${application.status === "approved" ? "bg-green-100 text-green-800" : application.status === "rejected" ? "bg-red-100 text-red-800" : "bg-yellow-100 text-yellow-800"}`, __source: { fileName: "", lineNumber: 677, columnNumber: 29 }, __self: this }, application.status.charAt(0).toUpperCase() + application.status.slice(1))), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3", __source: { fileName: "", lineNumber: 690, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedApplication(application), className: "text-[#00AEEF] hover:text-[#0099d6]", disabled: isSubmitting, __source: { fileName: "", lineNumber: 691, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye mr-1", __source: { fileName: "", lineNumber: 698, columnNumber: 31 }, __self: this }), " View"))))))))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/3", __source: { fileName: "", lineNumber: 710, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4 sticky top-4", __source: { fileName: "", lineNumber: 711, columnNumber: 13 }, __self: this }, selectedApplication ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 713, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 714, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 715, columnNumber: 21 }, __self: this }, "Application Details"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedApplication(null), className: "text-gray-400 hover:text-gray-600", disabled: isSubmitting, __source: { fileName: "", lineNumber: 716, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 721, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 725, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-lg mb-2", __source: { fileName: "", lineNumber: 726, columnNumber: 21 }, __self: this }, selectedApplication.fullName), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 729, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 730, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-gray-400 w-5 mr-2", __source: { fileName: "", lineNumber: 731, columnNumber: 25 }, __self: this }), selectedApplication.email), /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 734, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-gray-400 w-5 mr-2", __source: { fileName: "", lineNumber: 735, columnNumber: 25 }, __self: this }), selectedApplication.phone), /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 738, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-gray-400 w-5 mr-2", __source: { fileName: "", lineNumber: 739, columnNumber: 25 }, __self: this }), selectedApplication.program), selectedApplication.education && /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 743, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-graduate text-gray-400 w-5 mr-2", __source: { fileName: "", lineNumber: 744, columnNumber: 27 }, __self: this }), selectedApplication.education), selectedApplication.referral && /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 749, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-friends text-gray-400 w-5 mr-2", __source: { fileName: "", lineNumber: 750, columnNumber: 27 }, __self: this }), "Referral: ", selectedApplication.referral), /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 754, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar text-gray-400 w-5 mr-2", __source: { fileName: "", lineNumber: 755, columnNumber: 25 }, __self: this }), "Submitted:", " ", formatDate(selectedApplication.submissionDate))), selectedApplication.message && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 762, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-1", __source: { fileName: "", lineNumber: 763, columnNumber: 25 }, __self: this }, "Message:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 764, columnNumber: 25 }, __self: this }, selectedApplication.message))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 769, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 770, columnNumber: 21 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 771, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleStatusChange(selectedApplication.id, "pending"), disabled: isSubmitting || selectedApplication.status === "pending", className: `px-3 py-1 rounded text-sm font-medium ${selectedApplication.status === "pending" ? "bg-yellow-500 text-white" : "bg-gray-200 text-gray-700 hover:bg-gray-300"} ${isSubmitting ? "opacity-50 cursor-not-allowed" : ""}`, __source: { fileName: "", lineNumber: 772, columnNumber: 23 }, __self: this }, "Pending"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleStatusChange(selectedApplication.id, "approved"), disabled: isSubmitting || selectedApplication.status === "approved", className: `px-3 py-1 rounded text-sm font-medium ${selectedApplication.status === "approved" ? "bg-green-500 text-white" : "bg-gray-200 text-gray-700 hover:bg-gray-300"} ${isSubmitting ? "opacity-50 cursor-not-allowed" : ""}`, __source: { fileName: "", lineNumber: 788, columnNumber: 23 }, __self: this }, "Approve"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleStatusChange(selectedApplication.id, "rejected"), disabled: isSubmitting || selectedApplication.status === "rejected", className: `px-3 py-1 rounded text-sm font-medium ${selectedApplication.status === "rejected" ? "bg-red-500 text-white" : "bg-gray-200 text-gray-700 hover:bg-gray-300"} ${isSubmitting ? "opacity-50 cursor-not-allowed" : ""}`, __source: { fileName: "", lineNumber: 804, columnNumber: 23 }, __self: this }, "Reject"))), selectedApplication.status === "approved" && /*#__PURE__*/ React.createElement("div", { className: "mt-4 mb-4", __source: { fileName: "", lineNumber: 824, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-green-50 border-l-4 border-green-500 text-sm", __source: { fileName: "", lineNumber: 825, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium text-green-800 mb-1", __source: { fileName: "", lineNumber: 826, columnNumber: 25 }, __self: this }, "Application Approved"), /*#__PURE__*/ React.createElement("p", { className: "text-green-700", __source: { fileName: "", lineNumber: 829, columnNumber: 25 }, __self: this }, "An email has been sent to the applicant with instructions to contact the admission office to complete their application process."))), (selectedApplication.status === "approved" || selectedApplication.status === "rejected") && /*#__PURE__*/ React.createElement("div", { className: "mt-4 mb-4", __source: { fileName: "", lineNumber: 840, columnNumber: 21 }, __self: this }, showDeleteConfirm ? /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 p-3 rounded-md border border-red-200 mb-3", __source: { fileName: "", lineNumber: 842, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-700 mb-2 font-medium", __source: { fileName: "", lineNumber: 843, columnNumber: 27 }, __self: this }, "Are you sure you want to delete this application?"), /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-sm mb-3", __source: { fileName: "", lineNumber: 846, columnNumber: 27 }, __self: this }, "This action cannot be undone."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 849, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleDeleteApplication, disabled: isSubmitting, className: `bg-red-600 text-white px-3 py-1 rounded text-sm font-medium ${isSubmitting ? "opacity-50 cursor-not-allowed" : "hover:bg-red-700"}`, __source: { fileName: "", lineNumber: 850, columnNumber: 29 }, __self: this }, isSubmitting ? "Deleting..." : "Yes, Delete"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDeleteConfirm(false), disabled: isSubmitting, className: "bg-gray-200 text-gray-700 hover:bg-gray-300 px-3 py-1 rounded text-sm font-medium", __source: { fileName: "", lineNumber: 861, columnNumber: 29 }, __self: this }, "Cancel"))) : /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDeleteConfirm(true), disabled: isSubmitting, className: `w-full bg-red-100 text-red-700 py-2 rounded font-medium ${isSubmitting ? "opacity-50 cursor-not-allowed" : "hover:bg-red-200"} transition duration-300`, __source: { fileName: "", lineNumber: 871, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt mr-2", __source: { fileName: "", lineNumber: 880, columnNumber: 27 }, __self: this }), "Delete Application")), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 887, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 888, columnNumber: 21 }, __self: this }, "Documents"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 889, columnNumber: 21 }, __self: this }, selectedApplication.status === "approved" && /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-3 bg-blue-50 rounded", __source: { fileName: "", lineNumber: 891, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 892, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf text-blue-500 mr-2", __source: { fileName: "", lineNumber: 893, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 894, columnNumber: 29 }, __self: this }, "Admission Letter")), /*#__PURE__*/ React.createElement("button", { onClick: handleDownloadAdmissionLetter, disabled: isDownloading, className: `text-blue-600 hover:text-blue-800 ${isDownloading ? "opacity-50 cursor-not-allowed" : ""}`, __source: { fileName: "", lineNumber: 896, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 901, columnNumber: 29 }, __self: this }))), selectedApplication.hasIdDocument && /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-3 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 907, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 908, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-id-card text-gray-500 mr-2", __source: { fileName: "", lineNumber: 909, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 910, columnNumber: 29 }, __self: this }, "ID Document"), selectedApplication.idDocumentFilename && /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500 ml-2", __source: { fileName: "", lineNumber: 912, columnNumber: 31 }, __self: this }, "(", selectedApplication.idDocumentFilename, ")")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDownloadDocument("id_document"), disabled: isDownloading, className: `text-blue-600 hover:text-blue-800 ${isDownloading ? "opacity-50 cursor-not-allowed" : ""}`, __source: { fileName: "", lineNumber: 917, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 924, columnNumber: 29 }, __self: this }))), selectedApplication.hasCertificate && /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-3 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 930, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 931, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-certificate text-gray-500 mr-2", __source: { fileName: "", lineNumber: 932, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 933, columnNumber: 29 }, __self: this }, "Certificate"), selectedApplication.certificateFilename && /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500 ml-2", __source: { fileName: "", lineNumber: 935, columnNumber: 31 }, __self: this }, "(", selectedApplication.certificateFilename, ")")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDownloadDocument("certificate"), disabled: isDownloading, className: `text-blue-600 hover:text-blue-800 ${isDownloading ? "opacity-50 cursor-not-allowed" : ""}`, __source: { fileName: "", lineNumber: 940, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 947, columnNumber: 29 }, __self: this }))), !selectedApplication.hasIdDocument && !selectedApplication.hasCertificate && selectedApplication.status !== "approved" && /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-sm italic", __source: { fileName: "", lineNumber: 955, columnNumber: 27 }, __self: this }, "No documents available"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 962, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 963, columnNumber: 21 }, __self: this }, "Communication History"), !selectedApplication.notes || selectedApplication.notes.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-sm italic", __source: { fileName: "", lineNumber: 966, columnNumber: 23 }, __self: this }, "No communication history") : /*#__PURE__*/ React.createElement("div", { className: "space-y-3 max-h-40 overflow-y-auto", __source: { fileName: "", lineNumber: 970, columnNumber: 23 }, __self: this }, selectedApplication.notes.map((note, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-3 rounded text-sm ${note.type === "system" ? "bg-blue-50 border-l-4 border-blue-500" : "bg-gray-50"}`, __source: { fileName: "", lineNumber: 972, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-xs mb-1", __source: { fileName: "", lineNumber: 980, columnNumber: 29 }, __self: this }, formatDate(note.date)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 983, columnNumber: 29 }, __self: this }, note.text))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 990, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 991, columnNumber: 21 }, __self: this }, "Send Response"), /*#__PURE__*/ React.createElement("textarea", { value: responseText, onChange: (e)=>setResponseText(e.target.value), placeholder: "Type your response here...", className: "w-full p-3 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-[#00AEEF] mb-3", rows: "3", disabled: isSubmitting, __source: { fileName: "", lineNumber: 992, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSendResponse, disabled: !responseText.trim() || isSubmitting, className: `w-full bg-[#00AEEF] text-white py-2 rounded font-medium ${!responseText.trim() || isSubmitting ? "opacity-50 cursor-not-allowed" : "hover:bg-[#0099d6]"} transition duration-300`, __source: { fileName: "", lineNumber: 1000, columnNumber: 21 }, __self: this }, isSubmitting ? "Sending..." : "Send Response"))) : /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 1014, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt text-4xl mb-2", __source: { fileName: "", lineNumber: 1015, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1016, columnNumber: 19 }, __self: this }, "Select an application to view details"))))))); }