<?php
require_once __DIR__ . '/../../shared/bootstrap.php';

// El bootstrap.php ya maneja la autenticación
if (!hasPermission('view_logs', 'telegram')) {
    die('No tienes permiso para ver esta página.');
}
?>
<!DOCTYPE html>
<html lang="<?php echo $userData->idioma ?? 'es'; ?>">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Funciones del Bot de Telegram</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --telegram-color: #0088cc;
            --telegram-dark: #006699;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: linear-gradient(135deg, var(--telegram-color) 0%, var(--telegram-dark) 100%);
            min-height: 100vh;
            padding: 20px;
        }
        .header {
            background: white; border-radius: 15px; padding: 20px 30px;
            margin-bottom: 30px; display: flex; justify-content: space-between;
            align-items: center; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        }
        .header h1 { color: var(--telegram-color); font-size: 24px; }
        .btn-back {
            background: #6c757d; color: white; padding: 10px 20px;
            border-radius: 8px; text-decoration: none; transition: transform 0.2s;
        }
        .btn-back:hover { transform: translateY(-2px); }
        .container { max-width: 1000px; margin: 0 auto; }
        .card {
            background: white; border-radius: 15px; padding: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); margin-bottom: 20px;
        }
        .feature {
            border-bottom: 1px solid #eee;
            padding: 20px 0;
        }
        .feature:last-child { border-bottom: none; }
        .feature-title { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 8px; }
        .feature-event { font-size: 14px; color: var(--telegram-color); font-family: monospace; margin-bottom: 8px; }
        .feature-description { font-size: 15px; color: #666; line-height: 1.6; }
        code {
            background-color: #f0f0f0;
            padding: 2px 4px;
            border-radius: 4px;
            font-family: monospace;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1><i class="fas fa-robot"></i> Funciones del Bot de Telegram</h1>
        <a href="/telegram/dashboard_telegram.php" class="btn-back">← Volver al Dashboard</a>
    </div>

    <div class="container">
        <div class="card">
            <div class="feature">
                <div class="feature-title">Procesador de Mensajes Programados y Recurrentes</div>
                <div class="feature-event">Evento: Proceso continuo en segundo plano</div>
                <p class="feature-description">
                    Un proceso automático se ejecuta constantemente para revisar la base de datos. Si encuentra mensajes programados cuya fecha de envío ha llegado, los envía. También gestiona los mensajes recurrentes (diarios, semanales, mensuales), calculando y enviándolos en la próxima fecha programada.
                </p>
            </div>
            
            <div class="feature">
                <div class="feature-title">Captura Automática de Destinatarios</div>
                <div class="feature-event">Evento: Al recibir un mensaje o interacción</div>
                <p class="feature-description">
                    Para facilitar el envío de mensajes, el bot registra automáticamente la información de los usuarios y grupos que interactúan con él.
                    <br>- <strong>Al recibir un mensaje:</strong> Registra o actualiza al autor del mensaje y al chat (grupo o chat privado) donde se envió.
                    <br>- <strong>Al recibir una interacción de botón:</strong> Registra o actualiza al usuario que presionó el botón.
                </p>
            </div>

            <div class="feature">
                <div class="feature-title">Comandos</div>
                <div class="feature-event">Evento: Mensaje que empieza con /</div>
                <p class="feature-description">
                    El bot responde a comandos enviados en los chats.
                    <br>- <code>/start</code>: Envía un simple mensaje de saludo.
                    <br>- <code>/help</code>: Envía un mensaje con una lista de comandos.
                    <br>- <strong>Comandos de Plantilla:</strong> Si creas una plantilla y le asignas un "Comando de texto" (ej. <code>/oferta</code>), el bot responderá con el contenido de esa plantilla cuando alguien use ese comando.
                </p>
            </div>

            <div class="feature">
                <div class="feature-title">Bienvenida a Nuevos Miembros</div>
                <div class="feature-event">Evento: Un nuevo usuario se une a un grupo</div>
                <p class="feature-description">
                    Cuando un nuevo usuario se une a un grupo donde el bot es administrador, el bot puede enviarle un mensaje de bienvenida personalizado. Este mensaje puede incluir una imagen, texto de bienvenida (usando <code>{usuario}</code> para mencionarlo) y botones para seleccionar un idioma.
                </p>
            </div>

            <div class="feature">
                <div class="feature-title">Manejo de Interacciones</div>
                <div class="feature-event">Evento: Clic en un botón de un mensaje del bot</div>
                <p class="feature-description">
                    El bot puede responder a interacciones, como los clics en botones.
                    <br>- <strong>Botones de Idioma:</strong> Cuando un usuario hace clic en un botón de selección de idioma, el bot guarda su preferencia de idioma en la base de datos para futuras interacciones.
                </p>
            </div>
        </div>
    </div>
</body>
</html>
