function MainComponent() { const [mode, setMode] = React.useState(''); // '' or 'user' or 'manager' const [username, setUsername] = React.useState(''); const [password, setPassword] = React.useState(''); const [inventory, setInventory] = React.useState([]); const [repairRequests, setRepairRequests] = React.useState([]); const handleLogin = (event)=>{ event.preventDefault(); // Perform login logic here // This example bypasses authentication for demonstration purposes setMode('user'); }; const handleModeSwitch = (newMode)=>{ setMode(newMode); }; const handleAddInventoryItem = (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const newItem = Object.fromEntries(formData.entries()); setInventory((prevInventory)=>[ ...prevInventory, newItem ]); }; const handleAddRepairRequest = (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const newRequest = Object.fromEntries(formData.entries()); setRepairRequests((prevRequests)=>[ ...prevRequests, newRequest ]); }; let content; if (mode === 'manager') { content = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddInventoryItem, className: "space-y-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "equipmentId", placeholder: "ID do Equipamento", className: "border p-2", required: true, __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "equipmentLocation", placeholder: "Localização do Equipamento", className: "border p-2", required: true, __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "equipmentType", placeholder: "Tipo de Equipamento", className: "border p-2", required: true, __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "equipmentName", placeholder: "Nome do Equipamento", className: "border p-2", required: true, __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "brand", placeholder: "Marca", className: "border p-2", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "model", placeholder: "Modelo", className: "border p-2", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "accessory", placeholder: "Acessório", className: "border p-2", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "usageState", className: "border p-2", required: true, __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "novo", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Novo"), /*#__PURE__*/ React.createElement("option", { value: "bom", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Bom"), /*#__PURE__*/ React.createElement("option", { value: "aceitável", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Aceitável"), /*#__PURE__*/ React.createElement("option", { value: "mau", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Mau"), /*#__PURE__*/ React.createElement("option", { value: "avariado", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Avariado"), /*#__PURE__*/ React.createElement("option", { value: "reserva", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Reserva"), /*#__PURE__*/ React.createElement("option", { value: "para abate", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Para Abate"), /*#__PURE__*/ React.createElement("option", { value: "abatido", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Abatido")), /*#__PURE__*/ React.createElement("textarea", { name: "observations", placeholder: "Observações", className: "border p-2", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Adicionar Equipamento")), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, repairRequests.map((request, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border p-2 mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 56, columnNumber: 18 }, __self: this }, "ID:"), " ", request.equipmentId), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 57, columnNumber: 18 }, __self: this }, "Estado:"), " ", request.repairStatus), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 58, columnNumber: 18 }, __self: this }, "Serviço Técnico:"), " ", request.technicalService), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 59, columnNumber: 18 }, __self: this }, "Tipo de Manutenção:"), " ", request.maintenanceType))))); } else if (mode === 'user') { content = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddRepairRequest, className: "space-y-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "equipmentId", placeholder: "ID do Equipamento", className: "border p-2", required: true, __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "repairStatus", className: "border p-2", required: true, __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "aguarda reparação", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "Aguarda Reparação"), /*#__PURE__*/ React.createElement("option", { value: "aguarda orçamento", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Aguarda Orçamento"), /*#__PURE__*/ React.createElement("option", { value: "em reparação", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Em Reparação"), /*#__PURE__*/ React.createElement("option", { value: "reparado", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "Reparado"), /*#__PURE__*/ React.createElement("option", { value: "para abate", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Para Abate")), /*#__PURE__*/ React.createElement("input", { name: "technicalService", placeholder: "Serviço Técnico", className: "border p-2", required: true, __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "maintenanceType", placeholder: "Tipo de Manutenção", className: "border p-2", required: true, __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-green-500 text-white p-2", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Solicitar Reparação")), repairRequests.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Histórico de Manutenção:"), repairRequests.map((request, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-4 mb-3 border border-solid border-gray-200`, __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 86, columnNumber: 20 }, __self: this }, "ID do Equipamento:"), " ", request.equipmentId), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 87, columnNumber: 20 }, __self: this }, "Estado da Reparação:"), " ", request.repairStatus), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 88, columnNumber: 20 }, __self: this }, "Serviço Técnico:"), " ", request.technicalService), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 89, columnNumber: 20 }, __self: this }, "Tipo de Manutenção:"), " ", request.maintenanceType))))); } else { content = /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "max-w-sm mx-auto space-y-4", __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "username", placeholder: "Utilizador", className: "border p-2 w-full", onChange: (e)=>setUsername(e.target.value), value: username, required: true, __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "password", type: "password", placeholder: "Password", className: "border p-2 w-full", onChange: (e)=>setPassword(e.target.value), value: password, required: true, __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2 w-full", __source: { fileName: "", lineNumber: 116, columnNumber: 9 }, __self: this }, "Entrar")); } return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 121, columnNumber: 5 }, __self: this }, !mode && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 my-4", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleModeSwitch('user'), className: "bg-green-500 text-white p-2", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, "Utilizador"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleModeSwitch('manager'), className: "bg-blue-500 text-white p-2", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, "Gestor")), mode && /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, mode === 'user' ? 'Utilizador' : 'Gestor'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMode(''), className: "bg-red-500 text-white p-2", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, "Sair")), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 136, columnNumber: 7 }, __self: this }, content)); }