a parte de anexar o arquivo e fazer ele analizar o pdf

index.html

@@ -66,7 +66,13 @@
                                     Selecionar Arquivos
                                 </span>
                             </label>
-                        </form>
+                            <div id="loadingIndicator" class="hidden mt-4">
+                                <div class="flex items-center space-x-2">
+                                    <div class="animate-spin rounded-full h-5 w-5 border-b-2 border-blue-600"></div>
+                                    <span class="text-gray-600">Analisando documento...</span>
+                                </div>
+                            </div>
+</form>
                     </div>
 </div>
                 <div class="bg-gray-50 px-8 py-4 border-t border-gray-200">
@@ -245,6 +251,33 @@
     </footer>
 
     <script>
+        // PDF Analysis Function
+        async function analyzePDF(file) {
+            const formData = new FormData();
+            formData.append('file', file);
+            
+            try {
+                document.getElementById('loadingIndicator').classList.remove('hidden');
+                
+                // Using a mock API endpoint - replace with your actual backend endpoint
+                const response = await fetch('https://api.example.com/analyze-pdf', {
+                    method: 'POST',
+                    body: formData
+                });
+                
+                const result = await response.json();
+                
+                // Show analysis results (you can modify this part to show the results in your UI)
+                alert(`Análise concluída!\nDocumento: ${file.name}\nPáginas: ${result.pageCount}\nEntidades encontradas: ${result.entities.length}`);
+                
+            } catch (error) {
+                console.error('Error analyzing PDF:', error);
+                alert('Erro ao analisar o documento. Por favor, tente novamente.');
+            } finally {
+                document.getElementById('loadingIndicator').classList.add('hidden');
+            }
+        }
+
         // Initialize Vanta.js background
         VANTA.NET({
 el: "#vanta-bg",
@@ -271,10 +304,15 @@ el: "#vanta-bg",
                 if (e.target.files.length > 0) {
                     const files = Array.from(e.target.files);
                     console.log('Files selected:', files);
-                    // Here you would typically handle the file upload
-                    // Example: uploadFiles(files);
-                    alert(`${files.length} arquivo(s) selecionado(s)!`);
-                }
+                    // Analyze each PDF file
+                    files.forEach(file => {
+                        if (file.type === 'application/pdf') {
+                            analyzePDF(file);
+                        } else {
+                            alert('Por favor, selecione apenas arquivos PDF.');
+                        }
+                    });
+}
             });
 
             // Drag and drop support
@@ -294,10 +332,17 @@ el: "#vanta-bg",
                 uploadArea.classList.remove('bg-blue-50');
                 
                 if (e.dataTransfer.files.length) {
-                    fileInput.files = e.dataTransfer.files;
-                    const event = new Event('change');
-                    fileInput.dispatchEvent(event);
-                }
+                    const files = Array.from(e.dataTransfer.files);
+                    const pdfFiles = files.filter(file => file.type === 'application/pdf');
+                    
+                    if (pdfFiles.length > 0) {
+                        fileInput.files = e.dataTransfer.files;
+                        const event = new Event('change');
+                        fileInput.dispatchEvent(event);
+                    } else {
+                        alert('Por favor, solte apenas arquivos PDF.');
+                    }
+}
             });
         });
 </script>