function MainComponent() { const [assignments, setAssignments] = useState([]); const [isModalOpen, setIsModalOpen] = useState(false); const [formData, setFormData] = useState({ title: "", course: "", description: "", dueDate: "", maxPoints: 100 }); const [submissions, setSubmissions] = useState([]); const [selectedAssignment, setSelectedAssignment] = useState(null); const [submissionFormData, setSubmissionFormData] = useState({ studentName: "", file: null, comments: "" }); const handleSubmit = (e)=>{ e.preventDefault(); setAssignments([ ...assignments, { ...formData, id: Date.now(), status: "active" } ]); setFormData({ title: "", course: "", description: "", dueDate: "", maxPoints: 100 }); setIsModalOpen(false); }; const handleSubmissionUpload = async (e)=>{ e.preventDefault(); if (selectedAssignment) { setSubmissions([ ...submissions, { id: Date.now(), assignmentId: selectedAssignment.id, ...submissionFormData, submissionDate: new Date().toLocaleDateString(), status: "submitted" } ]); setSubmissionFormData({ studentName: "", file: null, comments: "" }); setSelectedAssignment(null); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-4 md:p-8", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto font-bold text-[#1a365d]", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Ödev Takip"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsModalOpen(true), className: "bg-[#1a365d] text-white px-4 py-2 rounded-lg hover:bg-[#2a466d]", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }), "Yeni Ödev")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-bold text-[#1a365d] mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "Aktif Ödevler"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, assignments.map((assignment)=>/*#__PURE__*/ React.createElement("div", { key: assignment.id, className: "border-b pb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 78, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-bold text-lg", __source: { fileName: "", lineNumber: 79, columnNumber: 23 }, __self: this }, assignment.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 82, columnNumber: 23 }, __self: this }, assignment.course), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 83, columnNumber: 23 }, __self: this }, "Teslim: ", assignment.dueDate)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedAssignment(assignment), className: "bg-green-500 text-white px-3 py-1 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 87, columnNumber: 21 }, __self: this }, "Teslim Et")), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-700", __source: { fileName: "", lineNumber: 94, columnNumber: 19 }, __self: this }, assignment.description))), assignments.length === 0 && /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-500", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, "Aktif ödev bulunmamaktadır"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-bold text-[#1a365d] mb-4", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, "Teslim Edilenler"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, submissions.map((submission)=>/*#__PURE__*/ React.createElement("div", { key: submission.id, className: "border-b pb-4", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-bold", __source: { fileName: "", lineNumber: 114, columnNumber: 23 }, __self: this }, assignments.find((a)=>a.id === submission.assignmentId)?.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 121, columnNumber: 23 }, __self: this }, submission.studentName), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 122, columnNumber: 23 }, __self: this }, "Teslim: ", submission.submissionDate)), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-100 text-blue-800 px-2 py-1 rounded text-sm", __source: { fileName: "", lineNumber: 126, columnNumber: 21 }, __self: this }, submission.status)), submission.comments && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-700", __source: { fileName: "", lineNumber: 131, columnNumber: 21 }, __self: this }, submission.comments))), submissions.length === 0 && /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-500", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, "Teslim edilen ödev bulunmamaktadır")))), isModalOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-bold mb-4", __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, "Yeni Ödev"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", placeholder: "Ödev Başlığı", className: "w-full px-3 py-2 border rounded-lg", value: formData.title, onChange: (e)=>setFormData({ ...formData, title: e.target.value }), required: true, __source: { fileName: "", lineNumber: 150, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "course", placeholder: "Ders", className: "w-full px-3 py-2 border rounded-lg", value: formData.course, onChange: (e)=>setFormData({ ...formData, course: e.target.value }), required: true, __source: { fileName: "", lineNumber: 161, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "description", placeholder: "Açıklama", className: "w-full px-3 py-2 border rounded-lg", value: formData.description, onChange: (e)=>setFormData({ ...formData, description: e.target.value }), required: true, __source: { fileName: "", lineNumber: 172, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dueDate", className: "w-full px-3 py-2 border rounded-lg", value: formData.dueDate, onChange: (e)=>setFormData({ ...formData, dueDate: e.target.value }), required: true, __source: { fileName: "", lineNumber: 182, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "maxPoints", placeholder: "Maksimum Puan", className: "w-full px-3 py-2 border rounded-lg", value: formData.maxPoints, onChange: (e)=>setFormData({ ...formData, maxPoints: e.target.value }), required: true, __source: { fileName: "", lineNumber: 192, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-2 mt-4", __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setIsModalOpen(false), className: "px-4 py-2 text-gray-600 border rounded-lg hover:bg-gray-100", __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this }, "İptal"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#1a365d] text-white rounded-lg hover:bg-[#2a466d]", __source: { fileName: "", lineNumber: 212, columnNumber: 19 }, __self: this }, "Ekle"))))), selectedAssignment && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 225, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 226, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-bold mb-4", __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }, "Ödev Teslimi"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmissionUpload, __source: { fileName: "", lineNumber: 230, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "studentName", placeholder: "Öğrenci Adı", className: "w-full px-3 py-2 border rounded-lg", value: submissionFormData.studentName, onChange: (e)=>setSubmissionFormData({ ...submissionFormData, studentName: e.target.value }), required: true, __source: { fileName: "", lineNumber: 232, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "file", className: "w-full px-3 py-2 border rounded-lg", onChange: (e)=>setSubmissionFormData({ ...submissionFormData, file: e.target.files[0] }), required: true, __source: { fileName: "", lineNumber: 246, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "comments", placeholder: "Açıklama", className: "w-full px-3 py-2 border rounded-lg", value: submissionFormData.comments, onChange: (e)=>setSubmissionFormData({ ...submissionFormData, comments: e.target.value }), __source: { fileName: "", lineNumber: 258, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-2 mt-4", __source: { fileName: "", lineNumber: 271, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setSelectedAssignment(null), className: "px-4 py-2 text-gray-600 border rounded-lg hover:bg-gray-100", __source: { fileName: "", lineNumber: 272, columnNumber: 19 }, __self: this }, "İptal"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600", __source: { fileName: "", lineNumber: 279, columnNumber: 19 }, __self: this }, "Teslim Et"))))))); }