function MainComponent() { const [activeTab, setActiveTab] = React.useState("students"); const [students, setStudents] = React.useState([]); const [results, setResults] = React.useState([]); const [attendance, setAttendance] = React.useState([]); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); // Parent portal state const [parentData, setParentData] = React.useState(null); const [parentStudentId, setParentStudentId] = React.useState(""); // Student form state const [studentForm, setStudentForm] = React.useState({ student_id: "", first_name: "", last_name: "", class_name: "", section: "", phone: "", email: "", parent_name: "", parent_phone: "", parent_email: "" }); // Result form state const [resultForm, setResultForm] = React.useState({ student_id: "", subject: "", exam_type: "", marks_obtained: "", total_marks: "", exam_date: "" }); // Attendance form state const [attendanceForm, setAttendanceForm] = React.useState({ student_id: "", attendance_date: new Date().toISOString().split("T")[0], status: "present", remarks: "" }); // Filters const [filters, setFilters] = React.useState({ class_name: "", section: "", student_id: "", subject: "", exam_type: "", start_date: "", end_date: "", attendance_status: "" }); // Load parent portal data const loadParentData = React.useCallback(async ()=>{ if (!parentStudentId.trim()) { setError("Please enter a student ID"); return; } setLoading(true); try { const response = await fetch("/api/parent-portal", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ student_id: parentStudentId }) }); const data = await response.json(); if (data.error) { setError(data.error); setParentData(null); } else { setParentData(data); setError(null); } } catch (err) { setError("Failed to load student data"); setParentData(null); } setLoading(false); }, [ parentStudentId ]); // Load data functions const loadStudents = React.useCallback(async ()=>{ setLoading(true); try { const response = await fetch("/api/students", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ class_name: filters.class_name || undefined, section: filters.section || undefined }) }); const data = await response.json(); if (data.error) { setError(data.error); } else { setStudents(data.students || []); } } catch (err) { setError("Failed to load students"); } setLoading(false); }, [ filters.class_name, filters.section ]); const loadResults = React.useCallback(async ()=>{ setLoading(true); try { const response = await fetch("/api/results", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ student_id: filters.student_id || undefined, subject: filters.subject || undefined, exam_type: filters.exam_type || undefined }) }); const data = await response.json(); if (data.error) { setError(data.error); } else { setResults(data.results || []); } } catch (err) { setError("Failed to load results"); } setLoading(false); }, [ filters.student_id, filters.subject, filters.exam_type ]); const loadAttendance = React.useCallback(async ()=>{ setLoading(true); try { const response = await fetch("/api/attendance", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ student_id: filters.student_id || undefined, start_date: filters.start_date || undefined, end_date: filters.end_date || undefined, status: filters.attendance_status || undefined }) }); const data = await response.json(); if (data.error) { setError(data.error); } else { setAttendance(data.attendance || []); } } catch (err) { setError("Failed to load attendance"); } setLoading(false); }, [ filters.student_id, filters.start_date, filters.end_date, filters.attendance_status ]); // Form submission handlers const handleAddStudent = async (e)=>{ e.preventDefault(); setLoading(true); try { const response = await fetch("/api/add-student", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(studentForm) }); const data = await response.json(); if (data.error) { setError(data.error); } else { setStudentForm({ student_id: "", first_name: "", last_name: "", class_name: "", section: "", phone: "", email: "", parent_name: "", parent_phone: "", parent_email: "" }); loadStudents(); setError(null); } } catch (err) { setError("Failed to add student"); } setLoading(false); }; const handleAddResult = async (e)=>{ e.preventDefault(); setLoading(true); try { const response = await fetch("/api/add-result", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...resultForm, marks_obtained: parseInt(resultForm.marks_obtained), total_marks: parseInt(resultForm.total_marks) }) }); const data = await response.json(); if (data.error) { setError(data.error); } else { setResultForm({ student_id: "", subject: "", exam_type: "", marks_obtained: "", total_marks: "", exam_date: "" }); loadResults(); setError(null); } } catch (err) { setError("Failed to add result"); } setLoading(false); }; const handleMarkAttendance = async (e)=>{ e.preventDefault(); setLoading(true); try { const response = await fetch("/api/mark-attendance", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(attendanceForm) }); const data = await response.json(); if (data.error) { setError(data.error); } else { setAttendanceForm({ student_id: "", attendance_date: new Date().toISOString().split("T")[0], status: "present", remarks: "" }); loadAttendance(); setError(null); } } catch (err) { setError("Failed to mark attendance"); } setLoading(false); }; // Load initial data React.useEffect(()=>{ if (activeTab === "students") { loadStudents(); } else if (activeTab === "results") { loadResults(); } else if (activeTab === "attendance") { loadAttendance(); } }, [ activeTab, loadStudents, loadResults, loadAttendance ]); const getStatusColor = (status)=>{ switch(status){ case "present": return "text-green-600 bg-green-100"; case "absent": return "text-red-600 bg-red-100"; case "late": return "text-yellow-600 bg-yellow-100"; default: return "text-gray-600 bg-gray-100"; } }; const calculatePercentage = (obtained, total)=>{ return (obtained / total * 100).toFixed(1); }; const getAttendancePercentage = (stats)=>{ if (stats.total === 0) return 0; return (stats.present / stats.total * 100).toFixed(1); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 295, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 296, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 298, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 299, columnNumber: 11 }, __self: this }, "St. Xavier's College - School Data Entry System"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 302, columnNumber: 11 }, __self: this }, "Manage students, results, attendance, and parent portal")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded", __source: { fileName: "", lineNumber: 309, columnNumber: 11 }, __self: this }, error, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setError(null), className: "float-right text-red-700 hover:text-red-900", __source: { fileName: "", lineNumber: 311, columnNumber: 13 }, __self: this }, "×")), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 321, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b border-gray-200", __source: { fileName: "", lineNumber: 322, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "-mb-px flex space-x-8", __source: { fileName: "", lineNumber: 323, columnNumber: 13 }, __self: this }, [ { id: "students", label: "Students", icon: "👥" }, { id: "results", label: "Results", icon: "📊" }, { id: "attendance", label: "Attendance", icon: "📅" }, { id: "parent", label: "Parent Portal", icon: "👨‍👩‍👧‍👦" } ].map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab.id, onClick: ()=>setActiveTab(tab.id), className: `py-2 px-1 border-b-2 font-medium text-sm ${activeTab === tab.id ? "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"}`, __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 339, columnNumber: 19 }, __self: this }, tab.icon), tab.label))))), activeTab === "parent" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 349, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 351, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 352, columnNumber: 15 }, __self: this }, "Parent Portal - View Your Child's Progress"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 355, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter your child's Student ID (e.g., STU001)", value: parentStudentId, onChange: (e)=>setParentStudentId(e.target.value), className: "flex-1 border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 356, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: loadParentData, disabled: loading, className: "bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }, loading ? "Loading..." : "View Progress")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 mt-2", __source: { fileName: "", lineNumber: 371, columnNumber: 15 }, __self: this }, "Sample Student IDs: STU001, STU002, STU003, STU004")), parentData && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 378, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 380, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4 text-blue-600", __source: { fileName: "", lineNumber: 381, columnNumber: 19 }, __self: this }, "Student Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 384, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 385, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 386, columnNumber: 23 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 387, columnNumber: 23 }, __self: this }, parentData.student.name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 389, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 390, columnNumber: 23 }, __self: this }, "Student ID"), /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 391, columnNumber: 23 }, __self: this }, parentData.student.student_id)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 395, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 396, columnNumber: 23 }, __self: this }, "Class & Section"), /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 397, columnNumber: 23 }, __self: this }, parentData.student.class, " ", parentData.student.section)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 401, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 402, columnNumber: 23 }, __self: this }, "Parent Name"), /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 403, columnNumber: 23 }, __self: this }, parentData.student.parent_name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 407, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 408, columnNumber: 23 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 409, columnNumber: 23 }, __self: this }, parentData.student.parent_phone), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 412, columnNumber: 23 }, __self: this }, parentData.student.parent_email)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 420, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4 text-green-600", __source: { fileName: "", lineNumber: 421, columnNumber: 19 }, __self: this }, "Academic Performance"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 424, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 425, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-green-600", __source: { fileName: "", lineNumber: 426, columnNumber: 23 }, __self: this }, parentData.stats.results.average_percentage, "%"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 429, columnNumber: 23 }, __self: this }, "Overall Average")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 text-center", __source: { fileName: "", lineNumber: 431, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 432, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 433, columnNumber: 25 }, __self: this }, parentData.stats.results.total_exams), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 436, columnNumber: 25 }, __self: this }, "Total Exams")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 438, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 439, columnNumber: 25 }, __self: this }, parentData.stats.results.subjects.length), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 442, columnNumber: 25 }, __self: this }, "Subjects"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 445, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 mb-2", __source: { fileName: "", lineNumber: 446, columnNumber: 23 }, __self: this }, "Subjects:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-1", __source: { fileName: "", lineNumber: 447, columnNumber: 23 }, __self: this }, parentData.stats.results.subjects.map((subject, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded", __source: { fileName: "", lineNumber: 450, columnNumber: 29 }, __self: this }, subject)))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 464, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4 text-purple-600", __source: { fileName: "", lineNumber: 465, columnNumber: 19 }, __self: this }, "Attendance Summary"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 468, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 469, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-purple-600", __source: { fileName: "", lineNumber: 470, columnNumber: 23 }, __self: this }, getAttendancePercentage(parentData.stats.attendance), "%"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 473, columnNumber: 23 }, __self: this }, "Attendance Rate")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 475, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 476, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 477, columnNumber: 25 }, __self: this }, "Present"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-green-600", __source: { fileName: "", lineNumber: 478, columnNumber: 25 }, __self: this }, parentData.stats.attendance.present)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 482, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 483, columnNumber: 25 }, __self: this }, "Absent"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-red-600", __source: { fileName: "", lineNumber: 484, columnNumber: 25 }, __self: this }, parentData.stats.attendance.absent)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 488, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 489, columnNumber: 25 }, __self: this }, "Late"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-yellow-600", __source: { fileName: "", lineNumber: 490, columnNumber: 25 }, __self: this }, parentData.stats.attendance.late)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between border-t pt-2", __source: { fileName: "", lineNumber: 494, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium", __source: { fileName: "", lineNumber: 495, columnNumber: 25 }, __self: this }, "Total Days"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium", __source: { fileName: "", lineNumber: 496, columnNumber: 25 }, __self: this }, parentData.stats.attendance.total)))))), parentData && parentData.results.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 508, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 509, columnNumber: 17 }, __self: this }, "Recent Exam Results"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 512, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 513, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 514, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 515, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 516, columnNumber: 25 }, __self: this }, "Subject"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 519, columnNumber: 25 }, __self: this }, "Exam Type"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 522, columnNumber: 25 }, __self: this }, "Score"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 525, columnNumber: 25 }, __self: this }, "Percentage"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 528, columnNumber: 25 }, __self: this }, "Date"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 533, columnNumber: 21 }, __self: this }, parentData.results.map((result)=>/*#__PURE__*/ React.createElement("tr", { key: result.id, __source: { fileName: "", lineNumber: 535, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 536, columnNumber: 27 }, __self: this }, result.subject), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 539, columnNumber: 27 }, __self: this }, result.exam_type), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", __source: { fileName: "", lineNumber: 542, columnNumber: 27 }, __self: this }, result.marks_obtained, "/", result.total_marks), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 545, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${result.percentage >= 60 ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 546, columnNumber: 29 }, __self: this }, result.percentage, "%")), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 556, columnNumber: 27 }, __self: this }, new Date(result.exam_date).toLocaleDateString()))))))), parentData && parentData.attendance.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 569, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 570, columnNumber: 17 }, __self: this }, "Recent Attendance"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 573, columnNumber: 17 }, __self: this }, parentData.attendance.slice(0, 12).map((record)=>/*#__PURE__*/ React.createElement("div", { key: record.id, className: "border border-gray-200 rounded-md p-3", __source: { fileName: "", lineNumber: 575, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 579, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 580, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium", __source: { fileName: "", lineNumber: 581, columnNumber: 27 }, __self: this }, new Date(record.date).toLocaleDateString()), record.remarks && /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 585, columnNumber: 29 }, __self: this }, record.remarks)), /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-xs font-medium ${getStatusColor(record.status)}`, __source: { fileName: "", lineNumber: 590, columnNumber: 25 }, __self: this }, record.status.toUpperCase()))))))), activeTab === "students" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 606, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 608, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 609, columnNumber: 15 }, __self: this }, "Add New Student"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddStudent, className: "space-y-4", __source: { fileName: "", lineNumber: 610, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 611, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Student ID", value: studentForm.student_id, onChange: (e)=>setStudentForm({ ...studentForm, student_id: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 612, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "First Name", value: studentForm.first_name, onChange: (e)=>setStudentForm({ ...studentForm, first_name: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 625, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Last Name", value: studentForm.last_name, onChange: (e)=>setStudentForm({ ...studentForm, last_name: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 638, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Class", value: studentForm.class_name, onChange: (e)=>setStudentForm({ ...studentForm, class_name: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 651, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Section", value: studentForm.section, onChange: (e)=>setStudentForm({ ...studentForm, section: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 664, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", placeholder: "Student Phone", value: studentForm.phone, onChange: (e)=>setStudentForm({ ...studentForm, phone: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 676, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Student Email", value: studentForm.email, onChange: (e)=>setStudentForm({ ...studentForm, email: e.target.value }), className: "w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 686, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4", __source: { fileName: "", lineNumber: 697, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-md font-medium mb-3 text-gray-700", __source: { fileName: "", lineNumber: 698, columnNumber: 19 }, __self: this }, "Parent Information"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 701, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Parent Name", value: studentForm.parent_name, onChange: (e)=>setStudentForm({ ...studentForm, parent_name: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 702, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", placeholder: "Parent Phone", value: studentForm.parent_phone, onChange: (e)=>setStudentForm({ ...studentForm, parent_phone: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 714, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Parent Email", value: studentForm.parent_email, onChange: (e)=>setStudentForm({ ...studentForm, parent_email: e.target.value }), className: "w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 mt-4", __source: { fileName: "", lineNumber: 727, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 741, columnNumber: 17 }, __self: this }, loading ? "Adding..." : "Add Student"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 752, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 753, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 754, columnNumber: 17 }, __self: this }, "Students List"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 755, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Filter by class", value: filters.class_name, onChange: (e)=>setFilters({ ...filters, class_name: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-1 text-sm", __source: { fileName: "", lineNumber: 756, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Filter by section", value: filters.section, onChange: (e)=>setFilters({ ...filters, section: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-1 text-sm", __source: { fileName: "", lineNumber: 765, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "max-h-96 overflow-y-auto", __source: { fileName: "", lineNumber: 777, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4", __source: { fileName: "", lineNumber: 779, columnNumber: 19 }, __self: this }, "Loading...") : students.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4 text-gray-500", __source: { fileName: "", lineNumber: 781, columnNumber: 19 }, __self: this }, "No students found") : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 785, columnNumber: 19 }, __self: this }, students.map((student)=>/*#__PURE__*/ React.createElement("div", { key: student.id, className: "border border-gray-200 rounded-md p-3", __source: { fileName: "", lineNumber: 787, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 791, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 792, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium", __source: { fileName: "", lineNumber: 793, columnNumber: 29 }, __self: this }, student.first_name, " ", student.last_name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 796, columnNumber: 29 }, __self: this }, "ID: ", student.student_id), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 799, columnNumber: 29 }, __self: this }, "Class: ", student.class_name, " ", student.section), student.parent_name && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 803, columnNumber: 31 }, __self: this }, "Parent: ", student.parent_name)), /*#__PURE__*/ React.createElement("div", { className: "text-right text-sm text-gray-500", __source: { fileName: "", lineNumber: 808, columnNumber: 27 }, __self: this }, student.phone && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 809, columnNumber: 47 }, __self: this }, student.phone), student.email && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 810, columnNumber: 47 }, __self: this }, student.email))))))))), activeTab === "results" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 824, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 826, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 827, columnNumber: 15 }, __self: this }, "Add Student Result"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddResult, className: "space-y-4", __source: { fileName: "", lineNumber: 828, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Student ID", value: resultForm.student_id, onChange: (e)=>setResultForm({ ...resultForm, student_id: e.target.value }), className: "w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 829, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 839, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Subject", value: resultForm.subject, onChange: (e)=>setResultForm({ ...resultForm, subject: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 840, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: resultForm.exam_type, onChange: (e)=>setResultForm({ ...resultForm, exam_type: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 850, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 861, columnNumber: 21 }, __self: this }, "Select Exam Type"), /*#__PURE__*/ React.createElement("option", { value: "quiz", __source: { fileName: "", lineNumber: 862, columnNumber: 21 }, __self: this }, "Quiz"), /*#__PURE__*/ React.createElement("option", { value: "midterm", __source: { fileName: "", lineNumber: 863, columnNumber: 21 }, __self: this }, "Midterm"), /*#__PURE__*/ React.createElement("option", { value: "final", __source: { fileName: "", lineNumber: 864, columnNumber: 21 }, __self: this }, "Final"), /*#__PURE__*/ React.createElement("option", { value: "assignment", __source: { fileName: "", lineNumber: 865, columnNumber: 21 }, __self: this }, "Assignment")), /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Marks Obtained", value: resultForm.marks_obtained, onChange: (e)=>setResultForm({ ...resultForm, marks_obtained: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, min: "0", __source: { fileName: "", lineNumber: 867, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Total Marks", value: resultForm.total_marks, onChange: (e)=>setResultForm({ ...resultForm, total_marks: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, min: "1", __source: { fileName: "", lineNumber: 881, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "date", value: resultForm.exam_date, onChange: (e)=>setResultForm({ ...resultForm, exam_date: e.target.value }), className: "w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 896, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-green-600 text-white py-2 px-4 rounded-md hover:bg-green-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 905, columnNumber: 17 }, __self: this }, loading ? "Adding..." : "Add Result"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 916, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 917, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 918, columnNumber: 17 }, __self: this }, "Results"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 919, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Student ID", value: filters.student_id, onChange: (e)=>setFilters({ ...filters, student_id: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-1 text-sm", __source: { fileName: "", lineNumber: 920, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Subject", value: filters.subject, onChange: (e)=>setFilters({ ...filters, subject: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-1 text-sm", __source: { fileName: "", lineNumber: 929, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "max-h-96 overflow-y-auto", __source: { fileName: "", lineNumber: 941, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4", __source: { fileName: "", lineNumber: 943, columnNumber: 19 }, __self: this }, "Loading...") : results.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4 text-gray-500", __source: { fileName: "", lineNumber: 945, columnNumber: 19 }, __self: this }, "No results found") : /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 949, columnNumber: 19 }, __self: this }, results.map((result)=>/*#__PURE__*/ React.createElement("div", { key: result.id, className: "border border-gray-200 rounded-md p-3", __source: { fileName: "", lineNumber: 951, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 955, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 956, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium", __source: { fileName: "", lineNumber: 957, columnNumber: 29 }, __self: this }, result.first_name, " ", result.last_name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 960, columnNumber: 29 }, __self: this }, "ID: ", result.student_id, " | Class:", " ", result.class_name, " ", result.section), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 964, columnNumber: 29 }, __self: this }, "Subject: ", result.subject, " | ", result.exam_type), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 967, columnNumber: 29 }, __self: this }, "Date:", " ", new Date(result.exam_date).toLocaleDateString())), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 972, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 973, columnNumber: 29 }, __self: this }, result.marks_obtained, "/", result.total_marks), /*#__PURE__*/ React.createElement("div", { className: `text-sm px-2 py-1 rounded ${calculatePercentage(result.marks_obtained, result.total_marks) >= 60 ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 976, columnNumber: 29 }, __self: this }, calculatePercentage(result.marks_obtained, result.total_marks), "%"))))))))), activeTab === "attendance" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 1005, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 1007, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 1008, columnNumber: 15 }, __self: this }, "Mark Attendance"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleMarkAttendance, className: "space-y-4", __source: { fileName: "", lineNumber: 1009, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Student ID", value: attendanceForm.student_id, onChange: (e)=>setAttendanceForm({ ...attendanceForm, student_id: e.target.value }), className: "w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 1010, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", value: attendanceForm.attendance_date, onChange: (e)=>setAttendanceForm({ ...attendanceForm, attendance_date: e.target.value }), className: "w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 1023, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: attendanceForm.status, onChange: (e)=>setAttendanceForm({ ...attendanceForm, status: e.target.value }), className: "w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 1035, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "present", __source: { fileName: "", lineNumber: 1046, columnNumber: 19 }, __self: this }, "Present"), /*#__PURE__*/ React.createElement("option", { value: "absent", __source: { fileName: "", lineNumber: 1047, columnNumber: 19 }, __self: this }, "Absent"), /*#__PURE__*/ React.createElement("option", { value: "late", __source: { fileName: "", lineNumber: 1048, columnNumber: 19 }, __self: this }, "Late")), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Remarks (optional)", value: attendanceForm.remarks, onChange: (e)=>setAttendanceForm({ ...attendanceForm, remarks: e.target.value }), className: "w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500", rows: "3", __source: { fileName: "", lineNumber: 1050, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-purple-600 text-white py-2 px-4 rounded-md hover:bg-purple-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 1062, columnNumber: 17 }, __self: this }, loading ? "Marking..." : "Mark Attendance"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 1073, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 1074, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 1075, columnNumber: 17 }, __self: this }, "Attendance Records"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 1076, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Student ID", value: filters.student_id, onChange: (e)=>setFilters({ ...filters, student_id: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-1 text-sm", __source: { fileName: "", lineNumber: 1077, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", value: filters.start_date, onChange: (e)=>setFilters({ ...filters, start_date: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-1 text-sm", __source: { fileName: "", lineNumber: 1086, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", value: filters.end_date, onChange: (e)=>setFilters({ ...filters, end_date: e.target.value }), className: "border border-gray-300 rounded-md px-3 py-1 text-sm", __source: { fileName: "", lineNumber: 1094, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "max-h-96 overflow-y-auto", __source: { fileName: "", lineNumber: 1105, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4", __source: { fileName: "", lineNumber: 1107, columnNumber: 19 }, __self: this }, "Loading...") : attendance.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4 text-gray-500", __source: { fileName: "", lineNumber: 1109, columnNumber: 19 }, __self: this }, "No attendance records found") : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1113, columnNumber: 19 }, __self: this }, attendance.map((record)=>/*#__PURE__*/ React.createElement("div", { key: record.id, className: "border border-gray-200 rounded-md p-3", __source: { fileName: "", lineNumber: 1115, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 1119, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1120, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium", __source: { fileName: "", lineNumber: 1121, columnNumber: 29 }, __self: this }, record.first_name, " ", record.last_name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1124, columnNumber: 29 }, __self: this }, "ID: ", record.student_id, " | Class:", " ", record.class_name, " ", record.section), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 1128, columnNumber: 29 }, __self: this }, "Date:", " ", new Date(record.attendance_date).toLocaleDateString()), record.remarks && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 1135, columnNumber: 31 }, __self: this }, "Remarks: ", record.remarks)), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 1140, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-xs font-medium ${getStatusColor(record.status)}`, __source: { fileName: "", lineNumber: 1141, columnNumber: 29 }, __self: this }, record.status.toUpperCase()))))))))))); }