Estiliza pagina de upload externo - responsiva (novo47)

.htaccess

@@ -0,0 +1,9 @@
+<IfModule mod_headers.c>
+    Header set Access-Control-Allow-Origin "*"
+</IfModule>
+
+<Directory "temp">
+    Options Indexes MultiViews
+    AllowOverride All
+    Require all granted
+</Directory>

config.php

@@ -0,0 +1,36 @@
+<?php
+// Configurações do banco de dados
+define('DB_HOST', '10.15.0.42');
+define('DB_USER', 'root');
+define('DB_PASS', '34641747');
+define('DB_NAME', 'valida');
+
+// Criar conexão
+$conn = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);
+
+// Verificar conexão
+if ($conn->connect_error) {
+    die("Falha na conexão: " . $conn->connect_error);
+}
+
+// Configurar charset
+$conn->set_charset("utf8mb4");
+
+// Configurar timezone
+date_default_timezone_set('America/Sao_Paulo');
+
+// Função para limpar input
+function clean_input($data) {
+    global $conn;
+    $data = trim($data);
+    $data = stripslashes($data);
+    $data = htmlspecialchars($data);
+    return $conn->real_escape_string($data);
+}
+
+// Função para verificar se é uma requisição AJAX
+function is_ajax_request() {
+    return isset($_SERVER['HTTP_X_REQUESTED_WITH']) && 
+           strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest';
+}
+?>

config/auth.php

@@ -0,0 +1,7 @@
+// ...existing code...
+$authExceptions = [
+    // ...existing code...
+    'prova/upload.php',
+    // ...existing code...
+];
+// ...existing code...

delete_document.php

@@ -0,0 +1,36 @@
+<?php
+require_once 'config.php';
+
+if (isset($_GET['id'])) {
+    $doc_id = intval($_GET['id']);
+    
+    // Buscar informações do documento
+    $sql = "SELECT arquivo, client_id FROM documentos WHERE id = ?";
+    $stmt = $conn->prepare($sql);
+    $stmt->bind_param("i", $doc_id);
+    $stmt->execute();
+    $result = $stmt->get_result();
+    
+    if ($doc = $result->fetch_assoc()) {
+        // Deletar arquivo físico
+        if (file_exists($doc['arquivo'])) {
+            unlink($doc['arquivo']);
+        }
+        
+        // Deletar registro do banco
+        $sql = "DELETE FROM documentos WHERE id = ?";
+        $stmt = $conn->prepare($sql);
+        $stmt->bind_param("i", $doc_id);
+        
+        if ($stmt->execute()) {
+            header("Location: index.php?page=doc_list&client_id=" . $doc['client_id'] . "&status=deleted");
+        } else {
+            die("Erro ao excluir documento: " . $stmt->error);
+        }
+    } else {
+        die("Documento não encontrado");
+    }
+} else {
+    die("ID do documento não fornecido");
+}
+?>

docs.sql

@@ -0,0 +1,18 @@
+CREATE TABLE IF NOT EXISTS clientes (
+    id INT AUTO_INCREMENT PRIMARY KEY,
+    nome VARCHAR(100) NOT NULL,
+    cpf VARCHAR(14) UNIQUE,
+    email VARCHAR(100),
+    telefone VARCHAR(20),
+    data_cadastro DATETIME DEFAULT CURRENT_TIMESTAMP
+) ENGINE=InnoDB;
+
+CREATE TABLE IF NOT EXISTS documentos (
+    id INT AUTO_INCREMENT PRIMARY KEY,
+    client_id INT NOT NULL,
+    tipo VARCHAR(50) NOT NULL,
+    arquivo VARCHAR(255) NOT NULL,
+    data_upload DATETIME NOT NULL,
+    FOREIGN KEY (client_id) REFERENCES clients(id) ON DELETE CASCADE,
+    INDEX idx_client_id (client_id)
+) ENGINE=InnoDB;

document_detector.py

@@ -0,0 +1,100 @@
+import cv2
+import numpy as np
+import sys
+import json
+from pathlib import Path
+import os
+from PIL import Image
+
+def order_points(pts):
+    rect = np.zeros((4, 2), dtype="float32")
+    s = pts.sum(axis=1)
+    rect[0] = pts[np.argmin(s)]
+    rect[2] = pts[np.argmax(s)]
+    diff = np.diff(pts, axis=1)
+    rect[1] = pts[np.argmin(diff)]
+    rect[3] = pts[np.argmax(diff)]
+    return rect
+
+def process_document(image_path, doc_type, output_dir):
+    try:
+        # Carrega e verifica a imagem
+        image = cv2.imread(str(image_path))
+        if image is None:
+            raise Exception("Não foi possível carregar a imagem")
+
+        original = image.copy()
+        
+        # Pré-processamento
+        gray = cv2.cvtColor(image, cv2.COLOR_BGR2GRAY)
+        blurred = cv2.GaussianBlur(gray, (5, 5), 0)
+        edges = cv2.Canny(blurred, 50, 150)
+
+        # Encontra contornos
+        contours, _ = cv2.findContours(edges, cv2.RETR_EXTERNAL, cv2.CHAIN_APPROX_SIMPLE)
+        if not contours:
+            raise Exception("Nenhum contorno encontrado")
+
+        # Ordena contornos por área
+        contours = sorted(contours, key=cv2.contourArea, reverse=True)
+        doc_corners = None
+
+        # Procura o documento
+        for contour in contours:
+            peri = cv2.arcLength(contour, True)
+            approx = cv2.approxPolyDP(contour, 0.02 * peri, True)
+            if len(approx) == 4:
+                doc_corners = approx
+                break
+
+        if doc_corners is None:
+            raise Exception("Documento não encontrado")
+
+        # Processa cantos e aplica transformação
+        doc_corners = doc_corners.reshape(4, 2)
+        ordered_corners = order_points(doc_corners)
+
+        (tl, tr, br, bl) = ordered_corners
+        widthA = np.linalg.norm(br - bl)
+        widthB = np.linalg.norm(tr - tl)
+        maxWidth = max(int(widthA), int(widthB))
+
+        heightA = np.linalg.norm(tr - br)
+        heightB = np.linalg.norm(tl - bl)
+        maxHeight = max(int(heightA), int(heightB))
+
+        dst = np.array([
+            [0, 0],
+            [maxWidth - 1, 0],
+            [maxWidth - 1, maxHeight - 1],
+            [0, maxHeight - 1]
+        ], dtype="float32")
+
+        # Aplica transformação perspectiva
+        matrix = cv2.getPerspectiveTransform(ordered_corners, dst)
+        warped = cv2.warpPerspective(original, matrix, (maxWidth, maxHeight))
+
+        # Salva resultado
+        output_path = os.path.join(output_dir, f"{doc_type}_{Path(image_path).name}")
+        cv2.imwrite(str(output_path), warped)
+        
+        return {
+            "success": True,
+            "message": "Processamento concluído com sucesso",
+            "width": maxWidth,
+            "height": maxHeight
+        }
+
+    except Exception as e:
+        return {
+            "success": False,
+            "message": str(e)
+        }
+
+if __name__ == "__main__":
+    if len(sys.argv) != 4:
+        print(json.dumps({"success": False, "message": "Uso: python document_detector.py <input_path> <doc_type> <output_dir>"}))
+        sys.exit(1)
+
+    result = process_document(Path(sys.argv[1]), sys.argv[2], Path(sys.argv[3]))
+    print(json.dumps(result))

document_history.php

