function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex justify-center items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg w-full max-w-lg", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Cadastro de Produto"), /*#__PURE__*/ React.createElement("form", { id: "produtoForm", className: "space-y-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "descricaoProduto", className: "block font-medium mb-1", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Descrição do Produto"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "descricaoProduto", name: "descricao_produto", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "diametro", className: "block font-medium mb-1", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Diâmetro"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "diametro", name: "diametro", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "comprimento", className: "block font-medium mb-1", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Comprimento"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "comprimento", name: "comprimento", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "unidade", className: "block font-medium mb-1", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Unidade"), /*#__PURE__*/ React.createElement("select", { id: "unidade", name: "unidade", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "M^3", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "M^3"), /*#__PURE__*/ React.createElement("option", { value: "Un", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Un"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "precoUnitario", className: "block font-medium mb-1", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Preço Unitário"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "precoUnitario", name: "preco_unitario", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "quantidade", className: "block font-medium mb-1", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Quantidade"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "quantidade", name: "quantidade", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded mt-4", onClick: async (e)=>{ e.preventDefault(); const descricaoProduto = document.getElementById('descricaoProduto').value; const diametro = document.getElementById('diametro').value; const comprimento = document.getElementById('comprimento').value; const unidade = document.getElementById('unidade').value; const precoUnitario = document.getElementById('precoUnitario').value; const quantidade = document.getElementById('quantidade').value; await fetch('/api/db/test-edit-data', { method: 'POST', body: JSON.stringify({ query: "INSERT INTO `produtos` (`descricao_produto`, `diametro`, `comprimento`, `unidade`, `preco_unitario`, `quantidade`) VALUES (?, ?, ?, ?, ?, ?)", values: [ descricaoProduto, diametro, comprimento, unidade, precoUnitario, quantidade ] }) }); document.getElementById('produtoForm').reset(); }, __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Cadastrar")))); }