function MarksDataInput({ name, className }) { return /*#__PURE__*/ React.createElement("textarea", { name: name, className: `${className} w-full border p-2 font-roboto`, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function MarksDataInputStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MarksDataInput, { name: "internal_marks", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleSubmit = async (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const formObject = {}; formData.forEach((value, key)=>{ formObject[key] = value; }); const response = await fetch('https://your-api-url.com/submit-form', { method: 'POST', body: JSON.stringify(formObject), headers: { 'Content-Type': 'application/json' } }); if (response.ok) { const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'course_data_export.pdf'; document.body.appendChild(a); a.click(); a.remove(); } }; return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-white", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-xl text-center mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, "Course Management Form"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Course Outcomes"), /*#__PURE__*/ React.createElement("textarea", { name: "course_outcomes", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Course Delivery Time Table"), /*#__PURE__*/ React.createElement("textarea", { name: "course_delivery_time_table", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "List of Assignments"), /*#__PURE__*/ React.createElement("textarea", { name: "list_of_assignments", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "CO/PO Mapping of Assignments"), /*#__PURE__*/ React.createElement("textarea", { name: "copo_mapping", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "Attendance Sheet"), /*#__PURE__*/ React.createElement("textarea", { name: "attendance_sheet", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Evaluation Criteria"), /*#__PURE__*/ React.createElement("textarea", { name: "evaluation_criteria", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Internal Marks"), /*#__PURE__*/ React.createElement(MarksDataInput, { name: "internal_marks", className: "border p-2", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Identification of Slow Learners"), /*#__PURE__*/ React.createElement("textarea", { name: "identification_of_slow_learners", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Measures Taken"), /*#__PURE__*/ React.createElement("textarea", { name: "measures_taken", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "Attach Sample of Student Work"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "sample_student_work", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "Grade Sheet"), /*#__PURE__*/ React.createElement("textarea", { name: "grade_sheet", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, "Course Summary"), /*#__PURE__*/ React.createElement("textarea", { name: "course_summary", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Course File Index"), /*#__PURE__*/ React.createElement("textarea", { name: "course_file_index", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "Course Attainment Sheet"), /*#__PURE__*/ React.createElement("textarea", { name: "course_attainment_sheet", className: "w-full border p-2 font-roboto", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, "Submit"))); }