script.js

let camActive = false;

// Vérifie le statut au chargement
async function checkStatus() {
    try {
        const res = await fetch('/status');
        const data = await res.json();
        updateUI(data.active);
    } catch (e) {
        console.error('Erreur statut:', e);
    }
}

async function toggleCam() {
    const btn = document.getElementById('camBtn');
    btn.disabled = true;

    try {
        const endpoint = camActive ? '/cam/off' : '/cam/on';
        const res = await fetch(endpoint);
        const data = await res.json();
        updateUI(data.active);
    } catch (e) {
        console.error('Erreur toggle:', e);
    } finally {
        btn.disabled = false;
    }
}

function updateUI(active) {
    camActive = active;

    const img = document.getElementById('streamImg');
    const offlineScreen = document.getElementById('offlineScreen');
    const statusDot = document.getElementById('statusDot');
    const statusLabel = document.getElementById('statusLabel');
    const camBtn = document.getElementById('camBtn');
    const camBtnLabel = document.getElementById('camBtnLabel');

    if (active) {
        // Relance le stream avec timestamp pour éviter le cache
        img.src = '/stream?' + Date.now();
        img.style.display = 'block';
        offlineScreen.style.display = 'none';

        statusDot.classList.add('live');
        statusLabel.textContent = 'LIVE FEED_01';
        camBtnLabel.textContent = 'DEACTIVATE CAMERA';
        camBtn.classList.add('active');
    } else {
        img.src = '';
        img.style.display = 'none';
        offlineScreen.style.display = 'flex';

        statusDot.classList.remove('live');
        statusLabel.textContent = 'OFFLINE';
        camBtnLabel.textContent = 'ACTIVATE CAMERA';
        camBtn.classList.remove('active');
    }
}

// Vérification du statut au chargement de la page
checkStatus();