function MainComponent() { const [students, setStudents] = useState([]); const [isModalOpen, setIsModalOpen] = useState(false); const [selectedStudent, setSelectedStudent] = useState(null); const [editingStudent, setEditingStudent] = useState(null); const [formData, setFormData] = useState({ name: "", class: "", number: "", absences: 0 }); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleSubmit = (e)=>{ e.preventDefault(); if (editingStudent) { setStudents((prev)=>prev.map((student)=>student.id === editingStudent.id ? { ...formData, id: student.id } : student)); } else { setStudents((prev)=>[ ...prev, { ...formData, id: Date.now() } ]); } setIsModalOpen(false); setEditingStudent(null); setFormData({ name: "", class: "", number: "", absences: 0 }); }; const handleEdit = (student)=>{ setEditingStudent(student); setFormData(student); setIsModalOpen(true); }; const handleDelete = (id)=>{ setStudents((prev)=>prev.filter((student)=>student.id !== id)); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto font-bold text-gray-800", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Öğrenci Listesi"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsModalOpen(true), className: "bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }), "Yeni Öğrenci")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, students.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-500", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Henüz öğrenci eklenmemiş") : /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-gray-700", __source: { fileName: "", lineNumber: 74, columnNumber: 21 }, __self: this }, "İsim"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-gray-700", __source: { fileName: "", lineNumber: 75, columnNumber: 21 }, __self: this }, "Sınıf"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-gray-700", __source: { fileName: "", lineNumber: 76, columnNumber: 21 }, __self: this }, "Numara"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-gray-700", __source: { fileName: "", lineNumber: 79, columnNumber: 21 }, __self: this }, "Devamsızlık"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-right text-gray-700", __source: { fileName: "", lineNumber: 82, columnNumber: 21 }, __self: this }, "İşlemler"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, students.map((student)=>/*#__PURE__*/ React.createElement("tr", { key: student.id, className: "border-b", __source: { fileName: "", lineNumber: 89, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 90, columnNumber: 23 }, __self: this }, student.name), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 91, columnNumber: 23 }, __self: this }, student.class), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 92, columnNumber: 23 }, __self: this }, student.number), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 93, columnNumber: 23 }, __self: this }, student.absences, " gün"), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 text-right", __source: { fileName: "", lineNumber: 94, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedStudent(student), className: "text-blue-500 hover:text-blue-700 mr-3", __source: { fileName: "", lineNumber: 95, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye", __source: { fileName: "", lineNumber: 99, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleEdit(student), className: "text-blue-500 hover:text-blue-700 mr-3", __source: { fileName: "", lineNumber: 101, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 105, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDelete(student.id), className: "text-red-500 hover:text-red-700", __source: { fileName: "", lineNumber: 107, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 111, columnNumber: 27 }, __self: this }))))))))), isModalOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, editingStudent ? "Öğrenci Düzenle" : "Yeni Öğrenci Ekle"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 130, columnNumber: 19 }, __self: this }, "İsim"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleInputChange, className: "w-full px-3 py-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 140, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, "Sınıf"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "class", value: formData.class, onChange: handleInputChange, className: "w-full px-3 py-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 142, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 152, columnNumber: 19 }, __self: this }, "Numara"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "number", value: formData.number, onChange: handleInputChange, className: "w-full px-3 py-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 163, columnNumber: 19 }, __self: this }, "Devamsızlık (Gün)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "absences", value: formData.absences, onChange: handleInputChange, className: "w-full px-3 py-2 border rounded-lg", min: "0", required: true, __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-2", __source: { fileName: "", lineNumber: 176, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setIsModalOpen(false); setEditingStudent(null); setFormData({ name: "", class: "", number: "" }); }, className: "px-4 py-2 text-gray-600 border rounded-lg hover:bg-gray-100", __source: { fileName: "", lineNumber: 177, columnNumber: 19 }, __self: this }, "İptal"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600", __source: { fileName: "", lineNumber: 188, columnNumber: 19 }, __self: this }, editingStudent ? "Güncelle" : "Ekle"))))), selectedStudent && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 201, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 202, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 203, columnNumber: 15 }, __self: this }, "Öğrenci Detayları"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 204, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 205, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-3xl text-blue-500 mr-4", __source: { fileName: "", lineNumber: 206, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 207, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 208, columnNumber: 21 }, __self: this }, selectedStudent.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 209, columnNumber: 21 }, __self: this }, "Öğrenci"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 212, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 213, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 214, columnNumber: 21 }, __self: this }, "Sınıf"), /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 215, columnNumber: 21 }, __self: this }, selectedStudent.class)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 217, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 218, columnNumber: 21 }, __self: this }, "Numara"), /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 219, columnNumber: 21 }, __self: this }, selectedStudent.number)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg col-span-2", __source: { fileName: "", lineNumber: 221, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 222, columnNumber: 21 }, __self: this }, "Devamsızlık"), /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 223, columnNumber: 21 }, __self: this }, selectedStudent.absences, " gün"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedStudent(null), className: "w-full px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600", __source: { fileName: "", lineNumber: 226, columnNumber: 17 }, __self: this }, "Kapat")))))); }