@@ -0,0 +1,85 @@
+<?php
+if (!isset($_SESSION['user_id'])) {
+    header("Location: login.php");
+    exit();
+}
+
+// Conectar ao banco de dados
+$mysqli = new mysqli("10.15.0.42", "root", "34641747", "valida");
+
+if ($mysqli->connect_error) {
+    die("Connection failed: " . $mysqli->connect_error);
+}
+
+// Buscar histórico de documentos processados
+$query = "SELECT pd.*, u.username FROM processed_documents pd 
+          LEFT JOIN users u ON pd.user_id = u.id 
+          ORDER BY pd.created_at DESC";
+$result = $mysqli->query($query);
+?>
+
+<div class="container">
+    <h2>Histórico de Documentos Processados</h2>
+    
+    <table class="data-table">
+        <thead>
+            <tr>
+                <th>Data/Hora</th>
+                <th>Usuário</th>
+                <th>Documento Original</th>
+                <th>Documento Processado</th>
+                <th>Ações</th>
+            </tr>
+        </thead>
+        <tbody>
+            <?php while ($row = $result->fetch_assoc()): ?>
+            <tr>
+                <td><?php echo date('d/m/Y H:i:s', strtotime($row['created_at'])); ?></td>
+                <td><?php echo htmlspecialchars($row['username']); ?></td>
+                <td>
+                    <a href="<?php echo htmlspecialchars($row['original_path']); ?>" target="_blank">
+                        Ver Original
+                    </a>
+                </td>
+                <td>
+                    <a href="<?php echo htmlspecialchars($row['processed_path']); ?>" target="_blank">
+                        Ver Processado
+                    </a>
+                </td>
+                <td>
+                    <button onclick="deleteDocument(<?php echo $row['id']; ?>)" class="delete-btn">
+                        Excluir
+                    </button>
+                </td>
+            </tr>
+            <?php endwhile; ?>
+        </tbody>
+    </table>
+</div>
+
+<script>
+function deleteDocument(id) {
+    if (confirm('Tem certeza que deseja excluir este documento?')) {
+        fetch('delete_document.php', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({id: id})
+        })
+        .then(response => response.json())
+        .then(data => {
+            if (data.success) {
+                alert('Documento excluído com sucesso!');
+                location.reload();
+            } else {
+                alert('Erro ao excluir documento: ' + data.message);
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            alert('Erro ao excluir documento');
+        });
+    }
+}
+</script>

editor.php

