function MainComponent() { const [currentView, setCurrentView] = React.useState("login"); // 'login', 'teacher', or 'principal' const [classes, setClasses] = React.useState([]); const [selectedClass, setSelectedClass] = React.useState(null); const [students, setStudents] = React.useState([]); const [attendance, setAttendance] = React.useState({}); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [success, setSuccess] = React.useState(null); const [teacherName, setTeacherName] = React.useState(""); const [attendanceDate, setAttendanceDate] = React.useState(new Date().toISOString().split("T")[0]); const [reports, setReports] = React.useState(null); // New states for class creation const [showCreateClass, setShowCreateClass] = React.useState(false); const [newClass, setNewClass] = React.useState({ className: "", section: "", teacherName: "" }); // New states for teacher creation const [showCreateTeacher, setShowCreateTeacher] = React.useState(false); const [newTeacher, setNewTeacher] = React.useState({ teacherName: "", username: "", password: "", classId: "" }); // New states for editing const [editingClass, setEditingClass] = React.useState(null); const [editingTeacher, setEditingTeacher] = React.useState(null); const [teachers, setTeachers] = React.useState([]); const [showTeachers, setShowTeachers] = React.useState(false); // Load classes on component mount React.useEffect(()=>{ if (currentView !== "login") { loadClasses(); loadTeachers(); // Load teachers for dropdown } }, [ currentView ]); const loadClasses = async ()=>{ try { setLoading(true); const response = await fetch("/api/classes", { method: "POST" }); if (!response.ok) { throw new Error(`Failed to load classes: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { setClasses(data.classes); } else { setError(data.error || "Failed to load classes"); } } catch (err) { console.error(err); setError("Could not load classes"); } finally{ setLoading(false); } }; const loadTeachers = async ()=>{ try { const response = await fetch("/api/teachers", { method: "POST" }); if (!response.ok) { throw new Error(`Failed to load teachers: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { setTeachers(data.teachers); } else { setError(data.error || "Failed to load teachers"); } } catch (err) { console.error(err); setError("Could not load teachers"); } }; const loadStudents = async (classId)=>{ try { setLoading(true); const response = await fetch("/api/students", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ classId }) }); if (!response.ok) { throw new Error(`Failed to load students: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { setStudents(data.students); // Initialize attendance state const initialAttendance = {}; data.students.forEach((student)=>{ initialAttendance[student.id] = false; }); setAttendance(initialAttendance); } else { setError(data.error || "Failed to load students"); } } catch (err) { console.error(err); setError("Could not load students"); } finally{ setLoading(false); } }; const handleClassSelect = (classData)=>{ setSelectedClass(classData); setTeacherName(classData.teacher_name); loadStudents(classData.id); setError(null); setSuccess(null); }; const toggleAttendance = (studentId)=>{ setAttendance((prev)=>({ ...prev, [studentId]: !prev[studentId] })); }; const markAllPresent = ()=>{ const allPresent = {}; students.forEach((student)=>{ allPresent[student.id] = true; }); setAttendance(allPresent); }; const markAllAbsent = ()=>{ const allAbsent = {}; students.forEach((student)=>{ allAbsent[student.id] = false; }); setAttendance(allAbsent); }; const submitAttendance = async ()=>{ if (!selectedClass || !teacherName.trim()) { setError("Please select a class and teacher name"); return; } try { setLoading(true); const bulkAttendance = students.map((student)=>({ studentId: student.id, classId: selectedClass.id, isPresent: attendance[student.id] || false })); const response = await fetch("/api/mark-attendance", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ bulkAttendance, attendanceDate, markedBy: teacherName }) }); if (!response.ok) { throw new Error(`Failed to mark attendance: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { setSuccess(`Attendance marked successfully for ${data.recordsProcessed} students`); setError(null); } else { setError(data.error || "Failed to mark attendance"); } } catch (err) { console.error(err); setError("Could not mark attendance"); } finally{ setLoading(false); } }; const loadReports = async ()=>{ try { setLoading(true); const response = await fetch("/api/attendance-reports", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ startDate: attendanceDate, endDate: attendanceDate }) }); if (!response.ok) { throw new Error(`Failed to load reports: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { setReports(data.data); setError(null); } else { setError(data.error || "Failed to load reports"); } } catch (err) { console.error(err); setError("Could not load reports"); } finally{ setLoading(false); } }; const createClass = async ()=>{ if (!newClass.className.trim() || !newClass.section.trim() || !newClass.teacherName.trim()) { setError("Please fill in all fields to create a class"); return; } try { setLoading(true); const response = await fetch("/api/create-class", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ className: newClass.className.trim(), section: newClass.section.trim(), teacherName: newClass.teacherName.trim() }) }); if (!response.ok) { throw new Error(`Failed to create class: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { setSuccess(`Class ${data.class.class_name} - ${data.class.section} created successfully`); setNewClass({ className: "", section: "", teacherName: "" }); setShowCreateClass(false); loadClasses(); // Refresh the classes list setError(null); } else { setError(data.error || "Failed to create class"); } } catch (err) { console.error(err); setError("Could not create class"); } finally{ setLoading(false); } }; const updateClass = async ()=>{ if (!editingClass.class_name.trim() || !editingClass.section.trim() || !editingClass.teacher_name.trim()) { setError("Please fill in all fields to update the class"); return; } try { setLoading(true); const response = await fetch("/api/update-class", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ classId: editingClass.id, className: editingClass.class_name.trim(), section: editingClass.section.trim(), teacherName: editingClass.teacher_name.trim() }) }); if (!response.ok) { throw new Error(`Failed to update class: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { setSuccess(`Class updated successfully`); setEditingClass(null); loadClasses(); // Refresh the classes list setError(null); } else { setError(data.error || "Failed to update class"); } } catch (err) { console.error(err); setError("Could not update class"); } finally{ setLoading(false); } }; const createTeacher = async ()=>{ if (!newTeacher.teacherName.trim() || !newTeacher.username.trim() || !newTeacher.password.trim()) { setError("Please fill in all fields to create a teacher account"); return; } try { setLoading(true); const response = await fetch("/api/create-teacher", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ teacherName: newTeacher.teacherName.trim(), username: newTeacher.username.trim(), password: newTeacher.password.trim(), classId: newTeacher.classId }) }); if (!response.ok) { throw new Error(`Failed to create teacher account: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { setSuccess(`Teacher account created successfully for ${newTeacher.teacherName}`); setNewTeacher({ teacherName: "", username: "", password: "", classId: "" }); setShowCreateTeacher(false); loadClasses(); // Refresh the classes list loadTeachers(); // Refresh teachers list setError(null); } else { setError(data.error || "Failed to create teacher account"); } } catch (err) { console.error(err); setError("Could not create teacher account"); } finally{ setLoading(false); } }; const updateTeacher = async ()=>{ if (!editingTeacher.teacher_name.trim() || !editingTeacher.username.trim()) { setError("Please fill in required fields to update the teacher"); return; } try { setLoading(true); const response = await fetch("/api/update-teacher", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ teacherId: editingTeacher.id, teacherName: editingTeacher.teacher_name.trim(), username: editingTeacher.username.trim(), password: editingTeacher.password || null, classId: editingTeacher.class_id || null }) }); if (!response.ok) { throw new Error(`Failed to update teacher: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { setSuccess(`Teacher updated successfully`); setEditingTeacher(null); loadTeachers(); // Refresh the teachers list loadClasses(); // Refresh classes in case assignments changed setError(null); } else { setError(data.error || "Failed to update teacher"); } } catch (err) { console.error(err); setError("Could not update teacher"); } finally{ setLoading(false); } }; const presentCount = Object.values(attendance).filter(Boolean).length; const totalStudents = students.length; const malePresent = students.filter((s)=>s.gender === "Male" && attendance[s.id]).length; const femalePresent = students.filter((s)=>s.gender === "Female" && attendance[s.id]).length; // Login Screen if (currentView === "login") { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 font-inter flex items-center justify-center", __source: { fileName: "", lineNumber: 442, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-2xl p-8 w-full max-w-md", __source: { fileName: "", lineNumber: 443, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 444, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-blue-600 mb-2", __source: { fileName: "", lineNumber: 445, columnNumber: 13 }, __self: this }, "St. Xavier's High School"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-gray-600 mb-6", __source: { fileName: "", lineNumber: 448, columnNumber: 13 }, __self: this }, "Deoghar"), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-800", __source: { fileName: "", lineNumber: 449, columnNumber: 13 }, __self: this }, "Student Attendance System")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 454, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("teacher"), className: "w-full py-4 bg-blue-600 text-white rounded-lg font-semibold hover:bg-blue-700 transition-colors flex items-center justify-center", __source: { fileName: "", lineNumber: 455, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chalkboard-teacher mr-3 text-xl", __source: { fileName: "", lineNumber: 459, columnNumber: 15 }, __self: this }), "Login as Teacher"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("principal"), className: "w-full py-4 bg-purple-600 text-white rounded-lg font-semibold hover:bg-purple-700 transition-colors flex items-center justify-center", __source: { fileName: "", lineNumber: 463, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-tie mr-3 text-xl", __source: { fileName: "", lineNumber: 467, columnNumber: 15 }, __self: this }), "Login as Principal")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center text-sm text-gray-500", __source: { fileName: "", lineNumber: 472, columnNumber: 11 }, __self: this }, "Select your role to access the attendance system"))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 font-inter", __source: { fileName: "", lineNumber: 481, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 text-white p-4 shadow-lg", __source: { fileName: "", lineNumber: 483, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 484, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 485, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 486, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 487, columnNumber: 15 }, __self: this }, "Welcome to St. Xavier's High School, Deoghar"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-medium mb-4", __source: { fileName: "", lineNumber: 490, columnNumber: 15 }, __self: this }, "Student Attendance System")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("login"), className: "px-4 py-2 bg-red-500 hover:bg-red-600 rounded-lg font-medium transition-colors", __source: { fileName: "", lineNumber: 494, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 498, columnNumber: 15 }, __self: this }), "Logout")), currentView === "principal" && /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 503, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "px-4 py-2 bg-white text-purple-600 rounded-lg font-medium", __source: { fileName: "", lineNumber: 504, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-tie mr-2", __source: { fileName: "", lineNumber: 505, columnNumber: 17 }, __self: this }), "Principal Dashboard")), currentView === "teacher" && /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 511, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "px-4 py-2 bg-white text-blue-600 rounded-lg font-medium", __source: { fileName: "", lineNumber: 512, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chalkboard-teacher mr-2", __source: { fileName: "", lineNumber: 513, columnNumber: 17 }, __self: this }), "Teacher View")))), /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto p-6", __source: { fileName: "", lineNumber: 521, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 524, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 525, columnNumber: 13 }, __self: this }), error), success && /*#__PURE__*/ React.createElement("div", { className: "bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 530, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 531, columnNumber: 13 }, __self: this }), success), currentView === "teacher" ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 537, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6 mb-6", __source: { fileName: "", lineNumber: 539, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 540, columnNumber: 15 }, __self: this }, "Mark Attendance"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-6", __source: { fileName: "", lineNumber: 543, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 544, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 545, columnNumber: 19 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("input", { type: "date", value: attendanceDate, onChange: (e)=>setAttendanceDate(e.target.value), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 548, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 555, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 556, columnNumber: 19 }, __self: this }, "Teacher Name"), /*#__PURE__*/ React.createElement("select", { value: teacherName, onChange: (e)=>setTeacherName(e.target.value), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 559, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 564, columnNumber: 21 }, __self: this }, "Select Teacher"), teachers.map((teacher)=>/*#__PURE__*/ React.createElement("option", { key: teacher.id, value: teacher.teacher_name, __source: { fileName: "", lineNumber: 566, columnNumber: 23 }, __self: this }, teacher.teacher_name))))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 575, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mb-3", __source: { fileName: "", lineNumber: 576, columnNumber: 17 }, __self: this }, "Select Class"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 577, columnNumber: 17 }, __self: this }, classes.map((classData)=>/*#__PURE__*/ React.createElement("button", { key: classData.id, onClick: ()=>handleClassSelect(classData), className: `p-4 rounded-lg border-2 text-left transition-colors ${selectedClass?.id === classData.id ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-blue-300 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 579, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-lg", __source: { fileName: "", lineNumber: 588, columnNumber: 23 }, __self: this }, classData.class_name, " - ", classData.section), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 591, columnNumber: 23 }, __self: this }, "Teacher: ", classData.teacher_name)))))), selectedClass && students.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 602, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between mb-6", __source: { fileName: "", lineNumber: 603, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4 md:mb-0", __source: { fileName: "", lineNumber: 604, columnNumber: 19 }, __self: this }, "Students - ", selectedClass.class_name, " ", selectedClass.section), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 608, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: markAllPresent, className: "px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors", __source: { fileName: "", lineNumber: 609, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 613, columnNumber: 23 }, __self: this }), "Mark All Present"), /*#__PURE__*/ React.createElement("button", { onClick: markAllAbsent, className: "px-4 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 616, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-2", __source: { fileName: "", lineNumber: 620, columnNumber: 23 }, __self: this }), "Mark All Absent"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-6 p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 627, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 628, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 629, columnNumber: 21 }, __self: this }, totalStudents), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 632, columnNumber: 21 }, __self: this }, "Total Students")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 634, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-green-600", __source: { fileName: "", lineNumber: 635, columnNumber: 21 }, __self: this }, presentCount), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 638, columnNumber: 21 }, __self: this }, "Present")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 640, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-blue-500", __source: { fileName: "", lineNumber: 641, columnNumber: 21 }, __self: this }, malePresent), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 644, columnNumber: 21 }, __self: this }, "Boys Present")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 646, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-pink-500", __source: { fileName: "", lineNumber: 647, columnNumber: 21 }, __self: this }, femalePresent), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 650, columnNumber: 21 }, __self: this }, "Girls Present"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 mb-6", __source: { fileName: "", lineNumber: 655, columnNumber: 17 }, __self: this }, students.map((student)=>/*#__PURE__*/ React.createElement("div", { key: student.id, className: `flex items-center justify-between p-4 rounded-lg border-2 cursor-pointer transition-colors ${attendance[student.id] ? "border-green-500 bg-green-50" : "border-gray-200 bg-white hover:bg-gray-50"}`, onClick: ()=>toggleAttendance(student.id), __source: { fileName: "", lineNumber: 657, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 666, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-6 h-6 rounded-full border-2 mr-4 flex items-center justify-center ${attendance[student.id] ? "border-green-500 bg-green-500" : "border-gray-300"}`, __source: { fileName: "", lineNumber: 667, columnNumber: 25 }, __self: this }, attendance[student.id] && /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-white text-xs", __source: { fileName: "", lineNumber: 675, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 678, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium", __source: { fileName: "", lineNumber: 679, columnNumber: 27 }, __self: this }, student.student_name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 682, columnNumber: 27 }, __self: this }, "Roll: ", student.roll_number, " | ", student.gender))), /*#__PURE__*/ React.createElement("div", { className: `px-3 py-1 rounded-full text-sm font-medium ${attendance[student.id] ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-600"}`, __source: { fileName: "", lineNumber: 687, columnNumber: 23 }, __self: this }, attendance[student.id] ? "Present" : "Absent")))), /*#__PURE__*/ React.createElement("button", { onClick: submitAttendance, disabled: loading || !teacherName.trim(), className: "w-full py-3 bg-blue-600 text-white rounded-lg font-semibold hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors", __source: { fileName: "", lineNumber: 701, columnNumber: 17 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 707, columnNumber: 21 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-save mr-2", __source: { fileName: "", lineNumber: 709, columnNumber: 21 }, __self: this }), "Submit Attendance"))) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 717, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6 mb-6", __source: { fileName: "", lineNumber: 719, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between mb-6", __source: { fileName: "", lineNumber: 720, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 md:mb-0", __source: { fileName: "", lineNumber: 721, columnNumber: 17 }, __self: this }, "Principal Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 flex-wrap", __source: { fileName: "", lineNumber: 724, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowTeachers(!showTeachers); if (!showTeachers) loadTeachers(); }, className: "px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors", __source: { fileName: "", lineNumber: 725, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 732, columnNumber: 21 }, __self: this }), showTeachers ? "Hide" : "Manage", " Teachers"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCreateTeacher(!showCreateTeacher), className: "px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors", __source: { fileName: "", lineNumber: 735, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus mr-2", __source: { fileName: "", lineNumber: 739, columnNumber: 21 }, __self: this }), "Create Teacher Account"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCreateClass(!showCreateClass), className: "px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors", __source: { fileName: "", lineNumber: 742, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 746, columnNumber: 21 }, __self: this }), "Create New Class"), /*#__PURE__*/ React.createElement("input", { type: "date", value: attendanceDate, onChange: (e)=>setAttendanceDate(e.target.value), className: "p-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 749, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: loadReports, disabled: loading, className: "px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:bg-gray-400 transition-colors", __source: { fileName: "", lineNumber: 755, columnNumber: 19 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 761, columnNumber: 23 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync mr-2", __source: { fileName: "", lineNumber: 763, columnNumber: 23 }, __self: this }), "Refresh Reports"))), showTeachers && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-indigo-50 rounded-lg border", __source: { fileName: "", lineNumber: 772, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 773, columnNumber: 19 }, __self: this }, "Manage Teachers"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 776, columnNumber: 19 }, __self: this }, teachers.map((teacher)=>/*#__PURE__*/ React.createElement("div", { key: teacher.id, className: "flex items-center justify-between p-3 bg-white rounded-lg border", __source: { fileName: "", lineNumber: 778, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 782, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium", __source: { fileName: "", lineNumber: 783, columnNumber: 27 }, __self: this }, teacher.teacher_name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 786, columnNumber: 27 }, __self: this }, "Username: ", teacher.username, " | Class:", " ", teacher.class_name ? `${teacher.class_name} - ${teacher.section}` : "Not assigned")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingTeacher(teacher), className: "px-3 py-1 bg-indigo-600 text-white rounded hover:bg-indigo-700 transition-colors", __source: { fileName: "", lineNumber: 793, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit mr-1", __source: { fileName: "", lineNumber: 797, columnNumber: 27 }, __self: this }), "Edit"))))), editingTeacher && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-yellow-50 rounded-lg border", __source: { fileName: "", lineNumber: 808, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 809, columnNumber: 19 }, __self: this }, "Edit Teacher"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-4", __source: { fileName: "", lineNumber: 810, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 811, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 812, columnNumber: 23 }, __self: this }, "Teacher Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: editingTeacher.teacher_name, onChange: (e)=>setEditingTeacher((prev)=>({ ...prev, teacher_name: e.target.value })), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-yellow-500", __source: { fileName: "", lineNumber: 815, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 827, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 828, columnNumber: 23 }, __self: this }, "Username *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: editingTeacher.username, onChange: (e)=>setEditingTeacher((prev)=>({ ...prev, username: e.target.value })), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-yellow-500", __source: { fileName: "", lineNumber: 831, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 843, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 844, columnNumber: 23 }, __self: this }, "New Password (Optional)"), /*#__PURE__*/ React.createElement("input", { type: "password", value: editingTeacher.password || "", onChange: (e)=>setEditingTeacher((prev)=>({ ...prev, password: e.target.value })), placeholder: "Leave blank to keep current", className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-yellow-500", __source: { fileName: "", lineNumber: 847, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 860, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 861, columnNumber: 23 }, __self: this }, "Assign Class"), /*#__PURE__*/ React.createElement("select", { value: editingTeacher.class_id || "", onChange: (e)=>setEditingTeacher((prev)=>({ ...prev, class_id: e.target.value })), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-yellow-500", __source: { fileName: "", lineNumber: 864, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 874, columnNumber: 25 }, __self: this }, "No class assigned"), classes.map((classData)=>/*#__PURE__*/ React.createElement("option", { key: classData.id, value: classData.id, __source: { fileName: "", lineNumber: 876, columnNumber: 27 }, __self: this }, classData.class_name, " - ", classData.section))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 883, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: updateTeacher, disabled: loading, className: "px-4 py-2 bg-yellow-600 text-white rounded-lg hover:bg-yellow-700 disabled:bg-gray-400 transition-colors", __source: { fileName: "", lineNumber: 884, columnNumber: 21 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 890, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-save mr-2", __source: { fileName: "", lineNumber: 892, columnNumber: 25 }, __self: this }), "Update Teacher"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingTeacher(null), className: "px-4 py-2 bg-gray-500 text-white rounded-lg hover:bg-gray-600 transition-colors", __source: { fileName: "", lineNumber: 896, columnNumber: 21 }, __self: this }, "Cancel"))), showCreateTeacher && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-purple-50 rounded-lg border", __source: { fileName: "", lineNumber: 908, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 909, columnNumber: 19 }, __self: this }, "Create Teacher Account"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-4", __source: { fileName: "", lineNumber: 912, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 913, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 914, columnNumber: 23 }, __self: this }, "Teacher Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: newTeacher.teacherName, onChange: (e)=>setNewTeacher((prev)=>({ ...prev, teacherName: e.target.value })), placeholder: "e.g., Mrs. Johnson", className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500", __source: { fileName: "", lineNumber: 917, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 930, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 931, columnNumber: 23 }, __self: this }, "Username *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: newTeacher.username, onChange: (e)=>setNewTeacher((prev)=>({ ...prev, username: e.target.value })), placeholder: "e.g., teacher1", className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500", __source: { fileName: "", lineNumber: 934, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 947, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 948, columnNumber: 23 }, __self: this }, "Password *"), /*#__PURE__*/ React.createElement("input", { type: "password", value: newTeacher.password, onChange: (e)=>setNewTeacher((prev)=>({ ...prev, password: e.target.value })), placeholder: "Enter password", className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500", __source: { fileName: "", lineNumber: 951, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 964, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 965, columnNumber: 23 }, __self: this }, "Assign Class (Optional)"), /*#__PURE__*/ React.createElement("select", { value: newTeacher.classId, onChange: (e)=>setNewTeacher((prev)=>({ ...prev, classId: e.target.value })), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500", __source: { fileName: "", lineNumber: 968, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 978, columnNumber: 25 }, __self: this }, "Select a class"), classes.map((classData)=>/*#__PURE__*/ React.createElement("option", { key: classData.id, value: classData.id, __source: { fileName: "", lineNumber: 980, columnNumber: 27 }, __self: this }, classData.class_name, " - ", classData.section))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 987, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: createTeacher, disabled: loading, className: "px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 disabled:bg-gray-400 transition-colors", __source: { fileName: "", lineNumber: 988, columnNumber: 21 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 994, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus mr-2", __source: { fileName: "", lineNumber: 996, columnNumber: 25 }, __self: this }), "Create Teacher Account"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowCreateTeacher(false); setNewTeacher({ teacherName: "", username: "", password: "", classId: "" }); }, className: "px-4 py-2 bg-gray-500 text-white rounded-lg hover:bg-gray-600 transition-colors", __source: { fileName: "", lineNumber: 1000, columnNumber: 21 }, __self: this }, "Cancel"))), showCreateClass && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-gray-50 rounded-lg border", __source: { fileName: "", lineNumber: 1020, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 1021, columnNumber: 19 }, __self: this }, "Create New Class"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-4", __source: { fileName: "", lineNumber: 1024, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1025, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1026, columnNumber: 23 }, __self: this }, "Class Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: newClass.className, onChange: (e)=>setNewClass((prev)=>({ ...prev, className: e.target.value })), placeholder: "e.g., Class 4, Grade 5", className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 1029, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1042, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1043, columnNumber: 23 }, __self: this }, "Section"), /*#__PURE__*/ React.createElement("input", { type: "text", value: newClass.section, onChange: (e)=>setNewClass((prev)=>({ ...prev, section: e.target.value })), placeholder: "e.g., A, B, C", className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 1046, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1059, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1060, columnNumber: 23 }, __self: this }, "Teacher Name"), /*#__PURE__*/ React.createElement("select", { value: newClass.teacherName, onChange: (e)=>setNewClass((prev)=>({ ...prev, teacherName: e.target.value })), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 1063, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1073, columnNumber: 25 }, __self: this }, "Select Teacher"), teachers.map((teacher)=>/*#__PURE__*/ React.createElement("option", { key: teacher.id, value: teacher.teacher_name, __source: { fileName: "", lineNumber: 1075, columnNumber: 27 }, __self: this }, teacher.teacher_name))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 1082, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: createClass, disabled: loading, className: "px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:bg-gray-400 transition-colors", __source: { fileName: "", lineNumber: 1083, columnNumber: 21 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1089, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-save mr-2", __source: { fileName: "", lineNumber: 1091, columnNumber: 25 }, __self: this }), "Create Class"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowCreateClass(false); setNewClass({ className: "", section: "", teacherName: "" }); }, className: "px-4 py-2 bg-gray-500 text-white rounded-lg hover:bg-gray-600 transition-colors", __source: { fileName: "", lineNumber: 1095, columnNumber: 21 }, __self: this }, "Cancel"))), editingClass && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-yellow-50 rounded-lg border", __source: { fileName: "", lineNumber: 1114, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 1115, columnNumber: 19 }, __self: this }, "Edit Class"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-4", __source: { fileName: "", lineNumber: 1116, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1117, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1118, columnNumber: 23 }, __self: this }, "Class Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: editingClass.class_name, onChange: (e)=>setEditingClass((prev)=>({ ...prev, class_name: e.target.value })), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-yellow-500", __source: { fileName: "", lineNumber: 1121, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1133, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1134, columnNumber: 23 }, __self: this }, "Section"), /*#__PURE__*/ React.createElement("input", { type: "text", value: editingClass.section, onChange: (e)=>setEditingClass((prev)=>({ ...prev, section: e.target.value })), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-yellow-500", __source: { fileName: "", lineNumber: 1137, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1149, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1150, columnNumber: 23 }, __self: this }, "Teacher Name"), /*#__PURE__*/ React.createElement("select", { value: editingClass.teacher_name, onChange: (e)=>setEditingClass((prev)=>({ ...prev, teacher_name: e.target.value })), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-yellow-500", __source: { fileName: "", lineNumber: 1153, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1163, columnNumber: 25 }, __self: this }, "Select Teacher"), teachers.map((teacher)=>/*#__PURE__*/ React.createElement("option", { key: teacher.id, value: teacher.teacher_name, __source: { fileName: "", lineNumber: 1165, columnNumber: 27 }, __self: this }, teacher.teacher_name))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 1172, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: updateClass, disabled: loading, className: "px-4 py-2 bg-yellow-600 text-white rounded-lg hover:bg-yellow-700 disabled:bg-gray-400 transition-colors", __source: { fileName: "", lineNumber: 1173, columnNumber: 21 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1179, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-save mr-2", __source: { fileName: "", lineNumber: 1181, columnNumber: 25 }, __self: this }), "Update Class"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingClass(null), className: "px-4 py-2 bg-gray-500 text-white rounded-lg hover:bg-gray-600 transition-colors", __source: { fileName: "", lineNumber: 1185, columnNumber: 21 }, __self: this }, "Cancel"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 1196, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 1197, columnNumber: 17 }, __self: this }, "All Classes"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1198, columnNumber: 17 }, __self: this }, classes.map((classData)=>/*#__PURE__*/ React.createElement("div", { key: classData.id, className: "p-4 border border-gray-200 rounded-lg bg-white hover:bg-gray-50 transition-colors", __source: { fileName: "", lineNumber: 1200, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 1204, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-lg text-blue-600", __source: { fileName: "", lineNumber: 1205, columnNumber: 25 }, __self: this }, classData.class_name, " - ", classData.section), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingClass(classData), className: "px-2 py-1 bg-blue-600 text-white rounded text-sm hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 1208, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 1212, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 1215, columnNumber: 23 }, __self: this }, "Teacher: ", classData.teacher_name), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 text-xs mt-2", __source: { fileName: "", lineNumber: 1218, columnNumber: 23 }, __self: this }, "Created:", " ", new Date(classData.created_at).toLocaleDateString()))))), reports && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1228, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-8 p-6 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg", __source: { fileName: "", lineNumber: 1230, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1231, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 1232, columnNumber: 23 }, __self: this }, reports.summary.total_classes || 0), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1235, columnNumber: 23 }, __self: this }, "Total Classes")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1237, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-green-600", __source: { fileName: "", lineNumber: 1238, columnNumber: 23 }, __self: this }, reports.summary.total_students || 0), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1241, columnNumber: 23 }, __self: this }, "Total Students")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1245, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-emerald-600", __source: { fileName: "", lineNumber: 1246, columnNumber: 23 }, __self: this }, reports.summary.total_present || 0), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1249, columnNumber: 23 }, __self: this }, "Present Today")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1251, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-purple-600", __source: { fileName: "", lineNumber: 1252, columnNumber: 23 }, __self: this }, reports.summary.overall_attendance_percentage || 0, "%"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1255, columnNumber: 23 }, __self: this }, "Attendance Rate"))), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 1262, columnNumber: 19 }, __self: this }, "Class-wise Attendance Reports"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1265, columnNumber: 19 }, __self: this }, reports.classReports.map((classReport)=>/*#__PURE__*/ React.createElement("div", { key: classReport.class_id, className: "border border-gray-200 rounded-lg p-6 bg-white", __source: { fileName: "", lineNumber: 1267, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between mb-4", __source: { fileName: "", lineNumber: 1271, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1272, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-lg", __source: { fileName: "", lineNumber: 1273, columnNumber: 29 }, __self: this }, classReport.class_name, " - ", classReport.section), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1276, columnNumber: 29 }, __self: this }, "Teacher: ", classReport.teacher_name)), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 1280, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 1281, columnNumber: 29 }, __self: this }, classReport.attendance_percentage || 0, "%"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1284, columnNumber: 29 }, __self: this }, "Attendance Rate"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-4 text-center mb-6", __source: { fileName: "", lineNumber: 1290, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1291, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-semibold text-gray-700", __source: { fileName: "", lineNumber: 1292, columnNumber: 29 }, __self: this }, classReport.total_students), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 1295, columnNumber: 29 }, __self: this }, "Total Students")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1299, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-semibold text-green-600", __source: { fileName: "", lineNumber: 1300, columnNumber: 29 }, __self: this }, classReport.present_count), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 1303, columnNumber: 29 }, __self: this }, "Present")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1305, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-semibold text-red-600", __source: { fileName: "", lineNumber: 1306, columnNumber: 29 }, __self: this }, classReport.absent_count), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 1309, columnNumber: 29 }, __self: this }, "Absent")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1311, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-semibold text-blue-500", __source: { fileName: "", lineNumber: 1312, columnNumber: 29 }, __self: this }, classReport.male_present), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 1315, columnNumber: 29 }, __self: this }, "Boys Present")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1319, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-semibold text-pink-500", __source: { fileName: "", lineNumber: 1320, columnNumber: 29 }, __self: this }, classReport.female_present), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 1323, columnNumber: 29 }, __self: this }, "Girls Present"))), classReport.students && classReport.students.length > 0 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1332, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-medium text-gray-800 mb-3", __source: { fileName: "", lineNumber: 1333, columnNumber: 31 }, __self: this }, "Student List (Roll Number wise)"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2", __source: { fileName: "", lineNumber: 1336, columnNumber: 31 }, __self: this }, classReport.students.sort((a, b)=>{ // Sort by roll number (numeric if possible, otherwise alphabetic) const aRoll = parseInt(a.roll_number) || a.roll_number; const bRoll = parseInt(b.roll_number) || b.roll_number; if (typeof aRoll === "number" && typeof bRoll === "number") { return aRoll - bRoll; } return a.roll_number.localeCompare(b.roll_number); }).map((student)=>/*#__PURE__*/ React.createElement("div", { key: student.student_id, className: `p-2 rounded text-sm border ${student.is_present ? "bg-green-50 border-green-200 text-green-800" : "bg-red-50 border-red-200 text-red-800"}`, __source: { fileName: "", lineNumber: 1355, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium", __source: { fileName: "", lineNumber: 1363, columnNumber: 39 }, __self: this }, student.student_name), /*#__PURE__*/ React.createElement("div", { className: "text-xs", __source: { fileName: "", lineNumber: 1366, columnNumber: 39 }, __self: this }, "Roll: ", student.roll_number, " |", " ", student.gender, " |", " ", /*#__PURE__*/ React.createElement("span", { className: student.is_present ? "text-green-600" : "text-red-600", __source: { fileName: "", lineNumber: 1369, columnNumber: 41 }, __self: this }, student.is_present ? "Present" : "Absent")))))))))))), loading && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 1396, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-2xl text-blue-600", __source: { fileName: "", lineNumber: 1397, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-600", __source: { fileName: "", lineNumber: 1398, columnNumber: 13 }, __self: this }, "Loading...")))); }