function MainComponent() { const [courses, setCourses] = useState([ { id: 1, name: "Matematik 101", teacher: "Ayşe Yılmaz", schedule: "Pazartesi 09:00-10:30", capacity: 30, materials: [ "Ders Kitabı", "Hesap Makinesi" ], prerequisites: [ "Temel Matematik" ] }, { id: 2, name: "Fizik 101", teacher: "Mehmet Demir", schedule: "Salı 13:00-14:30", capacity: 25, materials: [ "Fizik Kitabı", "Laboratuvar Malzemeleri" ], prerequisites: [ "Matematik 101" ] } ]); const [editing, setEditing] = useState(null); const [isAdding, setIsAdding] = useState(false); const [formData, setFormData] = useState({ name: "", teacher: "", schedule: "", capacity: "", materials: [], prerequisites: [] }); const handleInputChange = (e)=>{ const value = e.target.name === "materials" || e.target.name === "prerequisites" ? e.target.value.split(",") : e.target.value; setFormData({ ...formData, [e.target.name]: value }); }; const handleAdd = ()=>{ setCourses([ ...courses, { id: Date.now(), ...formData } ]); setFormData({ name: "", teacher: "", schedule: "", capacity: "", materials: [], prerequisites: [] }); setIsAdding(false); }; const handleEdit = (course)=>{ setCourses(courses.map((c)=>c.id === editing ? { ...c, ...formData } : c)); setEditing(null); setFormData({ name: "", teacher: "", schedule: "", capacity: "", materials: [], prerequisites: [] }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-8", __source: { fileName: "", lineNumber: 67, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto text-gray-800", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "Kurslar"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsAdding(true), className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Yeni Kurs Ekle")), isAdding && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md mb-6", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "Yeni Kurs Ekle"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Kurs Adı", value: formData.name, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "teacher", placeholder: "Öğretmen", value: formData.teacher, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "schedule", placeholder: "Ders Programı", value: formData.schedule, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "capacity", placeholder: "Kapasite", value: formData.capacity, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "materials", placeholder: "Ders Materyalleri (virgülle ayırın)", value: formData.materials, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "prerequisites", placeholder: "Ön Koşul Dersleri (virgülle ayırın)", value: formData.prerequisites, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleAdd, className: "bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this }, "Kaydet"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsAdding(false), className: "bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this }, "İptal")))), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 149, columnNumber: 9 }, __self: this }, courses.map((course)=>/*#__PURE__*/ React.createElement("div", { key: course.id, className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }, editing === course.id ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 153, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Kurs Adı", value: formData.name, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 154, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "teacher", placeholder: "Öğretmen", value: formData.teacher, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 162, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "schedule", placeholder: "Ders Programı", value: formData.schedule, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 170, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "capacity", placeholder: "Kapasite", value: formData.capacity, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 178, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "materials", placeholder: "Ders Materyalleri (virgülle ayırın)", value: formData.materials, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 186, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "prerequisites", placeholder: "Ön Koşul Dersleri (virgülle ayırın)", value: formData.prerequisites, onChange: handleInputChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 194, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleEdit(course), className: "bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this }, "Kaydet"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setEditing(null); setFormData({ name: "", teacher: "", schedule: "", capacity: "", materials: [], prerequisites: [] }); }, className: "bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600", __source: { fileName: "", lineNumber: 209, columnNumber: 21 }, __self: this }, "İptal"))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 229, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 230, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-2", __source: { fileName: "", lineNumber: 231, columnNumber: 23 }, __self: this }, course.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-1", __source: { fileName: "", lineNumber: 234, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chalkboard-teacher mr-2", __source: { fileName: "", lineNumber: 235, columnNumber: 25 }, __self: this }), course.teacher), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-1", __source: { fileName: "", lineNumber: 238, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 239, columnNumber: 25 }, __self: this }), course.schedule), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-1", __source: { fileName: "", lineNumber: 242, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 243, columnNumber: 25 }, __self: this }), "Kapasite: ", course.capacity), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-1", __source: { fileName: "", lineNumber: 246, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book mr-2", __source: { fileName: "", lineNumber: 247, columnNumber: 25 }, __self: this }), "Materyaller: ", course.materials.join(", ")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 250, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tasks mr-2", __source: { fileName: "", lineNumber: 251, columnNumber: 25 }, __self: this }), "Ön Koşullar: ", course.prerequisites.join(", "))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setEditing(course.id); setFormData(course); }, className: "text-blue-500 hover:text-blue-600", __source: { fileName: "", lineNumber: 255, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 262, columnNumber: 23 }, __self: this }))))))))); }