@@ -0,0 +1,694 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Editor de Documentos</title>
+    <link href="https://cdn.jsdelivr.net/npm/cropperjs@1.5.12/dist/cropper.min.css" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
+    <script src="https://unpkg.com/downloadjs@1.4.7/download.js"></script>
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+            height: 100%;
+            overflow: hidden;
+        }
+        body {
+            display: flex;
+            flex-direction: column;
+            font-family: Arial, sans-serif;
+            background: #f5f5f5;
+        }
+        /* Container principal com scroll */
+        .editor-container {
+            max-width: 1600px;
+            margin: 0 auto;
+            padding: 20px;
+            height: calc(100vh - 20px);
+            overflow-y: auto;
+            display: flex;
+            flex-direction: column;
+            gap: 20px;
+        }
+
+        /* Container da imagem ajustado */
+        .img-container {
+            position: relative;
+            background: #fff;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            height: 70vh;
+            min-height: 500px;
+            max-height: 800px;
+            margin: 20px 0;
+            overflow: hidden;
+        }
+
+        /* Ajustes do Cropper */
+        .cropper-container {
+            position: relative !important;
+            width: 100% !important;
+            height: 100% !important;
+        }
+
+        .cropper-wrap-box {
+            background-color: #f8f8f8;
+        }
+
+        /* Pontos de redimensionamento maiores e mais visíveis */
+        .cropper-point {
+            width: 25px !important;
+            height: 25px !important;
+            background-color: #4CAF50 !important;
+            border: 3px solid white !important;
+            opacity: 1 !important;
+            border-radius: 50% !important;
+        }
+
+        .cropper-point.point-se {
+            width: 25px !important;
+            height: 25px !important;
+            opacity: 1 !important;
+        }
+
+        .cropper-view-box {
+            outline: 2px solid #4CAF50 !important;
+            outline-color: rgba(74, 175, 80, 0.75) !important;
+        }
+
+        .cropper-line {
+            width: 3px !important;
+            height: 3px !important;
+            background-color: #4CAF50 !important;
+            opacity: 0.8 !important;
+        }
+
+        /* Z-index ajustados */
+        .cropper-face {
+            z-index: 2 !important;
+        }
+        .cropper-line, .cropper-point {
+            z-index: 3 !important;
+        }
+
+        /* Área de controles sempre visível */
+        .controls-section {
+            position: sticky;
+            bottom: 70px;
+            background: #fff;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            z-index: 4;
+        }
+
+        .toolbar {
+            position: sticky;
+            bottom: 0;
+            background: #fff;
+            padding: 15px;
+            border-radius: 8px 8px 0 0;
+            box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
+            z-index: 5;
+        }
+        .controls {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 10px;
+        }
+        .range-control {
+            margin-bottom: 10px;
+        }
+        .range-control label {
+            display: block;
+            margin-bottom: 5px;
+            font-weight: bold;
+        }
+        .range-control input[type="range"] {
+            width: 100%;
+        }
+        .toolbar {
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+            gap: 10px;
+            padding: 10px;
+            text-align: center;
+            background: #fff;
+            border-radius: 4px;
+        }
+        .toolbar button {
+            padding: 10px 20px;
+            margin: 0 8px;
+            font-weight: 500;
+            transition: all 0.3s ease;
+            background: #4CAF50;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        .toolbar button:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+            background: #45a049;
+        }
+        #preview {
+            display: block;
+            max-width: 100%;
+            max-height: 100%;
+            margin: auto;
+        }
+        .cropper-container {
+            width: 100% !important;
+            height: 100% !important;
+        }
+        .cropper-wrap-box {
+            background-color: #f8f8f8;
+        }
+        .cropper-view-box {
+            outline: 2px solid #4CAF50;
+            outline-color: rgba(74, 175, 80, 0.75);
+        }
+        .cropper-point {
+            width: 15px !important;
+            height: 15px !important;
+            background-color: #4CAF50;
+            opacity: 0.9;
+            border-radius: 50%;
+        }
+        .cropper-point.point-se {
+            width: 20px !important;
+            height: 20px !important;
+            background-color: #4CAF50;
+        }
+        .cropper-line {
+            background-color: #4CAF50;
+            opacity: 0.4;
+        }
+        .thumbnails {
+            height: 130px;
+            padding: 15px;
+            background: #fff;
+            border-radius: 8px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            display: flex;
+            gap: 10px;
+            overflow-x: auto;
+            flex-shrink: 0; /* Impede encolhimento */
+        }
+        .thumbnail {
+            width: 110px;
+            height: 100px;
+            margin-right: 15px;
+            border-radius: 4px;
+            transition: all 0.3s ease;
+            object-fit: cover;
+            cursor: pointer;
+            border: 2px solid transparent;
+        }
+        .thumbnail:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+        }
+        .thumbnail.active {
+            border-color: #4CAF50;
+        }
+        #preview-container {
+            position: relative;
+            width: 100%;
+            height: 100%;
+        }
+        #preview-canvas {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+        }
+        .cropper-point {
+            width: 12px !important;
+            height: 12px !important;
+            background-color: #4CAF50 !important;
+            opacity: 0.8 !important;
+        }
+        
+        /* Cursores específicos para cada ponto */
+        .cropper-point.point-e { cursor: e-resize !important; }
+        .cropper-point.point-n { cursor: n-resize !important; }
+        .cropper-point.point-w { cursor: w-resize !important; }
+        .cropper-point.point-s { cursor: s-resize !important; }
+        .cropper-point.point-ne { cursor: ne-resize !important; }
+        .cropper-point.point-nw { cursor: nw-resize !important; }
+        .cropper-point.point-sw { cursor: sw-resize !important; }
+        .cropper-point.point-se { cursor: se-resize !important; }
+        
+        /* Linhas da caixa de recorte */
+        .cropper-line {
+            background-color: #4CAF50 !important;
+            opacity: 0.3 !important;
+        }
+        
+        /* Área de recorte */
+        .cropper-view-box {
+            outline: 2px solid #4CAF50 !important;
+            outline-color: rgba(74, 175, 80, 0.75) !important;
+        }
+        
+        /* Área fora do recorte */
+        .cropper-modal {
+            background-color: rgba(0, 0, 0, 0.5) !important;
+        }
+        
+        /* Container do Cropper */
+        .cropper-container {
+            margin: auto;
+            max-height: calc(100vh - 350px) !important;
+        }
+    </style>
+</head>
+<body>
+    <div class="editor-container">
+        <div class="thumbnails" id="thumbnails">
+            <!-- Miniaturas serão inseridas aqui -->
+        </div>
+        
+        <div class="img-container">
+            <div id="preview-container">
+                <img id="preview" src="">
+                <canvas id="preview-canvas"></canvas>
+            </div>
+        </div>
+        
+        <div class="controls-section">
+            <div class="controls">
+                <div class="range-control">
+                    <label>Brilho</label>
+                    <input type="range" min="-100" max="100" value="0" id="brightness" oninput="adjustImage()">
+                    <span id="brightnessValue">0</span>
+                </div>
+                <div class="range-control">
+                    <label>Contraste</label>
+                    <input type="range" min="-100" max="100" value="0" id="contrast" oninput="adjustImage()">
+                    <span id="contrastValue">0</span>
+                </div>
+                <div class="range-control">
+                    <label>Saturação</label>
+                    <input type="range" min="-100" max="100" value="0" id="saturation" oninput="adjustImage()">
+                    <span id="saturationValue">0</span>
+                </div>
+                <div class="range-control">
+                    <label>Matiz</label>
+                    <input type="range" min="-180" max="180" value="0" id="hue" oninput="adjustImage()">
+                    <span id="hueValue">0</span>
+                </div>
+            </div>
+        </div>
+
+        <div class="toolbar">
+            <button onclick="resetImage()">Resetar</button>
+            <button onclick="rotateCCW()">Girar Esquerda</button>
+            <button onclick="rotateCW()">Girar Direita</button>
+            <button onclick="cropImage()">Recortar</button>
+            <button onclick="applyCrop()">Aplicar Recorte</button>
+            <button onclick="autoAdjust()">Otimização Automática</button>
+            <button onclick="combineImages()" style="background: #FF9800;">Unir Imagens</button>
+            <button onclick="saveImage()" style="background: #2196F3;">Salvar</button>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/cropperjs@1.5.12/dist/cropper.min.js"></script>
+    <script>
+        let cropper = null;
+        let currentImage = null;
+
+        function initCropper(url) {
+            return new Promise((resolve) => {
+                const preview = document.getElementById('preview');
+                preview.src = url;
+                
+                if (cropper) {
+                    cropper.destroy();
+                    cropper = null;
+                }
+
+                preview.onload = function() {
+                    cropper = new Cropper(preview, {
+                        viewMode: 1,
+                        dragMode: 'move',
+                        aspectRatio: NaN,
+                        autoCrop: true,
+                        autoCropArea: 0.98,
+                        cropBoxResizable: true,
+                        cropBoxMovable: true,
+                        zoomable: true,
+                        rotatable: true,
+                        scalable: true,
+                        toggleDragModeOnDblclick: true,
+                        ready: function() {
+                            resolve();
+                        }
+                    });
+                };
+            });
+        }
+
+        function cropImage() {
+            if (!cropper) return;
+
+            if (cropper.getData().width === 0) {
+                // Se não houver área de recorte, criar uma
+                const containerData = cropper.getContainerData();
+                const minSize = Math.min(containerData.width, containerData.height);
+                cropper.setCropBoxData({
+                    left: (containerData.width - minSize * 0.8) / 2,
+                    top: (containerData.height - minSize * 0.8) / 2,
+                    width: minSize * 0.8,
+                    height: minSize * 0.8
+                });
+            }
+
+            // Alternar entre modos crop e move
+            if (cropper.options.dragMode === 'crop') {
+                cropper.setDragMode('move');
+                
+                // Aplicar o recorte atual
+                const canvas = cropper.getCroppedCanvas();
+                if (canvas) {
+                    const croppedImageUrl = canvas.toDataURL('image/jpeg');
+                    cropper.replace(croppedImageUrl);
+                }
+            } else {
+                cropper.setDragMode('crop');
+            }
+
+            // Atualizar a UI
+            const cropBox = document.querySelector('.cropper-crop-box');
+            if (cropBox) {
+                cropBox.style.display = 'block';
+            }
+
+            // Forçar atualização do cropper
+            cropper.clear();
+            setTimeout(() => {
+                cropper.crop();
+            }, 50);
+        }
+
+        function applyCrop() {
+            if (!cropper) return;
+            
+            const canvas = cropper.getCroppedCanvas({
+                imageSmoothingEnabled: true,
+                imageSmoothingQuality: 'high'
+            });
+            if (canvas) {
+                const croppedImageUrl = canvas.toDataURL('image/jpeg');
+                cropper.destroy();
+                initCropper(croppedImageUrl);
+            }
+        }
+
+        async function rotateCW() {
+            if (!cropper) return;
+            try {
+                await cropper.rotate(90);
+            } catch (error) {
+                console.error('Erro ao rotacionar:', error);
+            }
+        }
+
+        async function rotateCCW() {
+            if (!cropper) return;
+            try {
+                await cropper.rotate(-90);
+            } catch (error) {
+                console.error('Erro ao rotacionar:', error);
+            }
+        }
+
+        function switchImage(index) {
+            currentImageIndex = index;
+            
+            // Atualizar miniaturas
+            document.querySelectorAll('.thumbnail').forEach((thumb, i) => {
+                thumb.className = 'thumbnail' + (i === index ? ' active' : '');
+            });
+
+            // Carregar nova imagem
+            initCropper(images[index].url)
+                .then(() => {
+                    // Restaurar filtros após inicialização
+                    if (cropper) {
+                        currentFilters = { ...images[index].filters };
+                        updateFilterInputs();
+                        applyCurrentFilters();
+                    }
+                });
+        }
+
+        let images = [];
+        let currentImageIndex = 0;
+        let currentFilters = {
+            brightness: 100,
+            contrast: 100,
+            saturation: 100,
+            hue: 0
+        };
+
+        window.onload = function() {
+            try {
+                var allImages = JSON.parse(localStorage.getItem('allImages')) || [];
+                console.log('Imagens carregadas:', allImages);
+                
+                if (allImages.length > 0) {
+                    images = allImages.map(function(img) {
+                        return {
+                            url: img.url,
+                            filters: { ...currentFilters }
+                        };
+                    });
+                } else {
+                    var baseUrl = localStorage.getItem('tempImage');
+                    if (!baseUrl) {
+                        throw new Error('Nenhuma imagem encontrada');
+                    }
+                    images = [{
+                        url: baseUrl,
+                        filters: { ...currentFilters }
+                    }];
+                }
+
+                // Criar miniaturas com verificação de URL
+                var thumbnailsContainer = document.getElementById('thumbnails');
+                thumbnailsContainer.innerHTML = '';
+                
+                images.forEach(function(image, index) {
+                    if (!image.url) {
+                        console.error('URL da imagem inválida:', image);
+                        return;
+                    }
+                    
+                    var thumb = document.createElement('img');
+                    thumb.src = image.url;
+                    thumb.className = 'thumbnail' + (index === 0 ? ' active' : '');
+                    thumb.onerror = function() {
+                        console.error('Erro ao carregar miniatura:', image.url);
+                        this.src = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="110" height="100"><rect width="100%" height="100%" fill="%23ddd"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" fill="%23666">Erro</text></svg>';
+                    };
+                    thumb.onclick = function() {
+                        switchImage(index);
+                    };
+                    thumbnailsContainer.appendChild(thumb);
+                });
+
+                // Inicializar primeira imagem com verificação
+                if (images.length > 0 && images[0].url) {
+                    console.log('Iniciando cropper com:', images[0].url);
+                    initCropper(images[0].url).catch(function(error) {
+                        console.error('Erro ao inicializar cropper:', error);
+                        alert('Erro ao inicializar editor: ' + error.message);
+                    });
+                } else {
+                    throw new Error('Nenhuma imagem válida para inicializar');
+                }
+            } catch (error) {
+                console.error('Erro ao inicializar editor:', error);
+                alert('Erro ao carregar imagens: ' + error.message);
+            }
+        };
+
+        function updateFilterInputs() {
+            document.getElementById('brightness').value = currentFilters.brightness - 100;
+            document.getElementById('contrast').value = currentFilters.contrast - 100;
+            document.getElementById('saturation').value = currentFilters.saturation - 100;
+            document.getElementById('hue').value = currentFilters.hue;
+            document.getElementById('brightnessValue').textContent = currentFilters.brightness - 100;
+            document.getElementById('contrastValue').textContent = currentFilters.contrast - 100;
+            document.getElementById('saturationValue').textContent = currentFilters.saturation - 100;
+            document.getElementById('hueValue').textContent = currentFilters.hue;
+        }
+
+        function adjustImage() {
+            currentFilters = {
+                brightness: parseInt(document.getElementById('brightness').value) + 100,
+                contrast: parseInt(document.getElementById('contrast').value) + 100,
+                saturation: parseInt(document.getElementById('saturation').value) + 100,
+                hue: parseInt(document.getElementById('hue').value)
+            };
+
+            // Salvar filtros para a imagem atual
+            images[currentImageIndex].filters = { ...currentFilters };
+            applyCurrentFilters();
+        }
+
+        function applyCurrentFilters() {
+            if (!cropper) return;
+            const canvas = cropper.getCroppedCanvas();
+            if (!canvas || canvas.width === 0 || canvas.height === 0) return;
+
+            try {
+                const tempCanvas = document.createElement('canvas');
+                tempCanvas.width = canvas.width;
+                tempCanvas.height = canvas.height;
+                const ctx = tempCanvas.getContext('2d');
+                ctx.filter = `brightness(${currentFilters.brightness}%) 
+                            contrast(${currentFilters.contrast}%) 
+                            saturate(${currentFilters.saturation}%) 
+                            hue-rotate(${currentFilters.hue}deg)`;
+                ctx.drawImage(canvas, 0, 0);
+                cropper.replace(tempCanvas.toDataURL('image/jpeg'));
+            } catch (error) {
+                console.error('Erro ao aplicar filtros:', error);
+            }
+        }
+
+        async function combineImages() {
+            try {
+                const { jsPDF } = window.jspdf;
+                const pdf = new jsPDF();
+                let currentY = 0;
+
+                for (let image of images) {
+                    const img = await createImage(image.url);
+                    const canvas = document.createElement('canvas');
+                    canvas.width = img.width;
+                    canvas.height = img.height;
+                    const ctx = canvas.getContext('2d');
+                    ctx.filter = `brightness(${image.filters.brightness}%) 
+                                contrast(${image.filters.contrast}%) 
+                                saturate(${image.filters.saturation}%) 
+                                hue-rotate(${image.filters.hue}deg)`;
+                    ctx.drawImage(img, 0, 0);
+
+                    if (currentY > 0) {
+                        pdf.addPage();
+                    }
+
+                    const imgData = canvas.toDataURL('image/jpeg', 1.0);
+                    pdf.addImage(imgData, 'JPEG', 0, 0, pdf.internal.pageSize.width, pdf.internal.pageSize.height, '', 'FAST');
+                }
+
+                // Preview do PDF combinado
+                const pdfData = pdf.output('datauristring');
+                initCropper(pdfData);
+            } catch (error) {
+                console.error('Erro ao combinar imagens:', error);
+                alert('Erro ao combinar imagens: ' + error.message);
+            }
+        }
+
+        function createImage(url) {
+            return new Promise((resolve, reject) => {
+                const img = new Image();
+                img.onload = () => resolve(img);
+                img.onerror = reject;
+                img.src = url;
+            });
+        }
+
+        function resetImage() {
+            if (cropper) {
+                cropper.reset();
+                currentFilters = {
+                    brightness: 100,
+                    contrast: 100,
+                    saturation: 100,
+                    hue: 0
+                };
+                images[currentImageIndex].filters = { ...currentFilters };
+                updateFilterInputs();
+                applyCurrentFilters();
+            }
+        }
+
+        function autoAdjust() {
+            // Implementar otimização automática aqui
+            alert('Função em desenvolvimento');
+        }
+
+        async function saveImage() {
+            if (!cropper) {
+                alert('Editor não inicializado corretamente');
+                return;
+            }
+
+            try {
+                // Obter canvas com filtros aplicados
+                const canvas = cropper.getCroppedCanvas({
+                    maxWidth: 4096,
+                    maxHeight: 4096,
+                    fillColor: '#fff',
+                    imageSmoothingEnabled: true,
+                    imageSmoothingQuality: 'high'
+                });
+
+                if (!canvas) {
+                    throw new Error('Não foi possível gerar a imagem');
+                }
+
+                // Criar PDF
+                const { jsPDF } = window.jspdf;
+                const pdf = new jsPDF({
+                    orientation: canvas.width > canvas.height ? 'l' : 'p',
+                    unit: 'px',
+                    format: [canvas.width, canvas.height]
+                });
+
+                // Adicionar imagem ao PDF
+                const imgData = canvas.toDataURL('image/jpeg', 1.0);
+                pdf.addImage(imgData, 'JPEG', 0, 0, canvas.width, canvas.height);
+
+                // Converter PDF para Blob
+                const pdfBlob = pdf.output('blob');
+
+                const formData = new FormData();
+                formData.append('image', pdfBlob, 'documento.pdf');
+                formData.append('client_id', localStorage.getItem('tempClientId'));
+                formData.append('doc_type', localStorage.getItem('tempDocType'));
+
+                const response = await fetch('index.php?page=save_edited', {
+                    method: 'POST',
+                    body: formData
+                });
+
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+
+                const result = await response.json();
+                if (result.success) {
+                    window.parent.postMessage({
+                        type: 'documentSaved',
+                        data: result
+                    }, '*');
+                } else {
+                    throw new Error(result.message || 'Erro ao salvar');
+                }
+            } catch (error) {
+                console.error('Erro:', error);
+                alert('Erro ao processar: ' + error.message);
+            }
+        }
+    </script>
+</body>
+</html>

