document.addEventListener('DOMContentLoaded', function () {
    const checkStatusForm = document.getElementById('checkStatusForm');
    const submitButton = document.getElementById('submitButton');
    const loadingDiv = document.getElementById('loading');
    const resultDiv = document.getElementById('result');
    const statusText = document.getElementById('statusText');
    const lastSeen = document.getElementById('lastSeen');

    if (checkStatusForm) {
        checkStatusForm.addEventListener('submit', function (e) {
            e.preventDefault();

            // Hide previous result and show loading
            resultDiv.style.display = 'none';
            loadingDiv.style.display = 'block';
            submitButton.disabled = true;
            submitButton.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Buscando...';

            const isPremium = checkStatusForm.dataset.premium === 'true';

            // Simulate a 3-second delay
            setTimeout(() => {
                let status = '';
                let lastSeenText = '';
                let statusColor = '';

                if (isPremium) {
                    // Premium user experience
                    status = 'En Línea';
                    lastSeenText = 'escribiendo...';
                    statusColor = '#25D366'; // WhatsApp Green
                } else {
                    // Standard user experience
                    const isOnline = Math.random() < 0.5;
                    status = isOnline ? 'En Línea' : 'Desconectado';
                    statusColor = isOnline ? '#25D366' : '#dc3545'; // Red for offline

                    if (isOnline) {
                        lastSeenText = 'últ. vez hoy a las ' + new Date().toLocaleTimeString('es-ES', { hour: '2-digit', minute: '2-digit' });
                    } else {
                        const hoursAgo = Math.floor(Math.random() * 23) + 1;
                        const minutesAgo = Math.floor(Math.random() * 59);
                        lastSeenText = `últ. vez hace ${hoursAgo}h ${minutesAgo}m`;
                    }
                }

                // Update status text and color
                statusText.innerText = status;
                statusText.style.color = statusColor;
                lastSeen.innerText = lastSeenText;

                // Hide loading and show result
                loadingDiv.style.display = 'none';
                resultDiv.style.display = 'block';

                // Re-enable button
                submitButton.disabled = false;
                submitButton.innerHTML = 'Ver Estado';

            }, 3000);
        });
    }
});