function MainComponent() { const [currentView, setCurrentView] = React.useState('home'); const [damageReport, setDamageReport] = React.useState({ date: '', address: '', notes: '', community: '', photos: [], reporter: '', assignedContractor: '' }); const handleInputChange = (event)=>{ setDamageReport((prev)=>({ ...prev, [event.target.name]: event.target.value })); }; const handlePhotoUpload = (event)=>{ setDamageReport((prev)=>({ ...prev, photos: [ ...prev.photos, ...event.target.files ] })); }; const handleSubmitReport = ()=>{ setCurrentView('home'); }; const handleContractorSelection = (event)=>{ setDamageReport((prev)=>({ ...prev, assignedContractor: event.target.value })); }; const renderHomePage = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-4 w-full p-6", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView('reportForm'), className: "w-full px-4 py-2 text-white bg-blue-500 rounded hover:bg-blue-700 font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, "Report Damages"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView('calendar'), className: "w-full px-4 py-2 text-white bg-green-500 rounded hover:bg-green-700 font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, "View Calendar"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView('contactInfo'), className: "w-full px-4 py-2 text-white bg-red-500 rounded hover:bg-red-700 font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, "Contact Information")); const renderReportForm = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView('home'), className: "px-4 py-2 bg-gray-300 rounded hover:bg-gray-500 text-white", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, "Return to Home"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg p-6 bg-white shadow-md rounded space-y-4 font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", value: damageReport.date, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "address", value: damageReport.address, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded", placeholder: "Address", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "notes", value: damageReport.notes, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded", placeholder: "Notes", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "community", value: damageReport.community, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded", placeholder: "Community", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "photos", onChange: handlePhotoUpload, className: "w-full px-4 py-2 border rounded", multiple: true, __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "reporter", value: damageReport.reporter, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded", placeholder: "Person Sending Report", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "assignedContractor", value: "Jared Work", onChange: handleContractorSelection, className: "w-4 h-4", id: "Jared Work", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "Jared Work", className: "flex items-center", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Jared Work"), /*#__PURE__*/ React.createElement("input", { type: "radio", name: "assignedContractor", value: "DeLeon", onChange: handleContractorSelection, className: "w-4 h-4", id: "DeLeon", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "DeLeon", className: "flex items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "DeLeon"), /*#__PURE__*/ React.createElement("input", { type: "radio", name: "assignedContractor", value: "Jonathan", onChange: handleContractorSelection, className: "w-4 h-4", id: "Jonathan", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "Jonathan", className: "flex items-center", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Jonathan")), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleSubmitReport, className: "w-full px-4 py-2 text-white bg-blue-500 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "Submit Report"))); const renderCalendar = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView('home'), className: "px-4 py-2 bg-gray-300 rounded hover:bg-gray-500 text-white", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, "Return to Home"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 p-6 bg-white shadow-md rounded my-6 font-roboto", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-center", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Damages by Date")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView('scheduleWork'), className: "w-full px-4 py-2 text-white bg-purple-500 rounded hover:bg-purple-700", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "Schedule Work")))); const renderContactInfo = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView('home'), className: "px-4 py-2 bg-gray-300 rounded hover:bg-gray-500 text-white", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, "Return to Home"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl p-6 bg-white shadow-md rounded my-6 font-roboto", __source: { fileName: "", lineNumber: 93, columnNumber: 7 }, __self: this })); const renderScheduleWork = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView('home'), className: "px-4 py-2 bg-gray-300 rounded hover:bg-gray-500 text-white", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, "Return to Home"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 p-6 bg-white shadow-md rounded my-6 font-roboto", __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this })); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7] bg-[url('/construction-theme-background.jpg')] bg-cover bg-center font-roboto", __source: { fileName: "", lineNumber: 107, columnNumber: 5 }, __self: this }, currentView === 'home' && renderHomePage(), currentView === 'reportForm' && renderReportForm(), currentView === 'calendar' && renderCalendar(), currentView === 'contactInfo' && renderContactInfo(), currentView === 'scheduleWork' && renderScheduleWork()); }