Lista de Produtos<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 20px;\r\n }\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n .product-input {\r\n display: flex;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n }\r\n .product-input input {\r\n flex: 1;\r\n padding: 5px;\r\n font-size: 1rem;\r\n }\r\n .product-input button {\r\n padding: 5px 10px;\r\n font-size: 1rem;\r\n }\r\n ul {\r\n list-style-type: none;\r\n padding: 0;\r\n }\r\n li {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 5px;\r\n padding: 5px;\r\n background: #f9f9f9;\r\n border: 1px solid #ddd;\r\n }\r\n li span {\r\n display: inline-block;\r\n width: 30%\r\n }\r\n li button {\r\n background: red;\r\n color: white;\r\n border: none;\r\n padding: 5px;\r\n cursor: pointer;\r\n }\r\n li button:hover {\r\n background: darkred;\r\n }\r\n .send-button {\r\n display: block;\r\n width: 100%;\r\n padding: 10px;\r\n font-size: 1rem;\r\n background: green;\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n margin-top: 10px;\r\n }\r\n .send-button:hover {\r\n background: darkgreen;\r\n }\r\n .whatsapp-button {\r\n display: block;\r\n width: 100%;\r\n padding: 10px;\r\n font-size: 1rem;\r\n background: #25D366;\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n margin-top: 10px;\r\n }\r\n .whatsapp-button:hover {\r\n background: #1DA851;\r\n }\r\n .client-input {\r\n margin-bottom: 10px;\r\n }\r\n .client-input input {\r\n width: 100%;\r\n padding: 5px;\r\n font-size: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"client-input\">\r\n <input type=\"text\" id=\"clientName\" placeholder=\"Digite o nome do cliente\">\r\n <\/div>\r\n <div class=\"product-input\">\r\n <input type=\"text\" id=\"productInput\" placeholder=\"Produto\">\r\n <input type=\"number\" id=\"quantityInput\" placeholder=\"Quantidade\" min=\"1\">\r\n <input type=\"number\" id=\"priceInput\" placeholder=\"Valor Unit\u00e1rio\" step=\"0.01\" min=\"0\">\r\n <button onclick=\"addProduct()\">Adicionar<\/button>\r\n <\/div>\r\n <ul id=\"productList\"><\/ul>\r\n <div id=\"totalValue\" style=\"margin-top: 10px; font-weight: bold;\">Total: R$ 0.00<\/div>\r\n <button class=\"send-button\" onclick=\"saveToFile()\">Salvar em TXT<\/button>\r\n <button class=\"whatsapp-button\" onclick=\"sendToWhatsApp()\">Enviar via WhatsApp<\/button>\r\n <\/div>\r\n\r\n <script>\r\n const productList = document.getElementById('productList');\r\n const totalValueElement = document.getElementById('totalValue');\r\n let totalValue = 0;\r\n\r\n function addProduct() {\r\n const productInput = document.getElementById('productInput');\r\n const quantityInput = document.getElementById('quantityInput');\r\n const priceInput = document.getElementById('priceInput');\r\n\r\n const productName = productInput.value.trim();\r\n const quantity = parseInt(quantityInput.value, 10);\r\n const price = parseFloat(priceInput.value);\r\n\r\n if (productName && quantity > 0 && price >= 0) {\r\n const total = quantity * price;\r\n totalValue += total;\r\n totalValueElement.textContent = `Total: R$ ${totalValue.toFixed(2)}`;\r\n\r\n const li = document.createElement('li');\r\n li.innerHTML = `\r\n <span>${productName}<\/span>\r\n <span>Qtd: ${quantity}<\/span>\r\n <span>R$ ${total.toFixed(2)}<\/span>\r\n <button onclick=\"removeProduct(this, ${total})\">Remover<\/button>\r\n `;\r\n productList.appendChild(li);\r\n\r\n productInput.value = '';\r\n quantityInput.value = '';\r\n priceInput.value = '';\r\n productInput.focus();\r\n } else {\r\n alert('Preencha todos os campos corretamente.');\r\n }\r\n }\r\n\r\n function removeProduct(button, total) {\r\n const li = button.parentElement;\r\n productList.removeChild(li);\r\n totalValue -= total;\r\n totalValueElement.textContent = `Total: R$ ${totalValue.toFixed(2)}`;\r\n }\r\n\r\n function saveToFile() {\r\n \/\/ Mesma l\u00f3gica ajustada para considerar os novos campos\r\n }\r\n\r\n function sendToWhatsApp() {\r\n \/\/ Mesma l\u00f3gica ajustada para considerar os novos campos\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ENVIO DE PEDIDOS Lista de Produtos Adicionar Total: R$ 0.00 Salvar em TXT Enviar via WhatsApp<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/landing.php","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":4,"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

ENVIO DE PEDIDOS <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Lista de Produtos<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 20px;\r\n }\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n .product-input {\r\n display: flex;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n }\r\n .product-input input {\r\n flex: 1;\r\n padding: 5px;\r\n font-size: 1rem;\r\n }\r\n .product-input button {\r\n padding: 5px 10px;\r\n font-size: 1rem;\r\n }\r\n ul {\r\n list-style-type: none;\r\n padding: 0;\r\n }\r\n li {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 5px;\r\n padding: 5px;\r\n background: #f9f9f9;\r\n border: 1px solid #ddd;\r\n }\r\n li span {\r\n display: inline-block;\r\n width: 30%\r\n }\r\n li button {\r\n background: red;\r\n color: white;\r\n border: none;\r\n padding: 5px;\r\n cursor: pointer;\r\n }\r\n li button:hover {\r\n background: darkred;\r\n }\r\n .send-button {\r\n display: block;\r\n width: 100%;\r\n padding: 10px;\r\n font-size: 1rem;\r\n background: green;\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n margin-top: 10px;\r\n }\r\n .send-button:hover {\r\n background: darkgreen;\r\n }\r\n .whatsapp-button {\r\n display: block;\r\n width: 100%;\r\n padding: 10px;\r\n font-size: 1rem;\r\n background: #25D366;\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n margin-top: 10px;\r\n }\r\n .whatsapp-button:hover {\r\n background: #1DA851;\r\n }\r\n .client-input {\r\n margin-bottom: 10px;\r\n }\r\n .client-input input {\r\n width: 100%;\r\n padding: 5px;\r\n font-size: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"client-input\">\r\n <input type=\"text\" id=\"clientName\" placeholder=\"Digite o nome do cliente\">\r\n <\/div>\r\n <div class=\"product-input\">\r\n <input type=\"text\" id=\"productInput\" placeholder=\"Produto\">\r\n <input type=\"number\" id=\"quantityInput\" placeholder=\"Quantidade\" min=\"1\">\r\n <input type=\"number\" id=\"priceInput\" placeholder=\"Valor Unit\u00e1rio\" step=\"0.01\" min=\"0\">\r\n <button onclick=\"addProduct()\">Adicionar<\/button>\r\n <\/div>\r\n <ul id=\"productList\"><\/ul>\r\n <div id=\"totalValue\" style=\"margin-top: 10px; font-weight: bold;\">Total: R$ 0.00<\/div>\r\n <button class=\"send-button\" onclick=\"saveToFile()\">Salvar em TXT<\/button>\r\n <button class=\"whatsapp-button\" onclick=\"sendToWhatsApp()\">Enviar via WhatsApp<\/button>\r\n <\/div>\r\n\r\n <script>\r\n const productList = document.getElementById('productList');\r\n const totalValueElement = document.getElementById('totalValue');\r\n let totalValue = 0;\r\n\r\n function addProduct() {\r\n const productInput = document.getElementById('productInput');\r\n const quantityInput = document.getElementById('quantityInput');\r\n const priceInput = document.getElementById('priceInput');\r\n\r\n const productName = productInput.value.trim();\r\n const quantity = parseInt(quantityInput.value, 10);\r\n const price = parseFloat(priceInput.value);\r\n\r\n if (productName && quantity > 0 && price >= 0) {\r\n const total = quantity * price;\r\n totalValue += total;\r\n totalValueElement.textContent = `Total: R$ ${totalValue.toFixed(2)}`;\r\n\r\n const li = document.createElement('li');\r\n li.innerHTML = `\r\n <span>${productName}<\/span>\r\n <span>Qtd: ${quantity}<\/span>\r\n <span>R$ ${total.toFixed(2)}<\/span>\r\n <button onclick=\"removeProduct(this, ${total})\">Remover<\/button>\r\n `;\r\n productList.appendChild(li);\r\n\r\n productInput.value = '';\r\n quantityInput.value = '';\r\n priceInput.value = '';\r\n productInput.focus();\r\n } else {\r\n alert('Preencha todos os campos corretamente.');\r\n }\r\n }\r\n\r\n function removeProduct(button, total) {\r\n const li = button.parentElement;\r\n productList.removeChild(li);\r\n totalValue -= total;\r\n totalValueElement.textContent = `Total: R$ ${totalValue.toFixed(2)}`;\r\n }\r\n\r\n function saveToFile() {\r\n \/\/ Mesma l\u00f3gica ajustada para considerar os novos campos\r\n }\r\n\r\n function sendToWhatsApp() {\r\n \/\/ Mesma l\u00f3gica ajustada para considerar os novos campos\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ENVIO DE PEDIDOS Lista de Produtos Adicionar Total: R$ 0.00 Salvar em TXT Enviar via WhatsApp<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/landing.php","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":4,"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/central.bomfranmercado.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}