index.php

@@ -2,9 +2,10 @@
 
 ob_start();
 session_start();
+//require_once 'config.php';
 
 // Verificar se o usuário está logado
-if (!isset($_SESSION['user_id'])) {
+if (!isset($_SESSION['user_id']) && !in_array($_GET['page'], ['login', 'logout'])) {
     header("Location: login.php");
     exit();
 }
@@ -32,28 +33,84 @@ include 'top_menu.php';
         <?php
         if (isset($_GET['page'])) {
             $page = $_GET['page'];
-            if ($page == 'upload') {
+            switch($page) {
+                case 'upload':
                     include 'prova/upload_prova.php';
-            } elseif ($page == 'status') {
+                    break;
+                case 'status':
                     include 'prova/status.php';
-            } elseif ($page == 'list_files') {
+                    break;
+                case 'list_files':
                     include 'prova/list_files.php';
-            } elseif ($page == 'register_client') {
+                    break;
+                case 'register_client':
                     include 'clientes/register_client.php';
-            } elseif ($page == 'list_clients') {
+                    break;
+                case 'list_clients':
                     include 'clientes/list_clients.php';
-            } elseif ($page == 'client_details' && isset($_GET['id'])) {
+                    break;
+                case 'client_details':
+                    if (isset($_GET['id'])) {
                         include 'clientes/client_details.php';
-            } elseif ($page == 'edit_client' && isset($_GET['id'])) {
+                    }
+                    break;
+                case 'edit_client':
+                    if (isset($_GET['id'])) {
                         include 'clientes/edit_client.php';
-            } elseif ($page == 'delete_client' && isset($_GET['id'])) {
+                    }
+                    break;
+                case 'delete_client':
+                    if (isset($_GET['id'])) {
                         include 'clientes/delete_client.php';
-            } elseif ($page == 'edit_note' && isset($_POST['id'])) {
+                    }
+                    break;
+                case 'edit_note':
+                    if (isset($_POST['id'])) {
                         include 'clientes/edit_note.php';
-            } elseif ($page == 'delete_note' && isset($_POST['id'])) {
+                    }
+                    break;
+                case 'delete_note':
+                    if (isset($_POST['id'])) {
                         include 'clientes/delete_note.php';
-            } else {
+                    }
+                    break;
+                case 'doc_upload':
+                    include 'upload.php';
+                    break;
+                case 'doc_list':
+                    include 'list.php';
+                    break;
+                case 'delete_document':
+                    if (isset($_GET['id'])) {
+                        include 'delete_document.php';
+                    }
+                    break;
+                case 'temp_upload':
+                    header('Content-Type: application/json');
+                    require_once 'temp_upload.php';
+                    exit();
+                    break;
+                    
+                case 'save_edited':
+                    // Garante que nenhuma saída HTML será enviada
+                    ob_clean();
+                    header('Content-Type: application/json');
+                    require_once 'save_edited.php';
+                    exit();
+                    break;
+                    
+                case 'editor':
+                    require_once 'editor.php';
+                    break;
+                    
+                case 'auto_adjust':
+                    header('Content-Type: application/json');
+                    require_once 'auto_adjust.php';
+                    exit();
+                    break;
+                default:
                     echo "<h2>Bem-vindo ao Sistema de Ferramentas</h2>";
+                    break;
             }
         } else {
             echo "<h2>Bem-vindo ao Sistema de Ferramentas</h2>";

list.php

@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Documentos Processados</title>
+    <meta charset="utf-8">
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; }
+        .file-list { 
+            max-width: 800px; 
+            margin: 0 auto; 
+            padding: 20px;
+            background: #fff;
+        }
+        .file-item { 
+            padding: 15px;
+            border-bottom: 1px solid #eee;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .file-info { flex: 1; }
+        .file-actions { margin-left: 15px; }
+    </style>
+</head>
+<body>
+    <div class="file-list">
+        <?php
+        require_once 'config.php';
+        
+        // Debug mode
+        error_reporting(E_ALL);
+        ini_set('display_errors', 1);
+        
+        echo "<!-- Debug: Iniciando listagem -->\n";
+        
+        if ($conn->connect_error) {
+            die("<div class='error'>Erro de conexão: " . $conn->connect_error . "</div>");
+        }
+        
+        if (!isset($_GET['client_id'])) {
+            echo "<p>Selecione um cliente para ver seus documentos:</p>";
+            $sql = "SELECT id, name FROM clients";
+            echo "<!-- Debug: Executando query: $sql -->\n";
+            
+            $result = $conn->query($sql);
+            
+            if ($result === false) {
+                echo "<div class='error'>Erro na query: " . $conn->error . "</div>";
+                echo "<!-- Debug: Erro SQL: " . $conn->error . " -->\n";
+            } else {
+                echo "<!-- Debug: Encontrados " . $result->num_rows . " clientes -->\n";
+                while ($row = $result->fetch_assoc()) {
+                    echo "<div class='file-item'>";
+                    echo "<div class='file-info'>";
+                    echo "<strong>" . $row['name'] . "</strong>";
+                    echo "</div>";
+                    echo "<div class='file-actions'>";
+                    echo "<a href='index.php?page=doc_list&client_id=" . $row['id'] . "'>Ver documentos</a>";
+                    echo "</div>";
+                    echo "</div>";
+                }
+            }
+        } else {
+            $client_id = intval($_GET['client_id']);
+            echo "<!-- Debug: Buscando documentos do cliente $client_id -->\n";
+            
+            // Buscar documentos do cliente
+            $sql = "SELECT d.*, c.name as client_name 
+                   FROM documentos d 
+                   JOIN clients c ON d.client_id = c.id 
+                   WHERE d.client_id = ? 
+                   ORDER BY d.data_upload DESC";
+            
+            echo "<!-- Debug: Query documentos: $sql -->\n";
+            
+            $stmt = $conn->prepare($sql);
+            if ($stmt === false) {
+                echo "<div class='error'>Erro ao preparar query: " . $conn->error . "</div>";
+            } else {
+                $stmt->bind_param("i", $client_id);
+                $stmt->execute();
+                $result = $stmt->get_result();
+                
+                echo "<!-- Debug: Encontrados " . $result->num_rows . " documentos -->\n";
+                
+                if ($result->num_rows > 0) {
+                    while ($doc = $result->fetch_assoc()) {
+                        echo "<div class='file-item'>";
+                        echo "<div class='file-info'>";
+                        echo "<strong>Tipo: " . ucfirst($doc['tipo']) . "</strong><br>";
+                        echo "Data: " . date("d/m/Y H:i", strtotime($doc['data_upload']));
+                        echo "</div>";
+                        echo "<div class='file-actions'>";
+                        echo "<a href='" . $doc['arquivo'] . "' target='_blank'>Visualizar</a> | ";
+                        echo "<a href='#' onclick='deleteDocument(" . $doc['id'] . ")'>Excluir</a>";
+                        echo "</div>";
+                        echo "</div>";
+                    }
+                } else {
+                    echo "<p>Nenhum documento encontrado para este cliente.</p>";
+                }
+            }
+        }
+        ?>
+        
+        <!-- Status messages -->
+        <?php if (isset($_GET['status'])): ?>
+            <div id="status" style="margin: 10px 0; padding: 10px; background: #e8f5e9;">
+                <?php
+                switch($_GET['status']) {
+                    case 'success':
+                        echo "Documento processado com sucesso!";
+                        break;
+                    case 'deleted':
+                        echo "Documento excluído com sucesso!";
+                        break;
+                    default:
+                        echo htmlspecialchars($_GET['status']);
+                }
+                ?>
+            </div>
+        <?php endif; ?>
+    </div>
+
+    <script>
+    function deleteDocument(id) {
+        if (confirm('Deseja realmente excluir este documento?')) {
+            window.location.href = 'index.php?page=delete_document&id=' + id;
+        }
+    }
+    </script>
+</body>
+</html>

menu.php

@@ -12,7 +12,7 @@ if (!isset($_SESSION['user_id'])) {
         <li>
             <a href="javascript:void(0);" onclick="toggleSubmenu('submenu1')">Autenticador de Provas Digitais</a>
             <ul id="submenu1" class="submenu">
-                <li><a href="index.php?page=upload">Upload de Arquivos</a></li>
+                <li><a href="/prova/upload_prova.php">Upload de Arquivos</a></li>
                 <li><a href="index.php?page=status">Ver Status</a></li>
                 <li><a href="index.php?page=list_files">Lista de Arquivos Processados</a></li>
             </ul>
@@ -24,6 +24,13 @@ if (!isset($_SESSION['user_id'])) {
                 <li><a href="index.php?page=list_clients">Listagem de Clientes</a></li>
             </ul>
         </li>
+        <li>
+            <a href="javascript:void(0);" onclick="toggleSubmenu('submenu3')">Processador de Documentos</a>
+            <ul id="submenu3" class="submenu">
+                <li><a href="index.php?page=doc_upload">Upload de Documentos</a></li>
+                <li><a href="index.php?page=doc_list">Documentos Processados</a></li>
+            </ul>
+        </li>
         <!-- Adicione mais ferramentas aqui -->
     </ul>
 </div>

process.php

@@ -0,0 +1,91 @@
+<?php
+require_once 'config.php';
+
+$upload_dir = "uploads/";
+$processed_dir = "processed/";
+
+// Debug mode
+error_reporting(E_ALL);
+ini_set('display_errors', 1);
+
+// Criar diretórios se não existirem
+if (!file_exists($upload_dir)) mkdir($upload_dir, 0777, true);
+if (!file_exists($processed_dir)) mkdir($processed_dir, 0777, true);
+
+if ($_FILES["document"]["error"] == 0) {
+    try {
+        $temp = $_FILES["document"]["tmp_name"];
+        $name = basename($_FILES["document"]["name"]);
+        $doc_type = $_POST["doc_type"];
+        $client_id = $_POST["client_id"];
+        
+        // Criar diretório específico do cliente
+        $client_dir = $processed_dir . $client_id . "/";
+        if (!file_exists($client_dir)) mkdir($client_dir, 0777, true);
+        
+        // Salvar arquivo original com timestamp
+        $timestamp = time();
+        $original_name = $timestamp . "_" . $name;
+        $original_path = $upload_dir . $original_name;
+        
+        if (!move_uploaded_file($temp, $original_path)) {
+            throw new Exception("Erro ao fazer upload do arquivo");
+        }
+        
+        // Caminho absoluto para o script Python
+        $python_script = realpath(__DIR__ . "/document_detector.py");
+        $original_path = realpath($original_path);
+        $client_dir = realpath($client_dir);
+        
+        // Comando Python com paths absolutos
+        $command = sprintf(
+            'python3 "%s" "%s" "%s" "%s" 2>&1',
+            $python_script,
+            $original_path,
+            $doc_type,
+            $client_dir
+        );
+        
+        // Log do comando
+        file_put_contents('python_debug.log', date('Y-m-d H:i:s') . "\nComando: " . $command . "\n", FILE_APPEND);
+        
+        // Executar comando
+        $output = [];
+        $return_var = 0;
+        exec($command, $output, $return_var);
+        
+        // Log da saída
+        file_put_contents('python_debug.log', "Saída: " . implode("\n", $output) . "\nCódigo: $return_var\n\n", FILE_APPEND);
+        
+        // Verificar resultado
+        $last_output = end($output);
+        $result = json_decode($last_output, true);
+        
+        if ($result && $result['success']) {
+            // Nome do arquivo processado
+            $processed_name = $doc_type . "_" . $original_name;
+            $processed_file = $client_dir . "/" . $processed_name;
+            
+            // Registrar no banco
+            $sql = "INSERT INTO documentos (client_id, tipo, arquivo, data_upload) VALUES (?, ?, ?, NOW())";
+            $stmt = $conn->prepare($sql);
+            $stmt->bind_param("iss", $client_id, $doc_type, $processed_file);
+            
+            if (!$stmt->execute()) {
+                throw new Exception("Erro ao registrar documento: " . $stmt->error);
+            }
+            
+            header("Location: index.php?page=doc_list&client_id=" . $client_id . "&status=success");
+            exit();
+        } else {
+            throw new Exception("Erro no processamento: " . ($result['message'] ?? 'Erro desconhecido'));
+        }
+        
+    } catch (Exception $e) {
+        file_put_contents('error.log', date('Y-m-d H:i:s') . " - " . $e->getMessage() . "\n", FILE_APPEND);
+        die("Erro: " . $e->getMessage());
+    }
+} else {
+    die("Erro no upload: " . $_FILES["document"]["error"]);
+}
+?>

prova/upload.php

@@ -18,6 +18,13 @@ if (!is_dir($upload_dir)) {
 $allowed_types = ['image/jpeg', 'image/png', 'image/gif', 'application/pdf'];
 $max_file_size = 10 * 1024 * 1024; // 10MB
 
+// Ignorar autenticação para esta página
+// if (basename($_SERVER['PHP_SELF']) == 'upload.php') {
+//     // Ignorar autenticação para esta página
+// } else {
+//     // ...código de autenticação existente...
+// }
+
 if ($_SERVER['REQUEST_METHOD'] == 'POST') {
     if (isset($_FILES['files'])) {
         $files = $_FILES['files'];

prova/upload_prova.php

@@ -3,6 +3,137 @@
 <head>
     <meta charset="UTF-8">
     <title>Upload de Arquivos</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <?php
+    // Verificação de folhas de estilo previamente aplicadas
+    $hasStylesheet = false;
+
+    // Verificar se há elementos <link> ou <style> no documento
+    ob_start();
+    ?>
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            var hasStylesheet = document.querySelector('link[rel="stylesheet"], style') !== null;
+            var xhr = new XMLHttpRequest();
+            xhr.open("POST", "", true);
+            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+            xhr.send("hasStylesheet=" + hasStylesheet);
+        });
+    </script>
+    <?php
+    $script = ob_get_clean();
+    echo $script;
+
+    if (isset($_POST['hasStylesheet']) && $_POST['hasStylesheet'] === 'true') {
+        $hasStylesheet = true;
+    }
+
+    if (!$hasStylesheet) {
+        echo '<style>
+            body {
+                font-family: Arial, sans-serif;
+                background-color: #f4f4f4;
+                margin: 0;
+                padding: 0;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                height: 100vh;
+            }
+            .container {
+                background-color: #fff;
+                padding: 20px;
+                border-radius: 8px;
+                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+                width: 100%;
+                max-width: 500px;
+                text-align: center;
+            }
+            h2 {
+                margin-bottom: 20px;
+                color: #333;
+            }
+            label {
+                display: block;
+                margin-bottom: 10px;
+                color: #555;
+            }
+            .custom-file-input {
+                position: relative;
+                display: inline-block;
+                width: 100%;
+                height: 40px;
+                margin-bottom: 20px;
+            }
+            .custom-file-input input[type="file"] {
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                opacity: 0;
+                cursor: pointer;
+            }
+            .custom-file-input::before {
+                content: "Escolher arquivos";
+                display: inline-block;
+                background: #007bff;
+                color: white;
+                border: none;
+                padding: 10px 20px;
+                border-radius: 5px;
+                cursor: pointer;
+                text-align: center;
+                width: 100%;
+                height: 100%;
+                line-height: 20px;
+            }
+            .custom-file-input input[type="file"]:focus + ::before {
+                outline: 1px dotted #000;
+                outline: -webkit-focus-ring-color auto 5px;
+            }
+            .custom-file-input input[type="file"]::after {
+                content: "Nenhum arquivo escolhido";
+                display: block;
+                margin-top: 10px;
+                color: #555;
+            }
+            button {
+                background-color: #007bff;
+                color: #fff;
+                border: none;
+                padding: 10px 20px;
+                border-radius: 5px;
+                cursor: pointer;
+                font-size: 16px;
+                margin-top: 10px;
+            }
+            button:hover {
+                background-color: #0056b3;
+            }
+            @media (max-width: 600px) {
+                body {
+                    height: auto;
+                    padding: 20px;
+                }
+                .container {
+                    padding: 15px;
+                    width: 100%;
+                }
+                h2 {
+                    font-size: 18px;
+                }
+                button {
+                    width: 100%;
+                    padding: 12px;
+                    font-size: 14px;
+                }
+                .custom-file-input::before {
+                    padding: 12px;
+                    font-size: 14px;
+                }
+            }
+        </style>';
+    }
+    ?>
     <script>
         function addViewportDimensions() {
             var form = document.getElementById('uploadForm');
@@ -70,7 +201,7 @@
 <body>
     <div class="container">
         <h2>Upload de Arquivos</h2>
-        <form id="uploadForm" action="./prova/upload.php" method="post" enctype="multipart/form-data">
+        <form id="uploadForm" action="./upload.php" method="post" enctype="multipart/form-data">
             <label for="files">Selecione os arquivos para autenticar:</label><br><br>
             <input type="file" name="files[]" id="files" multiple required><br><br>
             <button type="submit">Autenticar</button>

save_edited.php

@@ -0,0 +1,116 @@
+<?php
+// Limpar qualquer saída anterior
+ob_clean();
+ob_start();
+
+// Definir cabeçalhos
+header('Content-Type: application/json');
+header('X-Content-Type-Options: nosniff');
+
+require_once 'config.php';
+
+try {
+    // Reset de quaisquer resultados pendentes
+    while ($conn->next_result()) {
+        if ($res = $conn->store_result()) {
+            $res->free();
+        }
+    }
+
+    // Verificar dados do POST e FILES
+    if (!isset($_POST['client_id']) || !isset($_FILES['image'])) {
+        throw new Exception("Dados incompletos");
+    }
+
+    // Debug
+    error_log("POST data: " . print_r($_POST, true));
+    error_log("FILES data: " . print_r($_FILES, true));
+
+    $client_id = intval($_POST['client_id']);
+    $doc_type = $_POST['doc_type'];
+
+    // Verificar cliente com nova conexão
+    $check_client = $conn->prepare("SELECT id FROM clients WHERE id = ? LIMIT 1");
+    if (!$check_client) {
+        throw new Exception("Erro ao preparar consulta: " . $conn->error);
+    }
+
+    $check_client->bind_param("i", $client_id);
+    $check_client->execute();
+    $result = $check_client->get_result();
+    
+    if ($result->num_rows === 0) {
+        throw new Exception("Cliente não encontrado");
+    }
+    $check_client->close();
+
+    // Criar diretório do cliente
+    $client_dir = "processed/{$client_id}/";
+    if (!file_exists($client_dir)) {
+        if (!mkdir($client_dir, 0777, true)) {
+            throw new Exception("Erro ao criar diretório");
+        }
+    }
+
+    // Verificar tipo do arquivo
+    $mime_type = $_FILES['image']['type'];
+    if ($mime_type !== 'application/pdf' && !strpos($mime_type, 'image/') === 0) {
+        throw new Exception("Tipo de arquivo não permitido");
+    }
+
+    // Gerar nome do arquivo sempre como PDF
+    $timestamp = time();
+    $filename = sprintf(
+        '%s_%s_%s.pdf',
+        $doc_type,
+        $timestamp,
+        uniqid()
+    );
+    $filepath = $client_dir . $filename;
+
+    // Se for imagem, converter para PDF
+    if (strpos($mime_type, 'image/') === 0) {
+        require_once 'vendor/autoload.php'; // Requer tecnickcom/tcpdf
+        $pdf = new TCPDF();
+        $pdf->AddPage();
+        $pdf->Image($_FILES['image']['tmp_name'], 0, 0, $pdf->getPageWidth(), $pdf->getPageHeight());
+        $pdf->Output($filepath, 'F');
+    } else {
+        // Se já for PDF, apenas mover
+        move_uploaded_file($_FILES['image']['tmp_name'], $filepath);
+    }
+
+    // Registrar no banco com nova preparação
+    $insert = $conn->prepare("INSERT INTO documentos (client_id, tipo, arquivo, data_upload) VALUES (?, ?, ?, NOW())");
+    if (!$insert) {
+        throw new Exception("Erro ao preparar inserção: " . $conn->error);
+    }
+
+    $insert->bind_param("iss", $client_id, $doc_type, $filepath);
+    
+    if (!$insert->execute()) {
+        unlink($filepath);
+        throw new Exception("Erro ao registrar documento: " . $insert->error);
+    }
+
+    $doc_id = $insert->insert_id;
+    $insert->close();
+
+    // Retornar sucesso
+    echo json_encode([
+        'success' => true,
+        'message' => 'Documento salvo com sucesso',
+        'file' => $filepath,
+        'id' => $doc_id
+    ]);
+    exit();
+
+} catch (Exception $e) {
+    http_response_code(400);
+    echo json_encode([
+        'success' => false,
+        'message' => $e->getMessage()
+    ]);
+    exit();
+}
+?>

style.css

@@ -209,3 +209,50 @@ textarea {
 #search-button:hover {
     background-color: #0056b3;
 }
+
+/* Estilos para processamento de documentos */
+.upload-form {
+    max-width: 600px;
+    margin: 20px auto;
+    padding: 20px;
+    background: #f5f5f5;
+    border-radius: 5px;
+}
+
+.result-preview {
+    margin-top: 30px;
+}
+
+.image-comparison {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+    flex-wrap: wrap;
+}
+
+.image-comparison img {
+    max-width: 45%;
+    height: auto;
+    margin: 10px;
+    border: 1px solid #ddd;
+    box-shadow: 0 0 5px rgba(0,0,0,0.2);
+}
+
+.alert {
+    padding: 15px;
+    margin-bottom: 20px;
+    border: 1px solid transparent;
+    border-radius: 4px;
+}
+
+.alert-success {
+    color: #155724;
+    background-color: #d4edda;
+    border-color: #c3e6cb;
+}
+
+.alert-error {
+    color: #721c24;
+    background-color: #f8d7da;
+    border-color: #f5c6cb;
+}

temp_upload.php

@@ -0,0 +1,120 @@
+<?php
+// Certificar que nenhuma saída foi enviada antes
+ob_clean();
+header('Content-Type: application/json');
+
+// Configurações de erro
+error_reporting(E_ALL);
+ini_set('display_errors', 0);
+
+// Função para retornar resposta JSON
+function jsonResponse($success, $message, $data = []) {
+    echo json_encode(array_merge([
+        'success' => $success,
+        'message' => $message
+    ], $data));
+    exit;
+}
+
+try {
+    // Configurar diretório temporário com caminho absoluto
+    $temp_dir = __DIR__ . "/temp/";
+    $web_temp_dir = "temp/"; // Para URLs
+
+    // Criar diretório se não existir
+    if (!file_exists($temp_dir)) {
+        if (!mkdir($temp_dir, 0777, true)) {
+            throw new Exception("Erro ao criar diretório temporário");
+        }
+        chmod($temp_dir, 0777); // Garantir permissões
+    }
+
+    // Debug
+    error_log("POST: " . print_r($_POST, true));
+    error_log("FILES: " . print_r($_FILES, true));
+
+    // Verificar se recebeu arquivos
+    if (empty($_FILES['document'])) {
+        throw new Exception("Nenhum arquivo enviado");
+    }
+
+    $files = [];
+    $uploaded_files = [];
+
+    // Reorganizar array de arquivos
+    foreach ($_FILES['document']['name'] as $key => $name) {
+        $files[] = [
+            'name' => $_FILES['document']['name'][$key],
+            'type' => $_FILES['document']['type'][$key],
+            'tmp_name' => $_FILES['document']['tmp_name'][$key],
+            'error' => $_FILES['document']['error'][$key],
+            'size' => $_FILES['document']['size'][$key]
+        ];
+    }
+
+    // Processar cada arquivo
+    foreach ($files as $index => $file) {
+        if ($file['error'] !== UPLOAD_ERR_OK) {
+            continue;
+        }
+
+        // Validar tipo
+        $finfo = finfo_open(FILEINFO_MIME_TYPE);
+        $mime_type = finfo_file($finfo, $file['tmp_name']);
+        finfo_close($finfo);
+
+        if (!in_array($mime_type, ['image/jpeg', 'image/png', 'image/jpg'])) {
+            continue;
+        }
+
+        // Gerar nome único para cada arquivo
+        $ext = pathinfo($file['name'], PATHINFO_EXTENSION);
+        $basename = uniqid('doc_') . '_' . time();
+        $filename = sprintf('%s_%d.%s', $basename, $index, $ext);
+        
+        $temp_path = $temp_dir . $filename;
+        $web_path = $web_temp_dir . $filename;
+
+        // Mover arquivo
+        if (move_uploaded_file($file['tmp_name'], $temp_path)) {
+            // Ajustar permissões do arquivo
+            chmod($temp_path, 0644);
+            
+            $uploaded_files[] = [
+                'url' => $web_path,
+                'path' => $temp_path,
+                'index' => $index
+            ];
+        }
+    }
+
+    if (empty($uploaded_files)) {
+        throw new Exception("Nenhum arquivo válido foi enviado");
+    }
+
+    // Debug
+    error_log("Arquivos processados: " . print_r($uploaded_files, true));
+
+    // Retornar sucesso com primeiro arquivo como principal
+    echo json_encode([
+        'success' => true,
+        'message' => count($uploaded_files) . ' arquivo(s) processado(s)',
+        'imageUrl' => $uploaded_files[0]['url'],
+        'allImages' => $uploaded_files,
+        'fileCount' => count($uploaded_files),
+        'baseUrl' => $web_temp_dir,
+        'basename' => $basename
+    ]);
+
+} catch (Exception $e) {
+    error_log("Erro no upload: " . $e->getMessage());
+    echo json_encode([
+        'success' => false,
+        'message' => $e->getMessage(),
+        'debug' => [
+            'POST' => $_POST,
+            'FILES' => isset($_FILES['document']) ? $_FILES['document'] : 'No files'
+        ]
+    ]);
+}
+?>

top_menu.php

@@ -19,7 +19,7 @@
             <button class="new-button">Novo</button>
             <ul class="new-menu">
                 <li><a href="index.php?page=register_client">Novo Cliente</a></li>
-                <li><a href="index.php?page=upload_prova">Upload de Prova Digital</a></li>
+                <li><a href="/prova/upload_prova.php">Upload de Prova Digital</a></li>
             </ul>
         <button class="search-button">Pesquisar</button>
         <div class="search-bar">

upload.php

@@ -0,0 +1,245 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <title>Upload de Documentos</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; }
+        .upload-form { max-width: 500px; margin: 0 auto; padding: 20px; background: #fff; }
+        .button { padding: 10px 20px; background: #4CAF50; color: white; border: none; }
+        .preview { max-width: 100%; margin: 20px 0; }
+        .preview img { max-width: 100%; }
+        #result { display: none; }
+        .error { color: red; }
+        select { width: 100%; padding: 8px; margin-bottom: 10px; }
+    </style>
+    <!-- jQuery primeiro -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <!-- jQuery UI depois -->
+    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
+    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
+    <!-- Fancybox por último -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
+</head>
+<body>
+    <div class="upload-form">
+        <h2>Upload de Documentos</h2>
+        <?php
+        // Debug de inicialização
+        echo "<!-- Debug: Iniciando página de upload -->\n";
+        require_once 'config.php';
+        
+        if ($conn->connect_error) {
+            echo "<div class='error'>Erro de conexão: " . $conn->connect_error . "</div>";
+        } else {
+            echo "<!-- Debug: Conexão OK -->\n";
+        }
+        ?>
+        <form action="process.php" method="post" enctype="multipart/form-data" id="uploadForm">
+            <p>
+                <label>Cliente:</label><br>
+                <select name="client_id" required>
+                    <?php
+                    require_once 'config.php';
+                    
+                    // Debug de conexão
+                    if (!$conn) {
+                        die("Erro de conexão: " . mysqli_connect_error());
+                    }
+                    
+                    // Debug da tabela
+                    $check_table = $conn->query("SHOW TABLES LIKE 'clients'");
+                    if ($check_table->num_rows == 0) {
+                        die("Tabela 'clients' não encontrada!");
+                    }
+                    
+                    // Verificar estrutura da tabela
+                    $check_columns = $conn->query("DESCRIBE clients");
+                    if (!$check_columns) {
+                        die("Erro ao verificar estrutura da tabela: " . $conn->error);
+                    }
+                    
+                    // Contar registros
+                    $count = $conn->query("SELECT COUNT(*) as total FROM clients");
+                    $total = $count->fetch_assoc()['total'];
+                    echo "<!-- Total de clientes: " . $total . " -->";
+                    
+                    // Query com validação e debug
+                    $sql = "SELECT id, name FROM clients WHERE 1=1";
+                    $result = $conn->query($sql);
+                    
+                    if (!$result) {
+                        die("Erro na query: " . $conn->error);
+                    }
+                    
+                    // Exibir clientes com verificação
+                    echo "<option value=''>Selecione um cliente</option>";
+                    if ($result->num_rows > 0) {
+                        while ($row = $result->fetch_assoc()) {
+                            echo "<option value='" . $row['id'] . "'>" . 
+                                 htmlspecialchars($row['name']) . "</option>";
+                        }
+                    } else {
+                        echo "<option value='' disabled>Nenhum cliente encontrado</option>";
+                        echo "<!-- Query executada: " . $sql . " -->";
+                    }
+                    ?>
+                </select>
+            </p>
+            <p>
+                <label>Selecione o documento:</label><br>
+                <input type="file" name="document[]" accept="image/*" required multiple>
+                <small style="color: #666;">Você pode selecionar várias imagens para unir em um único documento</small>
+            </p>
+            <p>
+                <label>Tipo de documento:</label><br>
+                <select name="doc_type" required>
+                    <option value="cpf">CPF</option>
+                    <option value="rg">RG</option>
+                    <option value="cnh">CNH</option>
+                </select>
+            </p>
+            <input type="submit" value="Processar" class="button">
+        </form>
+
+        <div id="uploadStatus" style="margin: 10px 0; padding: 10px;"></div>
+        <div id="debug" style="margin: 10px 0; padding: 10px; background: #f5f5f5; display: none;"></div>
+        
+        <div id="error" class="error">
+            <?php
+            if (isset($conn) && !$result) {
+                echo "Erro ao buscar clientes: " . $conn->error;
+            }
+            ?>
+        </div>
+        <p><a href="index.php?page=doc_list">Ver documentos processados</a></p>
+    </div>
+
+    <div id="result">
+        <h3>Resultado do Processamento:</h3>
+        <div class="preview">
+            <h4>Documento Original:</h4>
+            <img id="originalImage" src="" alt="Original">
+        </div>
+        <div class="preview">
+            <h4>Documento Processado:</h4>
+            <img id="processedImage" src="" alt="Processado">
+        </div>
+    </div>
+
+    <div id="error" class="error"></div>
+
+    <script>
+        $(document).ready(function() {
+            const uploadForm = document.getElementById('uploadForm');
+            const fileInput = uploadForm.querySelector('input[type="file"]');
+            const debugDiv = document.getElementById('debug');
+            const statusDiv = document.getElementById('uploadStatus');
+            
+            // Inicializar autocomplete do jQuery UI
+            $("#search").autocomplete({
+                source: function(request, response) {
+                    $.getJSON("clientes/autocomplete.php", {
+                        term: request.term
+                    }, response);
+                },
+                minLength: 2,
+                select: function(event, ui) {
+                    if (ui.item) {
+                        window.location.href = 'index.php?page=client_details&id=' + ui.item.id;
+                    }
+                }
+            });
+
+            fileInput.addEventListener('change', function(e) {
+                const files = e.target.files;
+                if (files.length > 0) {
+                    debugDiv.innerHTML = `${files.length} arquivo(s) selecionado(s)`;
+                    debugDiv.style.display = 'block';
+                }
+            });
+
+            uploadForm.onsubmit = async (e) => {
+                e.preventDefault();
+                const formData = new FormData();
+                
+                // Adicionar cada arquivo individualmente
+                const files = fileInput.files;
+                Array.from(files).forEach((file, index) => {
+                    formData.append('document[]', file);
+                });
+                
+                // Adicionar outros campos
+                formData.append('client_id', document.querySelector('select[name="client_id"]').value);
+                formData.append('doc_type', document.querySelector('select[name="doc_type"]').value);
+                
+                debugDiv.style.display = 'block';
+                debugDiv.innerHTML = 'Iniciando upload...<br>';
+                
+                try {
+                    const response = await fetch('index.php?page=temp_upload', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    
+                    debugDiv.innerHTML += `Status: ${response.status}<br>`;
+                    const text = await response.text();
+                    debugDiv.innerHTML += `Resposta raw: ${text}<br>`;
+                    
+                    const result = JSON.parse(text);
+                    
+                    if (result.success) {
+                        debugDiv.innerHTML += 'Upload bem sucedido, abrindo editor...<br>';
+                        localStorage.setItem('tempImage', result.imageUrl);
+                        localStorage.setItem('tempClientId', formData.get('client_id'));
+                        localStorage.setItem('tempDocType', formData.get('doc_type'));
+                        localStorage.setItem('fileCount', result.fileCount);
+                        localStorage.setItem('allImages', JSON.stringify(result.allImages));
+                        
+                        jQuery.fancybox.open({
+                            src: 'editor.php',
+                            type: 'iframe',
+                            opts: {
+                                baseClass: "fancybox-custom-layout",
+                                width: '90%',
+                                height: '90%',
+                                margin: [20, 0],
+                                padding: 0,
+                                autoSize: false,
+                                fitToView: true,
+                                touch: false,
+                                afterLoad: function(instance, current) {
+                                    current.$iframe.css({
+                                        'max-width': '100%',
+                                        'max-height': '90vh',
+                                        'overflow': 'auto' // Permite rolagem dentro do iframe
+                                    });
+                                },
+                                afterClose: () => {
+                                    localStorage.removeItem('tempImage');
+                                    localStorage.removeItem('tempClientId');
+                                    localStorage.removeItem('tempDocType');
+                                }
+                            }
+                        });
+                    } else {
+                        throw new Error(result.message);
+                    }
+                } catch (error) {
+                    debugDiv.innerHTML += `Erro: ${error.message}<br>`;
+                    statusDiv.innerHTML = `Erro: ${error.message}`;
+                }
+            };
+        });
+
+        // Receber mensagem do iframe
+        window.addEventListener('message', function(event) {
+            if (event.data.type === 'documentSaved') {
+                $.fancybox.close();
+                window.location.href = 'index.php?page=doc_list&status=success';
+            }
+        });
+    </script>
+</body>
+</html>