function MainComponent() { const [nomeCliente, setNomeCliente] = React.useState(''); const [telefone, setTelefone] = React.useState(''); const [produtosQuantidades, setProdutosQuantidades] = React.useState(''); const [servicos, setServicos] = React.useState(''); const [preco, setPreco] = React.useState(''); const [vendedora, setVendedora] = React.useState(''); const handleSubmit = async (e)=>{ e.preventDefault(); const data = new Date(); const options = { timeZone: 'America/Sao_Paulo', hour12: false }; const dataFormato = data.toLocaleDateString('pt-BR', options); const horaFormato = data.toLocaleTimeString('pt-BR', options); const dia = dataFormato.split('/').join('-'); const query = `INSERT INTO \`orcamentos\` (\`data\`, \`hora\`, \`preco\`, \`servicos\`, \`telefone\`, \`vendedora\`, \`nome_cliente\`, \`produtos_e_quantidades\`) VALUES (?, ?, ?, ?, ?, ?, ?, ?)`; const values = [ dataFormato, horaFormato, preco, servicos, telefone, vendedora, nomeCliente, produtosQuantidades ]; await fetch('/api/db/engetratteste', { method: 'POST', body: JSON.stringify({ query: query, values: values }) }); const mensagemWhatsApp = `Orçamento efetuado em: ${dia}%0A` + `Para: ${nomeCliente}%0A` + `Produtos: ${produtosQuantidades}%0A` + `Serviços: ${servicos}%0A` + `Preço: ${preco}%0A%0A` + `Este orçamento é válido por 7 dias%0A` + `Obrigado pela preferência%0AEquipe Engetrat`; window.open(`https://wa.me/${telefone}?text=${mensagemWhatsApp}`); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-green-500 p-5", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "max-w-lg mx-auto bg-white p-5 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-white mb-5", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Gerador de Orçamentos"), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-gray-700", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Nome do Cliente:", /*#__PURE__*/ React.createElement("input", { type: "text", name: "nome_cliente", value: nomeCliente, onChange: (e)=>setNomeCliente(e.target.value), className: "form-input mt-1 block w-full", required: true, __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-gray-700", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "Telefone:", /*#__PURE__*/ React.createElement("input", { type: "tel", name: "telefone", value: telefone, onChange: (e)=>setTelefone(e.target.value), className: "form-input mt-1 block w-full", required: true, __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-gray-700", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "Produtos e Quantidades:", /*#__PURE__*/ React.createElement("textarea", { name: "produtos_e_quantidades", value: produtosQuantidades, onChange: (e)=>setProdutosQuantidades(e.target.value), className: "form-textarea mt-1 block w-full", rows: "3", required: true, __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-gray-700", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "Serviços:", /*#__PURE__*/ React.createElement("textarea", { name: "servicos", value: servicos, onChange: (e)=>setServicos(e.target.value), className: "form-textarea mt-1 block w-full", rows: "3", required: true, __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-gray-700", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, "Preço:", /*#__PURE__*/ React.createElement("input", { type: "text", name: "preco", value: preco, onChange: (e)=>setPreco(e.target.value), className: "form-input mt-1 block w-full", required: true, __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-gray-700", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, "Vendedora:", /*#__PURE__*/ React.createElement("select", { name: "vendedora", value: vendedora, onChange: (e)=>setVendedora(e.target.value), className: "form-select mt-1 block w-full", required: true, __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, "Selecione Vendedora"), /*#__PURE__*/ React.createElement("option", { value: "Nádia", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, "Nádia"), /*#__PURE__*/ React.createElement("option", { value: "Monique", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, "Monique"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white font-bold mt-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, "Enviar Orçamento"))); }