function MainComponent() { const [exams, setExams] = useState([ { id: 1, course: "Matematik", date: "2024-03-15", time: "09:00", duration: "90", location: "A-101", teacher: "Ayşe Yılmaz", topics: [ "Türev", "İntegral", "Limit" ], class: "12-A" }, { id: 2, course: "Fizik", date: "2024-03-18", time: "10:30", duration: "75", location: "B-203", teacher: "Mehmet Demir", topics: [ "Elektrik", "Manyetizma" ], class: "11-B" } ]); const [selectedDate, setSelectedDate] = useState(null); const [isModalOpen, setIsModalOpen] = useState(false); const [newExam, setNewExam] = useState({ course: "", date: "", time: "", duration: "", location: "", teacher: "", topics: "", class: "" }); const handleSubmit = (e)=>{ e.preventDefault(); const formattedExam = { ...newExam, id: Date.now(), topics: newExam.topics.split(",").map((topic)=>topic.trim()) }; setExams([ ...exams, formattedExam ]); setIsModalOpen(false); setNewExam({ course: "", date: "", time: "", duration: "", location: "", teacher: "", topics: "", class: "" }); }; const handleDateClick = (date)=>{ setSelectedDate(date); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-4 md:p-8", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto font-bold text-[#1a365d]", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Sınav Takvimi"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsModalOpen(true), className: "bg-[#1a365d] text-white px-4 py-2 rounded-lg hover:bg-[#2a466d]", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }), "Yeni Sınav Ekle")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-2 bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-bold text-[#1a365d] mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-2", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }), "Sınav Takvimi"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, exams.map((exam)=>/*#__PURE__*/ React.createElement("div", { key: exam.id, className: "border-l-4 border-[#1a365d] bg-gray-50 p-4 rounded-r-lg", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 91, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 92, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-bold text-lg", __source: { fileName: "", lineNumber: 93, columnNumber: 23 }, __self: this }, exam.course), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 96, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 97, columnNumber: 25 }, __self: this }), exam.teacher), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 100, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 101, columnNumber: 25 }, __self: this }), exam.class)), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 105, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 106, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 107, columnNumber: 25 }, __self: this }), exam.time, " (", exam.duration, " dk)"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 110, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 111, columnNumber: 25 }, __self: this }), exam.location))), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 116, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 117, columnNumber: 21 }, __self: this }, "Konular:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mt-1", __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }, exam.topics.map((topic, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "bg-[#1a365d] text-white text-sm px-2 py-1 rounded", __source: { fileName: "", lineNumber: 120, columnNumber: 25 }, __self: this }, topic)))))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-bold text-[#1a365d] mb-4", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list-alt mr-2", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }), "Yaklaşan Sınavlar"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, exams.map((exam)=>/*#__PURE__*/ React.createElement("div", { key: exam.id, className: "border-b border-gray-200 pb-4", __source: { fileName: "", lineNumber: 140, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 142, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto font-bold", __source: { fileName: "", lineNumber: 143, columnNumber: 23 }, __self: this }, exam.course), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 144, columnNumber: 23 }, __self: this }, exam.class)), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 146, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 147, columnNumber: 23 }, __self: this }, exam.date), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 148, columnNumber: 23 }, __self: this }, exam.time)))))))), isModalOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, "Yeni Sınav Ekle"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "course", placeholder: "Ders", className: "w-full border p-2 rounded", value: newExam.course, onChange: (e)=>setNewExam({ ...newExam, course: e.target.value }), required: true, __source: { fileName: "", lineNumber: 163, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 174, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", className: "border p-2 rounded", value: newExam.date, onChange: (e)=>setNewExam({ ...newExam, date: e.target.value }), required: true, __source: { fileName: "", lineNumber: 175, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "time", name: "time", className: "border p-2 rounded", value: newExam.time, onChange: (e)=>setNewExam({ ...newExam, time: e.target.value }), required: true, __source: { fileName: "", lineNumber: 185, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "number", name: "duration", placeholder: "Süre (dakika)", className: "w-full border p-2 rounded", value: newExam.duration, onChange: (e)=>setNewExam({ ...newExam, duration: e.target.value }), required: true, __source: { fileName: "", lineNumber: 196, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "location", placeholder: "Sınıf/Salon", className: "w-full border p-2 rounded", value: newExam.location, onChange: (e)=>setNewExam({ ...newExam, location: e.target.value }), required: true, __source: { fileName: "", lineNumber: 207, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "teacher", placeholder: "Öğretmen", className: "w-full border p-2 rounded", value: newExam.teacher, onChange: (e)=>setNewExam({ ...newExam, teacher: e.target.value }), required: true, __source: { fileName: "", lineNumber: 218, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "class", placeholder: "Sınıf", className: "w-full border p-2 rounded", value: newExam.class, onChange: (e)=>setNewExam({ ...newExam, class: e.target.value }), required: true, __source: { fileName: "", lineNumber: 229, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "topics", placeholder: "Konular (virgülle ayırın)", className: "w-full border p-2 rounded", value: newExam.topics, onChange: (e)=>setNewExam({ ...newExam, topics: e.target.value }), required: true, __source: { fileName: "", lineNumber: 240, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-2 mt-4", __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setIsModalOpen(false), className: "px-4 py-2 text-gray-600 border rounded hover:bg-gray-100", __source: { fileName: "", lineNumber: 253, columnNumber: 19 }, __self: this }, "İptal"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#1a365d] text-white rounded hover:bg-[#2a466d]", __source: { fileName: "", lineNumber: 260, columnNumber: 19 }, __self: this }, "Ekle"))))))); }