$pageTitle = "Pdf Qa - PDF AI Toolkit";
$toolsActive = true;
$currentTool = "pdf-qa";
$pageSpecificHeaders = <<<EOT
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>

EOT;
include 'template-header.php';
?>
<div class="container
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <div class="tool-container">
                <h2 class="text-center mb-4" style="color: var(--white);">AI PDF Q&A Tool</h2>
                <p class="text-center text-muted mb-4">Ask questions and get instant answers from your PDF.</p>
                <div id="alertArea"></div>

                <form id="uploadForm" class="mb-4">
                    <input type="file" id="pdfFile" accept=".pdf" style="display: none;">
                    <div class="upload-area" id="dropZone">
                        <i class="fas fa-cloud-upload-alt fa-3x mb-3" style="color: var(--white);"></i>
                        <h4>Drag & Drop your PDF here</h4>
                        <p class="text-muted">or</p>
                        <button type="button" class="btn btn-primary" onclick="document.getElementById('pdfFile').click()">Choose File</button>
                    </div>

                    <div class="upload-info">
                        <div class="file-info">
                            <i class="fas fa-file-pdf"></i>
                            <span id="fileName" class="file-name">No file selected</span>
                            <span id="fileSize" class="file-size"></span>
                        </div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 0%"></div>
                        </div>
                        <small class="text-muted" id="uploadStatus">Preparing upload...</small>
                    </div>

                    <div id="filePreviewCard" class="file-preview-card" style="display:none;">
                        <div class="pdf-thumbnail"><canvas id="pdfThumbnailCanvas"></canvas></div>
                        <div class="file-meta">
                            <div class="file-title" id="previewFileName"></div>
                            <div class="file-detail" id="previewFileSize"></div>
                            <div class="file-detail" id="previewPageCount"></div>
                        </div>
                    </div>

                    <div class="processing-info">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <span id="processingStatus">Processing...</span>
                            <span id="processingProgress">0%</span>
                        </div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 0%"></div>
                        </div>
                        <small class="text-muted" id="processingDetails"></small>
                        <div class="processing-steps mt-3">
                            <div class="step" id="step1"><span class="step-icon"><i class="fas fa-file-pdf"></i></span><span>Extracting text</span><span class="step-check" style="display:none;"><i class="fas fa-check-circle"></i></span></div>
                            <div class="step" id="step2"><span class="step-icon"><i class="fas fa-cogs"></i></span><span>Processing text</span><span class="step-check" style="display:none;"><i class="fas fa-check-circle"></i></span></div>
                            <div class="step" id="step3"><span class="step-icon"><i class="fas fa-magic"></i></span><span>Ready for questions</span><span class="step-check" style="display:none;"><i class="fas fa-check-circle"></i></span></div>
                        </div>
                    </div>
                </form>

                <div id="qaInterface" class="qa-container" style="display: none;">
                    <div id="questionSuggestions" class="question-suggestions" style="display:none;"><span class="suggestion-icon"><i class="fas fa-lightbulb"></i></span></div>
                    <div class="chat-content">
                        <div id="chatHistory" class="chat-history"></div>
                    </div>
                    <div class="chat-input-section">
                        <label for="question" class="form-label" style="color: var(--white);">Ask a question about your PDF:</label>
                        <textarea id="question" class="question-input" rows="3" placeholder="Type your question here..."></textarea>
                        <button id="askButton" class="btn">Ask Question</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


    </div>
    <footer class="site-footer">
        <div class="container">
            <p>&copy; 2025 LifetimePDF - Pay Once. Use Forever.</p>
            <div class="footer-links">
                                <a href="../index.php#tools">Tools</a>
                                <a href="../index.php#why">Why Lifetime</a>
                                <a href="../index.php#faq">FAQ</a>
                                <a href="../blog/index.php">Blog</a>
                                <a href="../privacy-policy.php">Privacy Policy</a>
                                <a href="../terms-of-service.php">Terms of Service</a>
                                <a href="../refund-policy.php">Refund Policy</a>
                                <a href="../mailto:support@lifetimepdf.com">Support</a>
                            </div>
        </div>
    </footer>
    <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js"></script>
    <script src="../assets/js/firebase-config.js"></script>
        <script src="../tools/auth-check.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script>
    (function () {
        var bodyEl = document.body;
        if (!bodyEl) {
            return;
        }
        var basePath = bodyEl.dataset.basePath || '';
        var isToolPage = bodyEl.dataset.toolPage === '1';
        var guestFallbackTimer = null;

        function resolveFirebaseAuth() {
            if (typeof window !== 'undefined' && window.firebaseAuth) {
                return window.firebaseAuth;
            }
            if (typeof firebaseAuth !== 'undefined') {
                window.firebaseAuth = firebaseAuth;
                return firebaseAuth;
            }
            return null;
        }


        function setupNavDropdowns() {
            var dropdowns = document.querySelectorAll('.nav-dropdown');
            dropdowns.forEach(function (dropdown) {
                var toggle = dropdown.querySelector('.nav-dropdown-toggle');
                var menu = dropdown.querySelector('.nav-dropdown-menu');
                if (!toggle || !menu) {
                    return;
                }

                if (!toggle.hasAttribute('aria-haspopup')) {
                    toggle.setAttribute('aria-haspopup', 'true');
                }
                toggle.setAttribute('aria-expanded', 'false');

                if (dropdown.dataset.dropdownBound === '1') {
                    return;
                }
                dropdown.dataset.dropdownBound = '1';

                var setExpanded = function (value) {
                    toggle.setAttribute('aria-expanded', value ? 'true' : 'false');
                };

                dropdown.addEventListener('mouseenter', function () {
                    setExpanded(true);
                });

                dropdown.addEventListener('mouseleave', function () {
                    setExpanded(false);
                });

                dropdown.addEventListener('focusin', function () {
                    setExpanded(true);
                });

                dropdown.addEventListener('focusout', function () {
                    requestAnimationFrame(function () {
                        if (!dropdown.matches(':focus-within')) {
                            setExpanded(false);
                        }
                    });
                });

                dropdown.addEventListener('keydown', function (event) {
                    if (event.key === 'Escape' || event.key === 'Esc') {
                        setExpanded(false);
                        toggle.focus();
                    }
                });
            });
        }

        function showLoginOrSignup(element) {
            if (!element) {
                return;
            }
            if (element.tagName === 'LI') {
                element.style.display = 'block';
            } else if (element.classList && element.classList.contains('btn')) {
                element.style.display = 'inline-flex';
            } else {
                element.style.display = '';
            }
        }

        function hideElement(element) {
            if (element) {
                element.style.display = 'none';
            }
        }

        function showGuestNav() {
            var userMenu = document.getElementById('userMenu');
            var authButtons = document.getElementById('authButtons');
            var loginBtn = document.getElementById('loginBtn');
            var signupBtn = document.getElementById('signupBtn');

            if (userMenu) {
                if (!isToolPage) {
                    userMenu.classList.add('d-none');
                }
                userMenu.style.display = 'none';
            }

            if (authButtons) {
                authButtons.style.display = '';
            }

            showLoginOrSignup(loginBtn);
            showLoginOrSignup(signupBtn);

            setupNavDropdowns();
        }

        function showUserNav(userEmail) {
            var userMenu = document.getElementById('userMenu');
            var authButtons = document.getElementById('authButtons');
            var loginBtn = document.getElementById('loginBtn');
            var signupBtn = document.getElementById('signupBtn');
            var emailElement = document.getElementById('userEmail');

            if (userMenu) {
                userMenu.classList.remove('d-none');
                userMenu.style.display = '';
            }

            if (authButtons) {
                authButtons.style.display = 'none';
            }

            hideElement(loginBtn);
            hideElement(signupBtn);

            if (emailElement && userEmail) {
                emailElement.textContent = userEmail;
            }

            setupNavDropdowns();
        }

        function attachAuthStateHandler() {
            var authInstance = resolveFirebaseAuth();
            if (!authInstance || typeof authInstance.onAuthStateChanged !== 'function') {
                if (!guestFallbackTimer) {
                    guestFallbackTimer = setTimeout(function () {
                        showGuestNav();
                    }, 1500);
                }
                setTimeout(attachAuthStateHandler, 200);
                return;
            }

            if (guestFallbackTimer) {
                clearTimeout(guestFallbackTimer);
                guestFallbackTimer = null;
            }

            authInstance.onAuthStateChanged(function (user) {
                if (user) {
                    showUserNav(user.email);
                } else {
                    showGuestNav();
                }
            });
        }

        function lifetimeLogout(redirectUrl) {
            var target = redirectUrl || (basePath + 'index.php');
            var signOutPromise = null;
            var authInstance = resolveFirebaseAuth();

            if (authInstance && typeof authInstance.logoutUser === 'function') {
                try {
                    signOutPromise = authInstance.logoutUser();
                } catch (error) {
                    console.error('Error invoking firebaseAuth.logoutUser:', error);
                    signOutPromise = Promise.reject(error);
                }
            } else if (typeof window.firebase !== 'undefined' && window.firebase && typeof window.firebase.auth === 'function') {
                try {
                    signOutPromise = window.firebase.auth().signOut();
                } catch (error) {
                    console.error('Error invoking firebase.auth().signOut():', error);
                    signOutPromise = Promise.reject(error);
                }
            }

            if (!signOutPromise || typeof signOutPromise.then !== 'function') {
                window.location.href = target;
                return false;
            }

            signOutPromise.then(function (result) {
                if (result && result.success === false) {
                    console.error('Logout rejected:', result.error);
                }
                if (typeof window.__navState !== 'undefined' && window.__navState && typeof window.__navState.showGuestNav === 'function') {
                    window.__navState.showGuestNav();
                }
                window.location.href = target;
            }).catch(function (error) {
                console.error('Logout failed:', error);
                window.location.href = target;
            });
            return false;
        }

        window.lifetimeLogout = lifetimeLogout;
        if (typeof window.logout !== 'function') {
            window.logout = lifetimeLogout;
        }

        function onReady() {
            setupNavDropdowns();
            if (!isToolPage) {
                attachAuthStateHandler();
            }
        }

        window.__navState = {
            showGuestNav: showGuestNav,
            showUserNav: showUserNav
        };

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', onReady);
        } else {
            onReady();
        }

    })();
    </script><script>
