static/app.js

async function uploadDocument() { 
    let fileInput = document.getElementById("documentInput");
    let formData = new FormData();
    formData.append("file", fileInput.files[0]);

    try {
        let response = await fetch("https://aiwebdev-ai-web-dev.hf.space/summarize/", {
            method: "POST",
            body: formData,
            headers: { "Accept": "application/json" }
        });

        if (!response.ok) {
            throw new Error("Erreur de requête !");
        }

        let data = await response.json();
        console.log("📤 Réponse du serveur :", data);

        let resultElement = document.getElementById("documentResult");
        if (data.summary) {
            resultElement.innerText = "📝 Résumé généré : " + data.summary;
        } else {
            resultElement.innerText = "❌ Résumé non disponible.";
        }
    } catch (error) {
        console.error("❌ Erreur :", error);
        document.getElementById("documentResult").innerText = "Échec de la requête !";
    }
}

async function uploadImage() {
    const fileInput = document.getElementById("imageInput");
    if (!fileInput.files.length) {
        alert("Veuillez sélectionner une image !");
        return;
    }

    let formData = new FormData();
    formData.append("file", fileInput.files[0]);

    try {
        const response = await fetch("https://aiwebdev-ai-web-dev.hf.space/interpret/", {
            method: "POST",
            body: formData,
            headers: { "Accept": "application/json" }
        });

        const data = await response.json();
        document.getElementById("imageResult").innerText = data.caption || "Erreur lors de l'interprétation";
        
        const reader = new FileReader();
        reader.onload = function (e) {
            document.getElementById("uploadedImage").src = e.target.result;
            document.getElementById("uploadedImage").style.display = "block";
        };
        reader.readAsDataURL(fileInput.files[0]);
    } catch (error) {
        console.error("Erreur :", error);
        alert("Échec de la requête !");
    }
}

async function uploadForTranslation() {
    let fileInput = document.getElementById("translateInput");
    let targetLang = document.getElementById("targetLang").value;
    let formData = new FormData();
    formData.append("file", fileInput.files[0]);
    formData.append("target_lang", targetLang);  

    try {
        let response = await fetch("https://aiwebdev-ai-web-dev.hf.space/translate/", {  
            method: "POST",
            body: formData,
            headers: { "Accept": "application/json" }
        });

        let responseText = await response.text();
        console.log("📤 Réponse brute du serveur :", responseText);

        if (!response.ok) {
            throw new Error("Erreur de requête ! " + responseText);
        }

        let data = JSON.parse(responseText);
        console.log("📤 Réponse JSON du serveur :", data);

        let resultElement = document.getElementById("translateResult");
        if (data.translated_text) {
            resultElement.innerText = "📝 Traduction : " + data.translated_text;
        } else {
            resultElement.innerText = "❌ Traduction non disponible.";
        }
    } catch (error) {
        console.error("❌ Erreur :", error);
        document.getElementById("translateResult").innerText = "Échec de la requête ! " + error.message;
    }
}