{"id":14151,"date":"2025-04-30T16:14:10","date_gmt":"2025-04-30T16:14:10","guid":{"rendered":"https:\/\/maxtec.inf.br\/?page_id=14151"},"modified":"2025-04-30T16:14:28","modified_gmt":"2025-04-30T16:14:28","slug":"lista","status":"publish","type":"page","link":"https:\/\/maxtec.inf.br\/en\/lista\/","title":{"rendered":"LISTA"},"content":{"rendered":"<p><html><br \/>\n<head><br \/>\n  <title>Cadastro de Com\u00e9rcios<\/title><\/p>\n<style>\n    table {\n      border-collapse: collapse;\n    }\n    th, td {\n      border: 1px solid #ddd;\n      padding: 8px;\n      text-align: left;\n    }\n  <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<h2>Cadastro de Com\u00e9rcios<\/h2>\n<form id=\"formulario\" action=\"\">\n    <label for=\"comercio\">Com\u00e9rcio:<\/label><br \/>\n    <input type=\"text\" id=\"comercio\" name=\"comercio\"><\/p>\n<p>    <label for=\"cidade\">Cidade:<\/label><br \/>\n    <input type=\"text\" id=\"cidade\" name=\"cidade\"><\/p>\n<p>    <label for=\"bairro\">Bairro:<\/label><br \/>\n    <input type=\"text\" id=\"bairro\" name=\"bairro\"><\/p>\n<p>    <label for=\"vendedor\">Vendedor:<\/label><br \/>\n    <input type=\"text\" id=\"vendedor\" name=\"vendedor\"><\/p>\n<p>    <label for=\"telefone\">Telefone:<\/label><br \/>\n    <input type=\"tel\" id=\"telefone\" name=\"telefone\"><\/p>\n<p>    <button id=\"inserir\">Inserir<\/button><br \/>\n  <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n<p id=\"contador\">Registros: 0<\/p>\n<table id=\"tabela\">\n<thead>\n<tr>\n<th>Com\u00e9rcio<\/th>\n<th>Cidade<\/th>\n<th>Bairro<\/th>\n<th>Vendedor<\/th>\n<th>Telefone<\/th>\n<\/tr>\n<\/thead>\n<tbody id=\"corpoTabela\">\n    <\/tbody>\n<\/table>\n<p>  <button id=\"enviar\">Enviar Registros por E-mail<\/button><\/p>\n<p>  <script>\n    let contador = 0;\n    const formulario = document.getElementById('formulario');\n    const tabela = document.getElementById('corpoTabela');<\/p>\n<p>    formulario.addEventListener('submit', (e) => {\n      e.preventDefault();\n    });<\/p>\n<p>    document.getElementById('inserir').addEventListener('click', () => {\n      const comercio = document.getElementById('comercio').value;\n      const cidade = document.getElementById('cidade').value;\n      const bairro = document.getElementById('bairro').value;\n      const vendedor = document.getElementById('vendedor').value;\n      const telefone = document.getElementById('telefone').value;<\/p>\n<p>      const linha = document.createElement('tr');\n      linha.innerHTML = `<\/p>\n<td>${comercio}<\/td>\n<td>${cidade}<\/td>\n<td>${bairro}<\/td>\n<td>${vendedor}<\/td>\n<td>${telefone}<\/td>\n<p>      `;<\/p>\n<p>      tabela.appendChild(linha);\n      contador++;\n      document.getElementById('contador').innerText = Registros: ${contador};\n      formulario.reset();\n    });<\/p>\n<p>    document.getElementById('enviar').addEventListener('click', () => {\n      const tabelaHTML = document.getElementById('tabela').outerHTML;\n      \/\/ Enviar tabelaHTML por e-mail usando um servi\u00e7o de backend\n      \/\/ Exemplo:\n      fetch('\/enviar-email', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application\/json'\n        },\n        body: JSON.stringify({ tabela: tabelaHTML })\n      })\n      .then(response => response.json())\n      .then(data => console.log(data))\n      .catch(error => console.error(error));\n    });\n  <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>","protected":false},"excerpt":{"rendered":"<p>Cadastro de Com\u00e9rcios Cadastro de Com\u00e9rcios Com\u00e9rcio: Cidade: Bairro: Vendedor:&hellip;<\/p>\n<p> <a class=\"more-link\" href=\"https:\/\/maxtec.inf.br\/en\/lista\/\">Read more<\/a><\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14151","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/maxtec.inf.br\/en\/wp-json\/wp\/v2\/pages\/14151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maxtec.inf.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maxtec.inf.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maxtec.inf.br\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/maxtec.inf.br\/en\/wp-json\/wp\/v2\/comments?post=14151"}],"version-history":[{"count":5,"href":"https:\/\/maxtec.inf.br\/en\/wp-json\/wp\/v2\/pages\/14151\/revisions"}],"predecessor-version":[{"id":14156,"href":"https:\/\/maxtec.inf.br\/en\/wp-json\/wp\/v2\/pages\/14151\/revisions\/14156"}],"wp:attachment":[{"href":"https:\/\/maxtec.inf.br\/en\/wp-json\/wp\/v2\/media?parent=14151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}