// Configure PDF.js worker
    pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';

document.addEventListener('DOMContentLoaded', function() {
    const pdfFile = document.getElementById('pdfFile');
    const dropZone = document.getElementById('dropZone');
    const uploadInfo = document.querySelector('.upload-info');
    const processingInfo = document.querySelector('.processing-info');
    const qaInterface = document.getElementById('qaInterface');
    const alertArea = document.getElementById('alertArea');
    const fileName = document.getElementById('fileName');
    const fileSize = document.getElementById('fileSize');
    const uploadStatus = document.getElementById('uploadStatus');
    const processingStatus = document.getElementById('processingStatus');
    const processingProgress = document.getElementById('processingProgress');
    const processingDetails = document.getElementById('processingDetails');
    const askButton = document.getElementById('askButton');
    const answerContainer = document.getElementById('answerContainer');
    const answer = document.getElementById('answer');
    const chatHistory = document.getElementById('chatHistory');
    let extractedText = '';

    // Drag & drop handlers
    ['dragenter', 'dragover'].forEach(event => {
        dropZone.addEventListener(event, e => {
            e.preventDefault();
            dropZone.classList.add('drag-over');
        });
    });

    ['dragleave', 'drop'].forEach(event => {
        dropZone.addEventListener(event, e => {
            e.preventDefault();
            dropZone.classList.remove('drag-over');
        });
    });

    dropZone.addEventListener('drop', e => {
        if (e.dataTransfer.files.length > 0) {
            handleFile(e.dataTransfer.files[0]);
        }
    });

    dropZone.addEventListener('click', e => {
        if (e.target.tagName === 'BUTTON') return;
        pdfFile.click();
    });

    pdfFile.addEventListener('change', function() {
        if (this.files.length > 0) {
            handleFile(this.files[0]);
        }
    });

    function showAlert(message, type = 'danger') {
        alertArea.innerHTML = `<div class="alert alert-${type} alert-dismissible fade show" role="alert">${message}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>`;
    }

    function formatFileSize(bytes) {
        if (bytes === 0) return '0 Bytes';
        const k = 1024;
        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
        const i = Math.floor(Math.log(bytes) / Math.log(k));
        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
    }

    function updateProcessingProgress(progress, status, details = '') {
        const progressBar = document.querySelector('.processing-info .progress-bar');
        progressBar.style.width = `${progress}%`;
        processingProgress.textContent = `${progress}%`;
        processingStatus.textContent = status;
        if (details) {
            processingDetails.textContent = details;
        }

        // Update step indicators
        const steps = [
            document.getElementById('step1'),
            document.getElementById('step2'),
            document.getElementById('step3')
        ];
        steps.forEach((step, idx) => {
            step.classList.remove('active', 'complete');
            step.querySelector('.step-check').style.display = 'none';
        });
        if (progress < 33) {
            steps[0].classList.add('active');
        } else if (progress < 66) {
            steps[0].classList.add('complete');
            steps[0].querySelector('.step-check').style.display = '';
            steps[1].classList.add('active');
        } else if (progress < 100) {
            steps[0].classList.add('complete');
            steps[0].querySelector('.step-check').style.display = '';
            steps[1].classList.add('complete');
            steps[1].querySelector('.step-check').style.display = '';
            steps[2].classList.add('active');
        } else {
            steps[0].classList.add('complete');
            steps[0].querySelector('.step-check').style.display = '';
            steps[1].classList.add('complete');
            steps[1].querySelector('.step-check').style.display = '';
            steps[2].classList.add('complete');
            steps[2].querySelector('.step-check').style.display = '';
        }
    }

    // Function to show welcome message
    async function showWelcomeMessage(text) {
        try {
            // Show loading state (optional: could show a typing indicator here)
            // Remove any previous welcome message from chat
            // (No need to use answerContainer or answer)

            const response = await fetch('process_welcome.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({ text: text })
            });

            // Create a reader to handle the stream
            const reader = response.body.getReader();
            const decoder = new TextDecoder();

            while (true) {
                const { value, done } = await reader.read();
                if (done) break;
                const chunk = decoder.decode(value);
                const lines = chunk.split('\n').filter(line => line.trim());
                for (const line of lines) {
                    try {
                        const data = JSON.parse(line);
                        if (data.status === 'progress') {
                            // Update progress bar
                            const progress = data.data.progress;
                            document.querySelector('.processing-info .progress-bar').style.width = progress + '%';
                            document.getElementById('processingProgress').textContent = progress + '%';
                            if (progress <= 25) {
                                document.getElementById('processingDetails').textContent = 'Analyzing document content...';
                            } else if (progress <= 75) {
                                document.getElementById('processingDetails').textContent = 'Preparing welcome message...';
                            } else {
                                document.getElementById('processingDetails').textContent = 'Ready for your questions!';
                            }
                        } else if (data.welcome) {
                            // Display the welcome message as a chat bubble
                            appendChatBubble(data.welcome, 'ai');
                            qaInterface.style.display = 'flex';
                            document.getElementById('question').value = '';
                            document.getElementById('step2').classList.remove('active');
                            document.getElementById('step3').classList.add('active');
                            document.querySelector('.chat-input-section').style.display = 'block';
                        } else if (data.error) {
                            throw new Error(data.error);
                        }
                    } catch (e) {
                        console.error('Error parsing chunk:', e);
                    }
                }
            }
        } catch (error) {
            console.error('Welcome message error:', error);
            showAlert(`Error: ${error.message}. Please try uploading the document again.`, 'danger');
            if (processingInfo) processingInfo.style.display = 'none';
        }
    }

    // Function to process the PDF
    async function processPDF(arrayBuffer) {
        try {
            // Show processing info
            processingInfo.style.display = 'block';
            document.getElementById('step1').classList.add('active');
            
            // Load the PDF document
            const pdf = await pdfjsLib.getDocument({data: arrayBuffer}).promise;
            let text = '';
            
            // Extract text from each page
            for(let i = 1; i <= pdf.numPages; i++) {
                const page = await pdf.getPage(i);
                const textContent = await page.getTextContent();
                text += textContent.items.map(item => item.str).join(' ') + '\n';
                
                // Update progress
                const progress = Math.round((i / pdf.numPages) * 100);
                document.querySelector('.processing-info .progress-bar').style.width = progress + '%';
                document.getElementById('processingProgress').textContent = progress + '%';
                document.getElementById('processingDetails').textContent = `Processing page ${i} of ${pdf.numPages}`;
            }
            
            // Store extracted text
            extractedText = text;
            
            // Check for empty or insufficient text
            if (!text || text.trim().length < 10) {
                showAlert('Could not extract enough content from the PDF. Please try a different PDF or contact support.', 'warning');
                if (processingInfo) processingInfo.style.display = 'none';
                return;
            }
            
            // Update processing steps
            document.getElementById('step1').classList.remove('active');
            document.getElementById('step2').classList.add('active');
            
            // Get welcome message
            await showWelcomeMessage(text);
            
            // Update final processing step
            document.getElementById('step2').classList.remove('active');
            document.getElementById('step3').classList.add('active');
            document.getElementById('processingDetails').textContent = 'Ready for your questions!';
            showQuestionSuggestions();
        } catch (error) {
            showAlert('Error processing PDF: ' + error.message, 'danger');
            processingInfo.style.display = 'none';
        }
    }

    function showTypingIndicator() {
        if (document.getElementById('typingIndicator')) return;
        const bubble = document.createElement('div');
        bubble.className = 'chat-bubble ai typing';
        bubble.id = 'typingIndicator';
        bubble.innerHTML = '<span class="typing-dots"><span></span><span></span><span></span></span>';
        chatHistory.appendChild(bubble);
        chatHistory.scrollTop = chatHistory.scrollHeight;
    }
    function removeTypingIndicator() {
        const bubble = document.getElementById('typingIndicator');
        if (bubble) bubble.remove();
    }

    // Function to ask a question
    async function askQuestion() {
        const question = document.getElementById('question').value.trim();
        if (!question) {
            showAlert('Please enter a question', 'warning');
            return;
        }
        hideQuestionSuggestions();
        appendChatBubble(question, 'user');
        showTypingIndicator();
        try {
            // Disable the ask button and show loading state
            const askButton = document.getElementById('askButton');
            askButton.disabled = true;
            askButton.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Processing...';
            const response = await fetch('process_qa.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    text: extractedText,
                    question: question
                })
            });
            if (!response.ok) {
                throw new Error('Network response was not ok');
            }
            const data = await response.json();
            removeTypingIndicator();
            if (data.success && data.answer) {
                appendChatBubble(data.answer, 'ai');
                document.getElementById('question').value = '';
            } else {
                throw new Error(data.error || 'Failed to get answer');
            }
        } catch (error) {
            removeTypingIndicator();
            showAlert('Error: ' + error.message, 'danger');
        } finally {
            const askButton = document.getElementById('askButton');
            askButton.disabled = false;
            askButton.textContent = 'Ask Question';
        }
    }

    // Event listener for ask button
    document.getElementById('askButton').addEventListener('click', askQuestion);

    // Event listener for Enter key in question textarea
    document.getElementById('question').addEventListener('keypress', function(e) {
        if (e.key === 'Enter' && !e.shiftKey) {
            e.preventDefault();
            askQuestion();
        }
    });

    function appendChatBubble(message, sender) {
        const bubble = document.createElement('div');
        bubble.className = 'chat-bubble ' + sender;
        bubble.innerHTML = `<span>${message}</span><span class="timestamp">${new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}</span>`;
        chatHistory.appendChild(bubble);
        chatHistory.scrollTop = chatHistory.scrollHeight;
    }

    async function handleFile(file) {
        const previewCard = document.getElementById('filePreviewCard');
        const previewFileName = document.getElementById('previewFileName');
        const previewFileSize = document.getElementById('previewFileSize');
        const previewPageCount = document.getElementById('previewPageCount');
        const pdfThumbnailCanvas = document.getElementById('pdfThumbnailCanvas');
        let arrayBuffer = null;
        if (!file || file.type !== 'application/pdf') {
            showAlert('Please select a PDF file.', 'danger');
            if (uploadInfo) uploadInfo.style.display = 'none';
            if (previewCard) previewCard.style.display = 'none';
            return;
        }
        if (file.size > 10 * 1024 * 1024) {
            showAlert('File size exceeds 10MB limit.', 'danger');
            if (uploadInfo) uploadInfo.style.display = 'none';
            if (previewCard) previewCard.style.display = 'none';
            return;
        }

        if (uploadInfo) uploadInfo.style.display = 'block';
        if (processingInfo) processingInfo.style.display = 'none';
        if (qaInterface) qaInterface.style.display = 'none';
        if (answerContainer) answerContainer.style.display = 'none';

        if (fileName) fileName.textContent = file.name;
        if (fileSize) fileSize.textContent = formatFileSize(file.size);
        // Show file preview card
        if (previewFileName) previewFileName.textContent = file.name;
        if (previewFileSize) previewFileSize.textContent = formatFileSize(file.size);
        if (previewPageCount) previewPageCount.textContent = '';
        if (previewCard) previewCard.style.display = 'flex';
        // Render PDF thumbnail and process PDF using separate ArrayBuffers
        try {
            arrayBuffer = await file.arrayBuffer();
            const previewBuffer = arrayBuffer.slice(0);
            const processBuffer = arrayBuffer.slice(0);
            // Preview
            const pdf = await pdfjsLib.getDocument({data: previewBuffer}).promise;
            if (previewPageCount) previewPageCount.textContent = pdf.numPages + ' page' + (pdf.numPages > 1 ? 's' : '');
            const page = await pdf.getPage(1);
            const viewport = page.getViewport({ scale: 0.25 });
            if (pdfThumbnailCanvas) {
                const context = pdfThumbnailCanvas.getContext('2d');
                pdfThumbnailCanvas.width = viewport.width;
                pdfThumbnailCanvas.height = viewport.height;
                context.clearRect(0, 0, pdfThumbnailCanvas.width, pdfThumbnailCanvas.height);
                await page.render({ canvasContext: context, viewport: viewport }).promise;
            }
            // Simulate upload progress
            const progressBar = document.querySelector('.upload-info .progress-bar');
            let progress = 0;
            const interval = setInterval(() => {
                progress += 5;
                progressBar.style.width = `${progress}%`;
                if (progress >= 100) {
                    clearInterval(interval);
                    uploadStatus.textContent = 'Upload complete';
                    // Hide upload info and show processing info
                    setTimeout(() => {
                        if (uploadInfo) {
                            uploadInfo.style.display = 'none';
                            // Also clear status text and reset progress bar
                            uploadStatus.textContent = '';
                            progressBar.style.width = '0%';
                        }
                        if (processingInfo) processingInfo.style.display = 'block';
                    }, 300);
                }
            }, 50);
            // Process PDF
            if (processBuffer) {
                try {
                    updateProcessingProgress(0, 'Extracting content...', 'Reading PDF...');
                    await processPDF(processBuffer);
                } catch (error) {
                    console.error('Error processing PDF:', error);
                    showAlert('Error processing the PDF. Please try again or contact support.', 'danger');
                    if (processingInfo) processingInfo.style.display = 'none';
                }
            }
        } catch (err) {
            if (previewPageCount) previewPageCount.textContent = '';
            if (pdfThumbnailCanvas) pdfThumbnailCanvas.getContext('2d').clearRect(0, 0, pdfThumbnailCanvas.width, pdfThumbnailCanvas.height);
        }
    }

    // Example question suggestions
    const defaultSuggestions = [
        "What is this document about?",
        "Summarize the main points.",
        "Who is the intended audience?",
        "List any key statistics or figures.",
        "What recommendations are made?",
        "Are there any important dates or deadlines?"
    ];
    function showQuestionSuggestions() {
        const container = document.getElementById('questionSuggestions');
        container.innerHTML = '<span class="suggestion-icon"><i class="fas fa-lightbulb"></i></span>';
        defaultSuggestions.forEach(q => {
            const btn = document.createElement('button');
            btn.className = 'suggestion-btn';
            btn.textContent = q;
            btn.onclick = () => {
                document.getElementById('question').value = q;
                document.getElementById('question').focus();
            };
            container.appendChild(btn);
        });
        container.style.display = 'flex';
    }
    function hideQuestionSuggestions() {
        document.getElementById('questionSuggestions').style.display = 'none';
    }
});
</script></body>
</html>