document.getElementById('kviz-form').addEventListener('submit', async function(e) {
    e.preventDefault();
    
    // Sakupi podatke studenta
    const studentPodaci = {
        ime: document.getElementById('student-ime').value,
        prezime: document.getElementById('student-prezime').value,
        email: document.getElementById('student-email').value,
        indeks: document.getElementById('student-indeks').value || 'nema',
        datum: new Date().toLocaleString('sr-RS')
    };
    
    // Sakupi odgovore
    const odgovori = {
        p1: document.querySelector('input[name="p1"]:checked')?.value || 'nije odgovoreno',
        p2: document.querySelector('input[name="p2"]:checked')?.value || 'nije odgovoreno',
        p3: document.querySelector('input[name="p3"]').value || 'nije odgovoreno'
    };
    
    const rezultat = {
        kviz: "Testni kviz za Cvijetina",
        student: studentPodaci,
        odgovori: odgovori,
        vreme: new Date().toISOString()
    };
    
    console.log("Šaljem podatke:", rezultat);
    
    try {
        // 🌟 OVO JE TAČNA PUTANJA SADA:
        const response = await fetch('save-result.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(rezultat)
        });
        
        console.log("Status odgovora:", response.status);
        
        const result = await response.json();
        console.log("Odgovor servera:", result);
        
        if (result.success) {
            const porukaDiv = document.getElementById('poruka');
            porukaDiv.innerHTML = `
                <div style="background: #d4edda; color: #155724; padding: 15px; border-radius: 5px;">
                    <h4>✅ Kviz uspešno sačuvan!</h4>
                    <p><strong>Student:</strong> ${studentPodaci.ime} ${studentPodaci.prezime}</p>
                    <p><strong>Fajl:</strong> ${result.filename}</p>
                    <p>Podaci su trajno sačuvani na serveru.</p>
                </div>
            `;
            porukaDiv.style.display = 'block';
        } else {
            throw new Error(result.error || 'Greška pri čuvanju');
        }
    } catch (error) {
        console.error("❌ Greška:", error);
        const porukaDiv = document.getElementById('poruka');
        porukaDiv.innerHTML = `
            <div style="background: #f8d7da; color: #721c24; padding: 15px; border-radius: 5px;">
                <h4>❌ Greška pri čuvanju!</h4>
                <p>${error.message}</p>
            </div>
        `;
        porukaDiv.style.display = 'block';
    }
    
    document.getElementById('poruka').scrollIntoView({ behavior: 'smooth' });
});