const API_BASE_URL = 'https://fbbb261497e3.ngrok-free.app';

// Funzione per mostrare messaggi di status
function showStatus(message, isSuccess = true) {
    const statusDiv = document.getElementById('status');
    statusDiv.innerHTML = `<div class="status ${isSuccess ? 'success' : 'error'}">${message}</div>`;
}

// Funzione per mostrare i risultati
function showResult(data) {
    const resultDiv = document.getElementById('result');
    resultDiv.style.display = 'block';
    resultDiv.textContent = JSON.stringify(data, null, 2);
}

// GET: Ottiene dati dal database
async function getData() {
    try {
        console.log('📥 Richiesta GET in corso...');
        showStatus('📥 Richiesta GET in corso...', true);
        
        const response = await fetch(`${API_BASE_URL}/api/data`);
        const data = await response.json();
        
        if (response.ok) {
            showStatus('✅ Dati ottenuti con successo!', true);
            showResult(data);
        } else {
            showStatus(`❌ Errore: ${data.detail || 'Errore sconosciuto'}`, false);
        }
    } catch (error) {
        console.error('Errore GET:', error);
        showStatus(`❌ Errore di connessione: ${error.message}`, false);
    }
}

// POST: Inserisce dati nel database
async function createData() {
    try {
        console.log('📤 Richiesta POST in corso...');
        showStatus('📤 Richiesta POST in corso...', true);
        
        const response = await fetch(`${API_BASE_URL}/api/data`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            }
        });
        
        const data = await response.json();
        
        if (response.ok) {
            showStatus('✅ Dato inserito con successo!', true);
            showResult(data);
        } else {
            showStatus(`❌ Errore: ${data.detail || 'Errore sconosciuto'}`, false);
        }
    } catch (error) {
        console.error('Errore POST:', error);
        showStatus(`❌ Errore di connessione: ${error.message}`, false);
    }
}

// POST: Inserisce coordinate nel database
async function createCoordinates() {
    try {
        console.log('📍 Richiesta POST coordinate in corso...');
        showStatus('📍 Richiesta POST coordinate in corso...', true);

        coordinates = {
            "coords": [123.12,456.78],
        }
        
        const response = await fetch(`${API_BASE_URL}/geo-access`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(coordinates)
        });
        
        const data = await response.json();
        
        if (response.ok) {
            showStatus('✅ Coordinate inserite con successo!', true);
            showResult(data);
        } else {
            showStatus(`❌ Errore: ${data.detail || 'Errore sconosciuto'}`, false);
        }
    } catch (error) {
        console.error('Errore POST coordinate:', error);
        showStatus(`❌ Errore di connessione: ${error.message}`, false);
    }
}

// Test di connessione all'avvio
window.addEventListener('load', async () => {
    try {
        const response = await fetch(`${API_BASE_URL}/`);
        if (response.ok) {
            console.log('✅ Backend connesso!');
        } else {
            console.log('❌ Backend non raggiungibile');
        }
    } catch (error) {
        console.log('❌ Backend non raggiungibile:', error.message);
    }
});