basic

Running

App Files Files Community

maralvic commited on Aug 11, 2025

Commit

910aa1e

verified ·

1 Parent(s): 05952b1

Utilze o mesmo padrão para colocar no corpo da página o seguinte: Criar uma página de formulário para que sejam preenchidos os campos “CNPJ”, “DIG”, “DDD” e “EMAIL” e, após o usuário clicar em um botão “Gerar Relatório”, ser direcionado para a URL seguinte: http://kitldcg.receita.fazenda.gov.br/visualizarRelatorioEstatico.asp?relatURL=DDD/CNPJDIG/_DIR/RELDETDIV/20030601&relat=RELDETDIV&resumoURL=DDD/CNPJDIG/_DIR/RESUMO/20030601&tipoID=1&source=1 . Validar o endereço de e-mail. Encaminhar o endereço de e-mail para o email relacionamento@contribuinte.legal. Retirar o conteudo do corpo atual. Alterar o título para "Gerar Relatório DEBCAD / Dívida Ativa Previdenciária". Subtitulo "Acesse o relatório de débitos previdenciários inscritos ou não inscritos em Dívida Ativa" - Follow Up Deployment

Browse files

Files changed (1) hide show

index.html +87 -106

index.html CHANGED Viewed

@@ -5,7 +5,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Dação em Pagamento em Bens Imóveis | Prof. Marcelo Vicente</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
@@ -74,41 +74,73 @@
     <section class="text-white bg-cover bg-center" style="background-image: url('https://www.regularize.online/wp-content/uploads/2023/08/Sem-nome-680-×-456-px-1910-×-376-px-4.png')">
         <div class="bg-blue-900 bg-opacity-70 py-32">
             <div class="container mx-auto px-4 text-center py-8">
-                <h1 class="text-4xl md:text-5xl mb-6">Negociações nos Estados e no DF</h1>
-                <p class="text-xl md:text-2xl mb-8">Pesquise as modalidades de Negociação de Débitos Inscritos na Dívida Ativa (Procuradorias das Fazendas)</p>
-                <a href="https://marcelovicente.prof/live1947" class="profmarcelovicente-btn px-8 py-3 rounded-lg font-bold text-white hover:shadow-lg transition inline-block">
-                    Quero garantir minha vaga!
-                </a>
             </div>
         </div>
     </section>
-    <!-- State Search Form -->
     <section class="container mx-auto px-4 py-12">
         <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8">
-            <h1 class="profmarcelovicente-text text-3xl mb-6 text-center">Digite a sigla ou o nome do Estado</h1>
-            <form class="search-form" onsubmit="buscarEstado(event)">
-                <div class="flex">
                     <input
                         type="text"
-                        id="estadoInput"
-                        class="flex-grow px-4 py-3 border border-gray-300 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
-                        placeholder="Digite a sigla (ex: SP) ou nome do estado (ex: São Paulo)"
-                        autocomplete="off"
                     >
-                    <button
-                        type="submit"
-                        class="profmarcelovicente-btn px-6 py-3 rounded-r-lg font-bold text-white hover:shadow-lg transition"
                     >
-                        Acessar
-                    </button>
                 </div>
             </form>
-            <div class="text-gray-500 text-sm mt-2 text-center">
-                Você será redirecionado para o portal da Procuradoria da Fazenda
-            </div>
         </div>
     </section>
@@ -159,99 +191,48 @@
     </footer>
     <script>
