HTMLify

document.addEventListener('DOMContentLoaded', () => {
    // 1. Scroll Animation Observer for Fade-Ins
    const observerOptions = {
        root: null,
        rootMargin: '0px',
        threshold: 0.1
    };

    const observer = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('visible');
                observer.unobserve(entry.target);
            }
        });
    }, observerOptions);

    document.querySelectorAll('.fade-in').forEach(el => {
        observer.observe(el);
    });

    // 2. Video Player Mock Interaction (Simulating Play)
    const videoPlayerMock = document.querySelector('.video-player-mock');
    if (videoPlayerMock) {
        videoPlayerMock.addEventListener('click', () => {
            alert('Video stream initiated! (This is a mock player for demonstration)');
            // In a real app, this would load the actual video element
        });
    }

    // 3. Download Button Mock (For Library Page)
    document.querySelectorAll('.btn-download').forEach(button => {
        button.addEventListener('click', (e) => {
            e.preventDefault();
            const filename = e.target.getAttribute('data-filename');
            alert(`Preparing download for: ${filename}. (File download simulated for APK export context)`);
        });
    });

    // 4. Share Verse Functionality
    const shareButton = document.querySelector('.btn-share');
    if (shareButton) {
        shareButton.addEventListener('click', () => {
            const verseText = document.querySelector('.verse-content').innerText;
            
            // Check for Web Share API (for actual mobile devices/browsers)
            if (navigator.share) {
                navigator.share({
                    title: 'Quran 50M Daily Verse',
                    text: verseText
                }).catch((error) => {
                    console.error('Error sharing:', error);
                    // Fallback for environments where share fails (like simple web view)
                    fallbackShare(verseText);
                });
            } else {
                // Fallback for desktop or unsupported environments
                fallbackShare(verseText);
            }
        });
    }

    function fallbackShare(text) {
        // Simple copy to clipboard fallback
        navigator.clipboard.writeText(text).then(() => {
            alert('Verse copied to clipboard!\n\n' + text.substring(0, 100) + '...');
        }).catch(err => {
            alert('Could not copy verse. Please copy manually:\n\n' + text);
        });
    }
});