function MainComponent() { const [classrooms, setClassrooms] = React.useState([]); const [newClassroomName, setNewClassroomName] = React.useState(""); const [selectedClassroom, setSelectedClassroom] = React.useState(null); const addClassroom = ()=>{ if (newClassroomName) { setClassrooms([ ...classrooms, { name: newClassroomName, students: [], attendance: [], exams: [] } ]); setNewClassroomName(""); } }; const openClassroom = (classroom)=>setSelectedClassroom(classroom); const ClassroomView = ({ classroom })=>{ const [studentName, setStudentName] = React.useState(""); const [students, setStudents] = React.useState(classroom.students); const [attendance, setAttendance] = React.useState([]); const [exams, setExams] = React.useState([]); const [participation, setParticipation] = React.useState({}); const addStudent = ()=>{ if (studentName) { setStudents([ ...students, { name: studentName, attendance: [], participation: 0 } ]); setStudentName(""); } }; const removeStudent = (name)=>{ setStudents(students.filter((s)=>s.name !== name)); }; const markAttendance = (name, status)=>{ setAttendance([ ...attendance, { student: name, date: new Date(), status } ]); }; const addExam = (date, subject, scores)=>{ setExams([ ...exams, { date, subject, scores } ]); }; const StudentList = ()=>students.map((student)=>/*#__PURE__*/ React.createElement("div", { key: student.name, className: "flex justify-between p-2", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-serif", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, student.name), /*#__PURE__*/ React.createElement("button", { className: "border px-2 py-1 font-serif", onClick: ()=>removeStudent(student.name), __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Remove"))); const Attendance = ()=>/*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-serif", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Attendance"), students.map((student)=>/*#__PURE__*/ React.createElement("div", { key: student.name, className: "flex justify-between p-2", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-serif", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, student.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>markAttendance(student.name, 'present'), className: "border px-2 py-1 font-serif", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Present"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>markAttendance(student.name, 'absent'), className: "border px-2 py-1 font-serif", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Absent"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>markAttendance(student.name, 'half'), className: "border px-2 py-1 font-serif", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Half")))); const ExamList = ()=>/*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-serif", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "Exams"), exams.map((exam, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-2", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-serif", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, `Date: ${exam.date.toLocaleDateString()}, Subject: ${exam.subject}`), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, Object.entries(exam.scores).map(([name, score])=>/*#__PURE__*/ React.createElement("div", { key: name, className: "flex justify-between p-2", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-serif", __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }, name), /*#__PURE__*/ React.createElement("span", { className: "font-serif", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this }, score))))))); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl font-serif", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, classroom.name), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-serif", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "Add Student:"), /*#__PURE__*/ React.createElement("div", { className: "flex mt-2", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "studentName", type: "text", className: "border p-2 w-full font-serif", value: studentName, onChange: (e)=>setStudentName(e.target.value), __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "border ml-2 px-4 py-2 font-serif", onClick: addStudent, __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, "Add"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(StudentList, { __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(Attendance, { __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(ExamList, { __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }))); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 w-full h-full bg-cover bg-center", style: { backgroundImage: "url('/background.jpg')" }, __source: { fileName: "", lineNumber: 114, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center text-6xl font-serif", __source: { fileName: "", lineNumber: 115, columnNumber: 7 }, __self: this }, "Docente"), !selectedClassroom ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 117, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-serif", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "New Classroom:"), /*#__PURE__*/ React.createElement("div", { className: "flex mt-4", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "newClassroom", type: "text", className: "border p-2 w-full font-serif", value: newClassroomName, onChange: (e)=>setNewClassroomName(e.target.value), __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "border ml-2 px-4 py-2 font-serif", onClick: addClassroom, __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, "Add"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-serif", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, "Existing Classrooms:"), /*#__PURE__*/ React.createElement("ul", { className: "mt-4", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, classrooms.map((classroom, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mt-2 text-xl font-serif", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>openClassroom(classroom), __source: { fileName: "", lineNumber: 136, columnNumber: 19 }, __self: this }, classroom.name)))))) : /*#__PURE__*/ React.createElement(ClassroomView, { classroom: selectedClassroom, __source: { fileName: "", lineNumber: 143, columnNumber: 9 }, __self: this })); }