-        // Dados dos estados brasileiros
-        const statesData = {
-            'AC': 'www.pge.ac.gov.br/', 'ACRE': 'www.pge.ac.gov.br/',
-            'AL': 'http://www.pge.al.gov.br/', 'ALAGOAS': 'http://www.pge.al.gov.br/',
-            'AM': 'http://www.pge.am.gov.br/', 'AMAZONAS': 'http://www.pge.am.gov.br/',
-            'AP': 'http://www.pge.ap.gov.br/', 'AMAPÁ': 'http://www.pge.ap.gov.br/', 'AMAPA': 'http://www.pge.ap.gov.br/',
-            'BA': 'http://www.pge.ba.gov.br/', 'BAHIA': 'http://www.pge.ba.gov.br/',
-            'CE': 'http://www.pge.ce.gov.br/', 'CEARÁ': 'http://www.pge.ce.gov.br/', 'CEARA': 'http://www.pge.ce.gov.br/',
-            'DF': 'http://www.pg.df.gov.br/', 'DISTRITO FEDERAL': 'http://www.pg.df.gov.br/',
-            'ES': 'http://www.pge.es.gov.br/', 'ESPÍRITO SANTO': 'http://www.pge.es.gov.br/', 'ESPIRITO SANTO': 'http://www.pge.es.gov.br/',
-            'GO': 'http://www.procuradoria.go.gov.br/', 'GOIÁS': 'http://www.procuradoria.go.gov.br/', 'GOIAS': 'http://www.procuradoria.go.gov.br/',
-            'MA': 'http://www.pge.ma.gov.br/', 'MARANHÃO': 'http://www.pge.ma.gov.br/', 'MARANHAO': 'http://www.pge.ma.gov.br/',
-            'MG': 'http://www.pge.mg.gov.br/', 'MINAS GERAIS': 'http://www.pge.mg.gov.br/',
-            'MS': 'http://www.pge.ms.gov.br/', 'MATO GROSSO DO SUL': 'http://www.pge.ms.gov.br/',
-            'MT': 'http://www.pge.mt.gov.br/', 'MATO GROSSO': 'http://www.pge.mt.gov.br/',
-            'PA': 'http://www.pge.pa.gov.br/', 'PARÁ': 'http://www.pge.pa.gov.br/', 'PARA': 'http://www.pge.pa.gov.br/',
-            'PB': 'http://www.pge.pb.gov.br/', 'PARAÍBA': 'http://www.pge.pb.gov.br/', 'PARAIBA': 'http://www.pge.pb.gov.br/',
-            'PE': 'http://www.pge.pe.gov.br/', 'PERNAMBUCO': 'http://www.pge.pe.gov.br/',
-            'PI': 'http://www.pge.pi.gov.br/', 'PIAUÍ': 'http://www.pge.pi.gov.br/', 'PIAUI': 'http://www.pge.pi.gov.br/',
-            'PR': 'http://www.pge.pr.gov.br/', 'PARANÁ': 'http://www.pge.pr.gov.br/', 'PARANA': 'http://www.pge.pr.gov.br/',
-            'RJ': 'http://www.pge.rj.gov.br/', 'RIO DE JANEIRO': 'http://www.pge.rj.gov.br/',
-            'RN': 'http://www.pge.rn.gov.br/', 'RIO GRANDE DO NORTE': 'http://www.pge.rn.gov.br/',
-            'RO': 'http://www.pge.ro.gov.br/', 'RONDÔNIA': 'http://www.pge.ro.gov.br/', 'RONDONIA': 'http://www.pge.ro.gov.br/',
-            'RR': 'http://www.pge.rn.gov.br/', 'RORAIMA': 'http://www.pge.rn.gov.br/',
-            'RS': 'http://www.pge.rs.gov.br/', 'RIO GRANDE DO SUL': 'http://www.pge.rs.gov.br/',
-            'SC': 'http://www.pge.sc.gov.br/', 'SANTA CATARINA': 'http://www.pge.sc.gov.br/',
-            'SE': 'http://www.pge.se.gov.br/', 'SERGIPE': 'http://www.pge.se.gov.br/',
-            'SP': 'http://www.pge.sp.gov.br/', 'SÃO PAULO': 'http://www.pge.sp.gov.br/', 'SAO PAULO': 'http://www.pge.sp.gov.br/',
-            'TO': 'http://www.pge.to.gov.br/', 'TOCANTINS': 'http://www.pge.to.gov.br/'
-        };
-        function buscarEstado(event) {
             event.preventDefault();
-            const input = document.getElementById('estadoInput');
-            const busca = input.value.trim().toUpperCase();
-            if (!busca) {
-                mostrarModal();
                 return;
             }
-            const url = statesData[busca];
-            if (url) {
-                // Adiciona protocolo se não existir
-                const urlCompleta = url.startsWith('http') ? url : 'http://' + url;
-                window.open(urlCompleta, '_blank');
-                input.value = ''; // Limpa o campo após busca bem-sucedida
-            } else {
-                mostrarModal();
-            }
-        }
-        function mostrarModal() {
-            document.getElementById('errorModal').classList.remove('hidden');
-        }
-        function fecharModal() {
-            document.getElementById('errorModal').classList.add('hidden');
         }
-        // Fechar modal ao clicar fora dele
-        window.onclick = function(event) {
-            const modal = document.getElementById('errorModal');
-            if (event.target === modal) {
-                fecharModal();
-            }
         }
