mailbox.php

<?php
require_once 'config/config.php';
require_once 'classes/ImapClient.php';
require_once 'classes/UserProfile.php';

Config::load();

// Inicializar sistema de traducciones
$i18n = I18n::getInstance();

// Verificar autenticación
if (!isset($_SESSION['logged_in']) || $_SESSION['logged_in'] !== true) {
    header('Location: index.php');
    exit;
}

$error = '';
$success = '';
$currentFolder = $_GET['folder'] ?? 'INBOX';
$page = intval($_GET['page'] ?? 1);
$isRefresh = isset($_GET['refresh']);
$readFilter = $_GET['read_filter'] ?? 'all'; // 'all', 'read', 'unread'

try {
    $imapClient = new ImapClient($_SESSION['email'], $_SESSION['password'], $_SESSION['current_server'] ?? null);
    $imapClient->connect();
    
    // Cargar perfil de usuario (siempre crear nuevo objeto, no usar sesión)
    $userProfile = new UserProfile($_SESSION['email'], $_SESSION['current_server'] ?? null);
    
    // Actualizar última carpeta visitada si es diferente a la actual
    if ($currentFolder !== $userProfile->getLastFolder()) {
        $userProfile->updateLastFolder($currentFolder);
    }
    
    // Obtener carpetas
    $folders = $imapClient->getFolders();
    
    // Mostrar mensaje de actualización
    if ($isRefresh && !isset($_POST['action'])) {
        $success = 'Lista de mensajes actualizada correctamente.';
    }
    
    error_log(print_r($_POST, true));
    $accion = $_POST['action'] ?? '';
    
    // Procesar acciones individuales
    if ($accion === 'mark_read' && isset($_POST['message_id'])) {
        error_log('=== MARK AS READ ACTION ===');
        error_log('Marking message as read: ' . $_POST['message_id']);
        try {
            $messageId = intval($_POST['message_id']);
            $imapClient->selectFolder($currentFolder);
            
            // Debug: Verificar información del mensaje antes de marcarlo
            $messageInfo = $imapClient->getMessageInfo($messageId);
            error_log('Message before marking: ID=' . $messageId . ', Seen=' . ($messageInfo['seen'] ? 'true' : 'false') . ', Subject=' . $messageInfo['subject']);
            
            $imapClient->markAsRead($messageId);
            
            // Dar tiempo para que el servidor procese el cambio
            usleep(200000); // 0.2 segundos
            
            // Verificar después del cambio
            $messageInfoAfter = $imapClient->getMessageInfo($messageId);
            error_log('Message after marking: ID=' . $messageId . ', Seen=' . ($messageInfoAfter['seen'] ? 'true' : 'false'));
            
            $success = 'Mensaje "' . htmlspecialchars($messageInfo['subject']) . '" marcado como leído.';
        } catch (Exception $e) {
            error_log('Error marking as read: ' . $e->getMessage());
            $error = 'Error al marcar como leído: ' . $e->getMessage();
        }
    } elseif ($accion === 'mark_unread' && isset($_POST['message_id'])) {
        error_log('=== MARK AS UNREAD ACTION ===');
        error_log('Marking message as unread: ' . $_POST['message_id']);
        try {
            $messageId = intval($_POST['message_id']);
            $imapClient->selectFolder($currentFolder);
            
            // Debug: Verificar información del mensaje antes de marcarlo
            $messageInfo = $imapClient->getMessageInfo($messageId);
            error_log('Message before marking: ID=' . $messageId . ', Seen=' . ($messageInfo['seen'] ? 'true' : 'false') . ', Subject=' . $messageInfo['subject']);
            
            $imapClient->markAsUnread($messageId);
            
            // Dar tiempo para que el servidor procese el cambio
            usleep(200000); // 0.2 segundos
            
            // Verificar después del cambio
            $messageInfoAfter = $imapClient->getMessageInfo($messageId);
            error_log('Message after marking: ID=' . $messageId . ', Seen=' . ($messageInfoAfter['seen'] ? 'true' : 'false'));
            
            $success = 'Mensaje "' . htmlspecialchars($messageInfo['subject']) . '" marcado como no leído.';
        } catch (Exception $e) {
            error_log('Error marking as unread: ' . $e->getMessage());
            $error = 'Error al marcar como no leído: ' . $e->getMessage();
        }
    } elseif ($accion === 'delete' && isset($_POST['message_id'])) {
        error_log('Deleting message: ' . $_POST['message_id']);
        try {
            $messageId = intval($_POST['message_id']);
            $imapClient->selectFolder($currentFolder);
            
            // Debug: Verificar información del mensaje antes de eliminarlo
            $messageInfo = $imapClient->getMessageInfo($messageId);
            
            $imapClient->deleteMessage($messageId);
            $success = 'Mensaje "' . htmlspecialchars($messageInfo['subject']) . '" eliminado correctamente.';
        } catch (Exception $e) {
            $error = 'Error al eliminar mensaje: ' . $e->getMessage();
        }
    } elseif ($accion === 'move' && isset($_POST['message_id']) && isset($_POST['target_folder'])) {
        error_log('Moving message: ' . $_POST['message_id'] . ' to folder: ' . $_POST['target_folder']);
        try {
            $messageId = intval($_POST['message_id']);
            $targetFolder = $_POST['target_folder'];
            $imapClient->selectFolder($currentFolder);
            
            // Debug: Verificar información del mensaje antes de moverlo
            $messageInfo = $imapClient->getMessageInfo($messageId);
            
            $imapClient->moveMessage($messageId, $targetFolder);
            $success = 'Mensaje "' . htmlspecialchars($messageInfo['subject']) . '" movido a "' . htmlspecialchars($targetFolder) . '" correctamente.';
        } catch (Exception $e) {
            $error = 'Error al mover mensaje: ' . $e->getMessage();
        }
    }
    
    // Procesar acciones masivas
    elseif (strpos($accion, 'bulk_') === 0 && isset($_POST['message_ids'])) {
        $messageIds = json_decode($_POST['message_ids'], true);
        if (!is_array($messageIds) || empty($messageIds)) {
            $error = 'No se han seleccionado mensajes válidos.';
        } else {
            $imapClient->selectFolder($currentFolder);
            $successCount = 0;
            $errorCount = 0;
            $bulkAction = substr($accion, 5); // Remover 'bulk_'
            
            foreach ($messageIds as $messageId) {
                try {
                    $messageId = intval($messageId);
                    
                    switch ($bulkAction) {
                        case 'mark_read':
                            $imapClient->markAsRead($messageId);
                            $successCount++;
                            break;
                            
                        case 'mark_unread':
                            $imapClient->markAsUnread($messageId);
                            $successCount++;
                            break;
                            
                        case 'delete':
                            $imapClient->deleteMessage($messageId);
                            $successCount++;
                            break;
                            
                        case 'move':
                            $targetFolder = $_POST['target_folder'] ?? '';
                            if (empty($targetFolder)) {
                                throw new Exception('Carpeta de destino no especificada');
                            }
                            $imapClient->moveMessage($messageId, $targetFolder);
                            $successCount++;
                            break;
                            
                        default:
                            throw new Exception('Acción no válida');
                    }
                    
                    // Pequeña pausa entre operaciones para evitar problemas con el servidor
                    usleep(50000); // 0.05 segundos
                    
                } catch (Exception $e) {
                    error_log('Error en operación masiva para mensaje ' . $messageId . ': ' . $e->getMessage());
                    $errorCount++;
                }
            }
            
            // Mensaje de resultado
            if ($successCount > 0) {
                $actionText = [
                    'mark_read' => 'marcados como leídos',
                    'mark_unread' => 'marcados como no leídos',
                    'delete' => 'eliminados',
                    'move' => 'movidos a "' . htmlspecialchars($_POST['target_folder'] ?? '') . '"'
                ];
                
                $success = $successCount . ' mensaje' . ($successCount !== 1 ? 's' : '') . ' ' . 
                          ($actionText[$bulkAction] ?? 'procesados') . ' correctamente.';
                
                if ($errorCount > 0) {
                    $success .= ' ' . $errorCount . ' mensaje' . ($errorCount !== 1 ? 's' : '') . ' no pudieron ser procesados.';
                }
            } else {
                $error = 'No se pudo procesar ningún mensaje. ' . 
                        ($errorCount > 0 ? $errorCount . ' errores encontrados.' : '');
            }
        }
    }
    
    // Obtener mensajes
    $result = $imapClient->getMessages($currentFolder, $page, 20);
    $allMessages = $result['messages'];
    $totalMessages = $result['total'];
    
    // Aplicar filtro de estado de lectura
    $messages = $allMessages;
    if ($readFilter === 'read') {
        $messages = array_filter($allMessages, function($message) {
            return $message['seen'] === true;
        });
    } elseif ($readFilter === 'unread') {
        $messages = array_filter($allMessages, function($message) {
            return $message['seen'] === false;
        });
    }
    
    // Recalcular paginación para mensajes filtrados
    $filteredTotal = count($messages);
    $totalPages = $result['pages']; // Mantener paginación original para simplicidad
    
    // Agregar automáticamente contactos de los remitentes en la vista actual
    if (!empty($messages)) {
        foreach ($messages as $message) {
            if (!empty($message['from'])) {
                try {
                    $userProfile->autoAddContactFromMessage($message['from']);
                } catch (Exception $contactError) {
                    // Error al agregar contacto, pero no interrumpir la carga de mensajes
                    error_log("Error al agregar contacto automáticamente: " . $contactError->getMessage());
                }
            }
        }
    }
    
} catch (Exception $e) {
    $error = 'Error al conectar con el servidor: ' . $e->getMessage();
    $folders = [];
    $messages = [];
    $totalPages = 1;
    $totalMessages = 0;
}
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo htmlspecialchars(__('app.name')); ?> - <?php echo htmlspecialchars(__('mailbox.title')); ?></title>
    <link rel="stylesheet" href="assets/style.css">
    
    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
    <link rel="icon" type="image/png" href="assets/favicon.png">
    <link rel="apple-touch-icon" href="assets/favicon.png">
    
    <!-- PWA Manifest -->
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#764ba2">
</head>
<body>
    <header class="header">
        <div class="container">
            <div class="header-content">
                <div class="logo">
                    <img src="assets/favicon.svg" alt="Logo" class="logo-icon">
                    <div class="logo-text">
                        <span class="logo-main"><?php echo Config::get('APP_NAME', 'IMAP Client'); ?></span>
                        <span class="logo-sub"><?php echo __('app.title'); ?></span>
                    </div>
                </div>
                <div class="user-info">
                    <span><?php echo htmlspecialchars($_SESSION['email']); ?></span>
                    <a href="profile.php" class="profile-btn" title="<?php echo __('navigation.profile'); ?>">👤</a>
                    <a href="contacts.php" class="profile-btn" title="<?php echo __('navigation.contacts'); ?>">📇</a>
                    <a href="logout.php" class="logout-btn"><?php echo __('navigation.logout'); ?></a>
                </div>
            </div>
        </div>
    </header>

    <div class="container">
        <div class="main-layout">
            <aside class="sidebar">
                <a href="compose.php" class="btn compose-btn">✉ <?php echo __('navigation.compose'); ?></a>
                <a href="search.php" class="btn">🔍 <?php echo __('navigation.search'); ?></a>
                <a href="folders.php" class="btn" style="margin-bottom: 10px;">📁 <?php echo __('folders.title'); ?></a>
                
                <h3>Carpetas</h3>
                <ul class="folder-list">
                    <?php foreach ($folders as $folder): ?>
                        <li>
                            <a href="?folder=<?php echo urlencode($folder); ?>" 
                               class="<?php echo $folder === $currentFolder ? 'active' : ''; ?>">
                                <?php echo htmlspecialchars($folder); ?>
                            </a>
                        </li>
                    <?php endforeach; ?>
                </ul>
            </aside>

            <main class="content">
                <?php if ($error): ?>
                    <div class="alert alert-error"><?php echo htmlspecialchars($error); ?></div>
                <?php endif; ?>
                
                <?php if ($success): ?>
                    <div class="alert alert-success"><?php echo htmlspecialchars($success); ?></div>
                <?php endif; ?>

                <div class="refresh-container">
                    <div>
                        <h2><?php echo htmlspecialchars($currentFolder); ?> (<?php echo $totalMessages; ?> mensajes<?php if ($readFilter !== 'all'): ?>, mostrando <?php echo $readFilter === 'read' ? 'leídos' : 'no leídos'; ?><?php endif; ?>)</h2>
                        <span class="last-updated">Última actualización: <?php echo date('d/m/Y H:i:s'); ?></span>
                    </div>
                    <div class="refresh-actions">
                        <select id="read-filter" class="folder-select filter-select" onchange="applyReadFilter()" title="<?php echo __('mailbox.filter_by_read_status'); ?>">
                            <option value="all" <?php echo $readFilter === 'all' ? 'selected' : ''; ?>><?php echo __('mailbox.all_messages'); ?></option>
                            <option value="unread" <?php echo $readFilter === 'unread' ? 'selected' : ''; ?>><?php echo __('mailbox.only_unread'); ?></option>
                            <option value="read" <?php echo $readFilter === 'read' ? 'selected' : ''; ?>><?php echo __('mailbox.only_read'); ?></option>
                        </select>
                        <a href="?folder=<?php echo urlencode($currentFolder); ?>&page=<?php echo $page; ?>&read_filter=<?php echo urlencode($readFilter); ?>&refresh=1" 
                           class="btn btn-sm btn-refresh" title="<?php echo __('mailbox.refresh'); ?>">
                            🔄 <?php echo __('mailbox.refresh'); ?>
                        </a>
                        <a href="compose.php" class="btn btn-sm btn-success">
                            ✉ <?php echo __('navigation.compose'); ?>
                        </a>
                        <a href="search.php" class="btn btn-sm btn-info">
                            🔍 <?php echo __('navigation.search'); ?>
                        </a>
                    </div>
                </div>

                <?php if (empty($messages)): ?>
                    <p class="text-center mt-20">No hay mensajes en esta carpeta.</p>
                <?php else: ?>
                    <!-- Barra de acciones -->
                    <div class="actions-bar">
                        <div class="selection-info">
                            <label class="checkbox-label">
                                <input type="checkbox" id="select-all"> Seleccionar todos
                            </label>
                            <span id="selection-count" class="selection-count">0 mensajes seleccionados</span>
                        </div>
                        
                        <div class="bulk-actions" id="bulk-actions" style="display: none;">
                            <button type="button" class="btn btn-sm btn-read" onclick="bulkMarkAsRead()" title="Marcar seleccionados como leídos (Tecla R)">
                                ✓ Marcar como leído
                            </button>
                            <button type="button" class="btn btn-sm btn-unread" onclick="bulkMarkAsUnread()" title="Marcar seleccionados como no leídos (Tecla U)">
                                ↺ Marcar como no leído
                            </button>
                            <select id="bulk-move-folder" class="folder-select" title="Seleccionar carpeta de destino">
                                <option value="">Mover a...</option>
                                <?php foreach ($folders as $folderOption): ?>
                                    <option value="<?php echo htmlspecialchars($folderOption); ?>" 
                                            <?php echo $folderOption === $currentFolder ? 'disabled' : ''; ?>>
                                        <?php echo htmlspecialchars($folderOption); ?>
                                    </option>
                                <?php endforeach; ?>
                            </select>
                            <button type="button" class="btn btn-sm" onclick="bulkMove()" title="Mover seleccionados a la carpeta elegida">
                                📁 Mover
                            </button>
                            <button type="button" class="btn btn-sm btn-danger" onclick="bulkDelete()" title="Eliminar seleccionados (Tecla Supr)">
                                🗑 Eliminar
                            </button>
                            <small class="keyboard-help" title="Atajos: Ctrl+A (seleccionar todo), R (marcar leído), U (marcar no leído), Supr (eliminar)">
                                ⌨️ Atajos
                            </small>
                        </div>
                    </div>

                    <table class="message-list">
                        <thead>
                            <tr>
                                <th width="40">
                                    <input type="checkbox" id="header-checkbox" style="display: none;">
                                </th>
                                <th width="50" title="Estado del mensaje">●</th>
                                <th>De</th>
                                <th>Asunto</th>
                                <th>Fecha</th>
                                <th width="60" title="Adjuntos">📎</th>
                                <th width="80">Ver</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php foreach ($messages as $message): ?>
                                <tr class="<?php echo !$message['seen'] ? 'unread' : 'read'; ?>" data-message-id="<?php echo $message['id']; ?>">
                                    <td>
                                        <input type="checkbox" class="message-checkbox" value="<?php echo $message['id']; ?>">
                                    </td>
                                    <td data-label="Estado">
                                        <span class="message-status <?php echo !$message['seen'] ? 'unread' : 'read'; ?>" 
                                              title="<?php echo !$message['seen'] ? 'No leído' : 'Leído'; ?>">
                                            <?php if (!$message['seen']): ?>
                                                ●
                                            <?php else: ?>
                                                ○
                                            <?php endif; ?>
                                        </span>
                                        <!-- Alternative CSS-based eye icon (uncomment to use):
                                        <span class="message-status css-eye <?php echo !$message['seen'] ? 'unread' : 'read'; ?>" 
                                              title="<?php echo !$message['seen'] ? 'No leído' : 'Leído'; ?>">
                                        </span>
                                        -->
                                    </td>
                                    <td data-label="De">
                                        <?php echo htmlspecialchars($message['from_name'] ?: $message['from']); ?>
                                    </td>
                                    <td data-label="Asunto" class="subject">
                                        <a href="message.php?folder=<?php echo urlencode($currentFolder); ?>&id=<?php echo $message['id']; ?>">
                                            <?php echo htmlspecialchars($message['subject']); ?>
                                        </a>
                                    </td>
                                    <td data-label="Fecha"><?php echo $message['date']; ?></td>
                                    <td data-label="Adjuntos">
                                        <?php echo $message['attachments'] ? '📎' : ''; ?>
                                    </td>
                                    <td data-label="Ver">
                                        <a href="message.php?folder=<?php echo urlencode($currentFolder); ?>&id=<?php echo $message['id']; ?>" 
                                           class="btn btn-sm">Ver</a>
                                    </td>
                                </tr>
                            <?php endforeach; ?>
                        </tbody>
                    </table>

                    <?php if ($totalPages > 1): ?>
                        <div class="pagination">
                            <?php if ($page > 1): ?>
                                <a href="?folder=<?php echo urlencode($currentFolder); ?>&page=<?php echo $page - 1; ?>&read_filter=<?php echo urlencode($readFilter); ?>">
                                    ← Anterior
                                </a>
                            <?php endif; ?>
                            
                            <?php for ($i = max(1, $page - 2); $i <= min($totalPages, $page + 2); $i++): ?>
                                <?php if ($i == $page): ?>
                                    <span class="current"><?php echo $i; ?></span>
                                <?php else: ?>
                                    <a href="?folder=<?php echo urlencode($currentFolder); ?>&page=<?php echo $i; ?>&read_filter=<?php echo urlencode($readFilter); ?>">
                                        <?php echo $i; ?>
                                    </a>
                                <?php endif; ?>
                            <?php endfor; ?>
                            
                            <?php if ($page < $totalPages): ?>
                                <a href="?folder=<?php echo urlencode($currentFolder); ?>&page=<?php echo $page + 1; ?>&read_filter=<?php echo urlencode($readFilter); ?>">
                                    Siguiente →
                                </a>
                            <?php endif; ?>
                        </div>
                    <?php endif; ?>
                <?php endif; ?>
            </main>
        </div>
    </div>
    
    <script>
        let selectedMessages = new Set();
        
        // Manejar selección individual de mensajes
        document.addEventListener('DOMContentLoaded', function() {
            const messageCheckboxes = document.querySelectorAll('.message-checkbox');
            const selectAllCheckbox = document.getElementById('select-all');
            const bulkActions = document.getElementById('bulk-actions');
            const selectionCount = document.getElementById('selection-count');
            
            // Manejar cambios en checkboxes individuales
            messageCheckboxes.forEach(checkbox => {
                checkbox.addEventListener('change', function() {
                    const messageId = this.value;
                    if (this.checked) {
                        selectedMessages.add(messageId);
                    } else {
                        selectedMessages.delete(messageId);
                    }
                    updateUI();
                });
            });
            
            // Manejar seleccionar todos
            selectAllCheckbox.addEventListener('change', function() {
                messageCheckboxes.forEach(checkbox => {
                    checkbox.checked = this.checked;
                    const messageId = checkbox.value;
                    if (this.checked) {
                        selectedMessages.add(messageId);
                    } else {
                        selectedMessages.delete(messageId);
                    }
                });
                updateUI();
            });
            
            function updateUI() {
                const count = selectedMessages.size;
                selectionCount.textContent = `${count} mensaje${count !== 1 ? 's' : ''} seleccionado${count !== 1 ? 's' : ''}`;
                
                if (count > 0) {
                    bulkActions.style.display = 'flex';
                } else {
                    bulkActions.style.display = 'none';
                }
                
                // Actualizar estado del checkbox "seleccionar todos"
                const allChecked = messageCheckboxes.length > 0 && 
                    Array.from(messageCheckboxes).every(cb => cb.checked);
                const someChecked = Array.from(messageCheckboxes).some(cb => cb.checked);
                
                selectAllCheckbox.checked = allChecked;
                selectAllCheckbox.indeterminate = someChecked && !allChecked;
                
                // Actualizar clases visuales de las filas
                messageCheckboxes.forEach(checkbox => {
                    const row = checkbox.closest('tr');
                    if (checkbox.checked) {
                        row.classList.add('selected');
                    } else {
                        row.classList.remove('selected');
                    }
                });
            }
        });
        
        function getSelectedMessageIds() {
            return Array.from(selectedMessages);
        }
        
        function bulkMarkAsRead() {
            const messageIds = getSelectedMessageIds();
            if (messageIds.length === 0) {
                alert('Selecciona al menos un mensaje');
                return;
            }
            
            bulkAction('mark_read', messageIds);
        }
        
        function bulkMarkAsUnread() {
            const messageIds = getSelectedMessageIds();
            if (messageIds.length === 0) {
                alert('Selecciona al menos un mensaje');
                return;
            }
            
            bulkAction('mark_unread', messageIds);
        }
        
        function bulkMove() {
            const messageIds = getSelectedMessageIds();
            const targetFolder = document.getElementById('bulk-move-folder').value;
            
            if (messageIds.length === 0) {
                alert('Selecciona al menos un mensaje');
                return;
            }
            
            if (!targetFolder) {
                alert('Selecciona una carpeta de destino');
                return;
            }
            
            const count = messageIds.length;
            if (confirm(`¿Mover ${count} mensaje${count !== 1 ? 's' : ''} a "${targetFolder}"?`)) {
                bulkAction('move', messageIds, targetFolder);
            }
        }
        
        function bulkDelete() {
            const messageIds = getSelectedMessageIds();
            if (messageIds.length === 0) {
                alert('Selecciona al menos un mensaje');
                return;
            }
            
            const count = messageIds.length;
            if (confirm(`¿Eliminar ${count} mensaje${count !== 1 ? 's' : ''}? Esta acción no se puede deshacer.`)) {
                bulkAction('delete', messageIds);
            }
        }
        
        function bulkAction(action, messageIds, targetFolder = null) {
            // Crear formulario dinámico para envío
            const form = document.createElement('form');
            form.method = 'POST';
            form.style.display = 'none';
            
            // Campo de acción
            const actionInput = document.createElement('input');
            actionInput.type = 'hidden';
            actionInput.name = 'action';
            actionInput.value = 'bulk_' + action;
            form.appendChild(actionInput);
            
            // IDs de mensajes
            const idsInput = document.createElement('input');
            idsInput.type = 'hidden';
            idsInput.name = 'message_ids';
            idsInput.value = JSON.stringify(messageIds);
            form.appendChild(idsInput);
            
            // Carpeta de destino (para mover)
            if (targetFolder) {
                const folderInput = document.createElement('input');
                folderInput.type = 'hidden';
                folderInput.name = 'target_folder';
                folderInput.value = targetFolder;
                form.appendChild(folderInput);
            }
            
            document.body.appendChild(form);
            form.submit();
        }
        
        // Keyboard shortcuts
        document.addEventListener('keydown', function(e) {
            // Only process shortcuts when not typing in an input
            if (e.target.tagName.toLowerCase() === 'input' || 
                e.target.tagName.toLowerCase() === 'textarea' ||
                e.target.tagName.toLowerCase() === 'select') {
                return;
            }
            
            // Ctrl+A - Select all
            if (e.ctrlKey && e.key === 'a') {
                e.preventDefault();
                document.getElementById('select-all').click();
            }
            
            // Delete key - Delete selected messages
            if (e.key === 'Delete' && selectedMessages.size > 0) {
                e.preventDefault();
                bulkDelete();
            }
            
            // R key - Mark as read
            if (e.key === 'r' && selectedMessages.size > 0) {
                e.preventDefault();
                bulkMarkAsRead();
            }
            
            // U key - Mark as unread
            if (e.key === 'u' && selectedMessages.size > 0) {
                e.preventDefault();
                bulkMarkAsUnread();
            }
        });
        
        // Función para aplicar filtro de lectura
        function applyReadFilter() {
            const filterValue = document.getElementById('read-filter').value;
            const currentFolder = '<?php echo urlencode($currentFolder); ?>';
            const currentPage = <?php echo $page; ?>;
            
            window.location.href = `?folder=${currentFolder}&page=${currentPage}&read_filter=${filterValue}`;
        }
    </script>
</body>
</html>