document.addEventListener('DOMContentLoaded', () => {
    const audio = document.getElementById('liveAudio');
    const playPauseBtn = document.getElementById('playPauseBtn');
    const songTitleDisplay = document.getElementById('songTitle');
    const streamUrl = 'https://srv10.streamingradio.ar:7043';
    const metadataUrl = `${streamUrl}/status-json.xsl`; // Endpoint común de Icecast/Shoutcast V2
    let isPlaying = false;
    let metadataInterval;

    // --- 1. Control de Reproducción (Play/Pause/Autoplay) ---

    function updateButton(paused) {
        if (paused) {
            playPauseBtn.classList.add('paused');
            playPauseBtn.setAttribute('aria-label', 'Reproducir');
            // Cambiar SVG a Play (usando el mismo SVG para Play/Pause)
            playPauseBtn.querySelector('svg').innerHTML = `<path d="M8 5v14l11-7z"/>`;
        } else {
            playPauseBtn.classList.remove('paused');
            playPauseBtn.setAttribute('aria-label', 'Detener');
            // Cambiar SVG a Stop/Pause (usando el mismo SVG para Play/Pause)
            playPauseBtn.querySelector('svg').innerHTML = `<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14z"/>`;
        }
    }

    function playStream() {
        audio.volume = 1.0; // Volumen al 100%
        const playPromise = audio.play();

        if (playPromise !== undefined) {
            playPromise.then(_ => {
                // Reproducción iniciada con éxito
                isPlaying = true;
                updateButton(false);
                startMetadataUpdates();
            }).catch(error => {
                // Autoplay bloqueado (común en navegadores modernos)
                console.warn("Autoplay bloqueado. El usuario debe hacer clic.", error);
                isPlaying = false;
                updateButton(true);
                songTitleDisplay.innerHTML = '<span>Pulsa ▶ para escuchar</span>';
            });
        }
    }
    
    function stopStream() {
        audio.pause();
        isPlaying = false;
        updateButton(true);
        clearInterval(metadataInterval);
        songTitleDisplay.innerHTML = '<span class="default-message">Detenido</span>';
    }
    
    // Inicializar: Intentar Autoplay y preparar el botón
    playStream(); 
    
    playPauseBtn.addEventListener('click', () => {
        if (isPlaying) {
            stopStream();
        } else {
            playStream();
        }
    });

    // --- 2. Obtención de Metadatos (Título de la Canción) ---
    
    function fetchMetadata() {
        fetch(metadataUrl)
            .then(response => {
                // Verificar si la respuesta es válida (puede ser JSON)
                if (!response.ok) {
                    throw new Error('No se pudo obtener el JSON de metadatos.');
                }
                return response.json();
            })
            .then(data => {
                let currentSong = 'Power Hits Radio (Argentino)'; // Mensaje por defecto

                // Asumimos estructura Shoutcast/Icecast V2
                if (data && data.icestats && data.icestats.source) {
                    // El campo 'source' puede ser un objeto o un array
                    const source = Array.isArray(data.icestats.source) ? data.icestats.source[0] : data.icestats.source;
                    
                    if (source && source.title) {
                        currentSong = source.title;
                    }
                } else if (data && data.server) {
                    // Asumimos otra estructura, buscar en 'server.listeners'
                    const server = Array.isArray(data.server) ? data.server[0] : data.server;
                    if (server && server.title) {
                        currentSong = server.title;
                    }
                }

                if (currentSong) {
                    // Actualizar el título de la canción
                    songTitleDisplay.innerHTML = `<span>${currentSong}</span>`;
                }

            })
            .catch(e => {
                console.error("Error al obtener metadatos. Posible bloqueo CORS o estructura JSON incorrecta.", e);
                // Mostrar un mensaje claro al usuario en caso de error
                songTitleDisplay.innerHTML = '<span class="default-message">Sin info de canción (Error CORS)</span>';
                clearInterval(metadataInterval);
            });
    }

    function startMetadataUpdates() {
        // Ejecutar inmediatamente y luego cada 5 segundos
        fetchMetadata();
        metadataInterval = setInterval(fetchMetadata, 5000); 
    }
    
    // Si la reproducción no fue bloqueada, iniciar la actualización de metadatos
    if (isPlaying) {
        startMetadataUpdates();
    }
});