-        // Permitir busca ao pressionar Enter
-        document.getElementById('estadoInput').addEventListener('keypress', function(event) {
-            if (event.key === 'Enter') {
-                buscarEstado(event);
-            }
-        });
-        // Smooth scrolling for anchor links
-        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-            anchor.addEventListener('click', function (e) {
-                e.preventDefault();
-                const targetId = this.getAttribute('href');
-                if (targetId !== '#') {
-                    const targetElement = document.querySelector(targetId);
-                    if (targetElement) {
-                        targetElement.scrollIntoView({
-                            behavior: 'smooth',
-                            block: 'start'
-                        });
-                    }
-                }
-            });
-        });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maralvic/tt2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Gerar Relatório DEBCAD / Dívida Ativa Previdenciária</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
     <section class="text-white bg-cover bg-center" style="background-image: url('https://www.regularize.online/wp-content/uploads/2023/08/Sem-nome-680-×-456-px-1910-×-376-px-4.png')">
         <div class="bg-blue-900 bg-opacity-70 py-32">
             <div class="container mx-auto px-4 text-center py-8">
+                <h1 class="text-4xl md:text-5xl mb-6">Gerar Relatório DEBCAD / Dívida Ativa Previdenciária</h1>
+                <p class="text-xl md:text-2xl mb-8">Acesse o relatório de débitos previdenciários inscritos ou não inscritos em Dívida Ativa</p>
             </div>
         </div>
     </section>
+    <!-- Form Section -->
     <section class="container mx-auto px-4 py-12">
         <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8">
+            <form id="relatorioForm" class="space-y-6">
+                <div>
+                    <label for="cnpj" class="block text-gray-700 mb-2">CNPJ</label>
                     <input
                         type="text"
+                        id="cnpj"
+                        class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                        placeholder="Digite o CNPJ (apenas números)"
+                        required
+                        pattern="\d{14}"
+                        title="Digite os 14 dígitos do CNPJ"
                     >
+                </div>
+                <div>
+                    <label for="dig" class="block text-gray-700 mb-2">Dígito Verificador</label>
+                    <input
+                        type="text"
+                        id="dig"
+                        class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                        placeholder="Digite o dígito verificador"
+                        required
+                        pattern="\d{2}"
+                        title="Digite os 2 dígitos verificadores"
                     >
                 </div>
+                <div>
+                    <label for="ddd" class="block text-gray-700 mb-2">DDD</label>
+                    <input
+                        type="text"
+                        id="ddd"
+                        class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                        placeholder="Digite o DDD"
+                        required
+                        pattern="\d{2}"
+                        title="Digite o DDD com 2 dígitos"
+                    >
+                </div>
+                <div>
+                    <label for="email" class="block text-gray-700 mb-2">E-mail</label>
+                    <input
+                        type="email"
+                        id="email"
+                        class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                        placeholder="Digite seu e-mail"
+                        required
+                    >
+                </div>
+                <button
+                    type="submit"
+                    class="profmarcelovicente-btn w-full px-6 py-3 rounded-lg font-bold text-white hover:shadow-lg transition"
+                >
+                    Gerar Relatório
+                </button>
             </form>
         </div>
     </section>
     </footer>
     <script>
+        document.getElementById('relatorioForm').addEventListener('submit', function(event) {
             event.preventDefault();
+            // Get form values
+            const cnpj = document.getElementById('cnpj').value;
+            const dig = document.getElementById('dig').value;
+            const ddd = document.getElementById('ddd').value;
+            const email = document.getElementById('email').value;
+            // Validate email
+            if (!validateEmail(email)) {
+                alert('Por favor, insira um e-mail válido.');
                 return;
             }
+            // Construct URL
+            const url = `http://kitldcg.receita.fazenda.gov.br/visualizarRelatorioEstatico.asp?relatURL=${ddd}/${cnpj}${dig}/_DIR/RELDETDIV/20030601&relat=RELDETDIV&resumoURL=${ddd}/${cnpj}${dig}/_DIR/RESUMO/20030601&tipoID=1&source=1`;
+            // Send email data (simplified example)
+            sendEmailData(email);
+            // Open report in new tab
+            window.open(url, '_blank');
+        });
+        function validateEmail(email) {
+            const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+            return re.test(email);
         }
+        function sendEmailData(email) {
+            // In a real implementation, this would be an AJAX call to your server
+            console.log(`E-mail ${email} enviado para relacionamento@contribuinte.legal`);
+            // Example using fetch:
+            // fetch('/api/send-email', {
+            //     method: 'POST',
+            //     headers: {
+            //         'Content-Type': 'application/json',
+            //     },
+            //     body: JSON.stringify({ email: email }),
+            // });
         }
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maralvic/tt2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>