function MainComponent() { const types = [ 'School', 'Lakshya JEE Batch', 'Arjuna JEE Batch', 'Parishram Batch' ]; const lectureSubtasks = [ 'Lecture', 'Notes', 'HW', 'DPP' ]; const [tasks, setTasks] = React.useState([]); const [showModal, setShowModal] = React.useState(false); const [chapterDetails, setChapterDetails] = React.useState({ name: '', lectures: 0, type: '' }); const addTask = (type, taskName)=>{ setTasks([ ...tasks, { type, taskName, subtasks: [], completed: false } ]); }; const handleGenerateChapter = (type)=>{ setChapterDetails({ ...chapterDetails, type }); setShowModal(true); }; const handleCreateChapter = (e)=>{ e.preventDefault(); const newLectures = []; for(let i = 1; i <= chapterDetails.lectures; i++){ newLectures.push({ name: `${chapterDetails.name}: Lecture ${i}`, subtasks: lectureSubtasks.map((subtask)=>({ name: subtask, completed: false })), completed: false }); } setTasks([ ...tasks, ...newLectures.map((lecture)=>({ ...lecture, type: chapterDetails.type })) ]); setShowModal(false); }; const handleTaskCompletion = (task)=>{ if (task.type === 'School') { task.completed = !task.completed; } else { task.completed = !task.completed; task.subtasks.forEach((subtask)=>subtask.completed = task.completed); } setTasks([ ...tasks ]); }; const handleSubtaskCompletion = (task, subtask)=>{ subtask.completed = !subtask.completed; if (task.subtasks.every((st)=>st.completed)) { task.completed = true; } else { task.completed = false; } setTasks([ ...tasks ]); }; return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-crimson-text mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "Personalised Task Manager"), types.map((type)=>/*#__PURE__*/ React.createElement("div", { key: type, className: "mb-6", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold font-crimson-text mb-2", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, type), [ 'Lakshya JEE Batch', 'Arjuna JEE Batch', 'Parishram Batch' ].includes(type) && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", onClick: ()=>handleGenerateChapter(type), __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "Generate Chapter")), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, tasks.filter((task)=>task.type === type).map((task, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: `${type.toLowerCase()}-${index}`, className: "mr-2", checked: task.completed, onChange: ()=>handleTaskCompletion(task), __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }), " ", task.taskName, task.subtasks.length > 0 && /*#__PURE__*/ React.createElement("ul", { className: "ml-5 list-disc", __source: { fileName: "", lineNumber: 68, columnNumber: 19 }, __self: this }, task.subtasks.map((subtask, subIndex)=>/*#__PURE__*/ React.createElement("li", { key: subIndex, __source: { fileName: "", lineNumber: 70, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: `${type.toLowerCase()}-${index}-subtask-${subIndex}`, className: "mr-2", checked: subtask.completed, onChange: ()=>handleSubtaskCompletion(task, subtask), __source: { fileName: "", lineNumber: 71, columnNumber: 25 }, __self: this }), " ", subtask.name)))))))), showModal && /*#__PURE__*/ React.createElement("div", { id: "chapter-gen-modal", className: "fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "Generate Chapter"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleCreateChapter, __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", htmlFor: "chapter-name", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, "Chapter Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "chapter-name", name: "chapter-name", className: "w-full border p-2 rounded", value: chapterDetails.name, onChange: (e)=>setChapterDetails({ ...chapterDetails, name: e.target.value }), __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", htmlFor: "num-lectures", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, "Number of Lectures"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "num-lectures", name: "num-lectures", className: "w-full border p-2 rounded", value: chapterDetails.lectures, onChange: (e)=>setChapterDetails({ ...chapterDetails, lectures: parseInt(e.target.value) }), __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, "Create Chapter"))))); }