document.getElementById('translate-form').addEventListener('submit', async function(event) {
    event.preventDefault();

    const formData = new FormData(this);

    const response = await fetch('/translate-video/', {
        method: 'POST',
        body: formData
    });

    if (response.ok) {
        const result = await response.json();
        document.getElementById('result').innerText = JSON.stringify(result, null, 2);
    } else {
        const error = await response.json();
        document.getElementById('result').innerText = `Error: ${error.detail}`;
    }
});