Update index.html

index.html

@@ -214,7 +214,113 @@
     <!-- Content Section -->
     <section class="container mx-auto px-4 py-12 max-w-4xl">
         <div class="bg-white rounded-lg shadow-lg p-8">
-        XXXX               
+            <div class="container">
+        <h1>Busca de Estados Brasileiros</h1>
+        
+        <form class="search-form" onsubmit="buscarEstado(event)">
+            <div class="input-group">
+                <input 
+                    type="text" 
+                    id="estadoInput" 
+                    placeholder="Digite a sigla (ex: SP) ou nome do estado (ex: São Paulo)"
+                    autocomplete="off"
+                >
+                <button type="submit" class="btn-acessar">Acessar</button>
+            </div>
+        </form>
+        
+        <div class="help-text">
+            Digite a sigla (AC, AL, AM...) ou o nome completo do estado brasileiro
+        </div>
+    </div>
+
+    <!-- Modal -->
+    <div id="errorModal" class="modal">
+        <div class="modal-content">
+            <div class="modal-header">Resultado da pesquisa</div>
+            <div class="modal-body">Unidade não encontrada. Tente novamente</div>
+            <button class="btn-ok" onclick="fecharModal()">OK</button>
+        </div>
+    </div>
+
+    <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').style.display = 'block';
+        }
+
+        function fecharModal() {
+            document.getElementById('errorModal').style.display = 'none';
+        }
+
+        // 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);
+            }
+        });
+    </script>               
         </div>
    <span style="display: inline-block; height: 0;">
    </span>