<div class="wzw-geo-card">
    <h3>📍 Minha Posição Atual</h3>
    <p>Clique no botão abaixo para capturar suas coordenadas em tempo real:</p>
    
    <button id="btnLocalizar" class="btn-geo">Obter Minha Localização</button>
    
    <div id="geoResultado" class="geo-info" style="display: none;">
        <p><strong>Latitude:</strong> <span id="lblLat">-</span></p>
        <p><strong>Longitude:</strong> <span id="lblLng">-</span></p>
        <p><strong>Precisão do Sinal:</strong> <span id="lblPrecisao">-</span> metros</p>
        <a id="linkMapa" href="#" target="_blank" rel="noopener" class="btn-mapa">Abrir no OpenStreetMap ↗</a>
    </div>
 
    <div id="geoFeedback" class="geo-mensagem"></div>
</div>

const btn = document.getElementById('btnLocalizar');
const painelResultado = document.getElementById('geoResultado');
const painelMensagem = document.getElementById('geoFeedback');
 
btn.addEventListener('click', () => {
    // 1. Verifica se o navegador tem suporte à API
    if (!('geolocation' in navigator)) {
        painelMensagem.textContent = 'Seu navegador não possui suporte à Geolocalização.';
        painelMensagem.className = 'geo-mensagem erro';
        return;
    }
 
    painelMensagem.textContent = 'Solicitando permissão e aguardando satélites...';
    painelMensagem.className = 'geo-mensagem info';
 
    // 2. Opções de ajuste fino (PositionOptions)
    const opcoes = {
        enableHighAccuracy: true, // Força uso do GPS no celular
        timeout: 10000,          // Tempo limite de 10 segundos
        maximumAge: 0            // Não aceita posições antigas em cache
    };
 
    // 3. Execução da busca de coordenadas
    navigator.geolocation.getCurrentPosition(sucessoLocalizacao, erroLocalizacao, opcoes);
});
 
// Callback executado quando o usuário autoriza
function sucessoLocalizacao(posicao) {
    const lat = posicao.coords.latitude;
    const lng = posicao.coords.longitude;
    const precisao = Math.round(posicao.coords.accuracy);
 
    document.getElementById('lblLat').textContent = lat.toFixed(6);
    document.getElementById('lblLng').textContent = lng.toFixed(6);
    document.getElementById('lblPrecisao').textContent = precisao;
 
    // Link dinâmico para mapa interativo
    const linkMapa = document.getElementById('linkMapa');
    linkMapa.href = `https://www.openstreetmap.org/?mlat=${lat}&mlon=${lng}#map=16/${lat}/${lng}`;
 
    painelResultado.style.display = 'block';
    painelMensagem.textContent = 'Localização obtida com sucesso!';
    painelMensagem.className = 'geo-mensagem sucesso';
}
 
// Callback executado em caso de falha ou recusa
function erroLocalizacao(erro) {
    painelResultado.style.display = 'none';
    painelMensagem.className = 'geo-mensagem erro';
 
    switch (erro.code) {
        case erro.PERMISSION_DENIED:
            painelMensagem.textContent = 'Você recusou a permissão de acesso à sua localização.';
            break;
        case erro.POSITION_UNAVAILABLE:
            painelMensagem.textContent = 'As informações de localização estão indisponíveis no momento.';
            break;
        case erro.TIMEOUT:
            painelMensagem.textContent = 'O tempo limite para obter a localização foi atingido.';
            break;
        default:
            painelMensagem.textContent = 'Ocorreu um erro desconhecido ao tentar localizar.';
    }
}