<?php
session_start(); // Asegurarse de que la sesión esté iniciada
require_once '../../config/config.php'; // Ajustar ruta según sea necesario para BASE_URL y otras configs
require_once '../../includes/functions.php'; // Funciones como conectarDB() si son necesarias

// Incluir configuración y recursos
include_once __DIR__ . '/../../includes/Base.php';

// Verificar si el usuario está autenticado como negocio
if (!isset($_SESSION['negocio_rut'])) {
    redirigir(BASE_URL . '/negocio/login.php');
    exit;
}

// Incluir Autoloader de Composer y Clases de PHPMailer
require '../../vendor/autoload.php';
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;
use PHPMailer\PHPMailer\SMTP;

$mensaje_usuario = '';
$mensaje_tipo = ''; // 'success' o 'danger'
$contador_file = __DIR__ . '/ticket_counter.txt';

// --- OBTENER RUT Y DATOS DEL NEGOCIO (MOVIDO FUERA DEL POST) ---
$negocio_rut = $_SESSION['negocio_rut'] ?? 'No identificado';
$negocio_nombre = 'No disponible';
$negocio_direccion = 'No disponible';
$negocio_telefono = 'No disponible';

if ($negocio_rut !== 'No identificado') {
    try {
        $conn = conectarDB(); // Asumiendo que esta función está en functions.php
        $stmt = $conn->prepare("SELECT nombre, direccion, telefono FROM negocios WHERE rut = :rut");
        $stmt->bindParam(':rut', $negocio_rut, PDO::PARAM_STR);
        $stmt->execute();
        $datos_negocio = $stmt->fetch(PDO::FETCH_ASSOC);

        if ($datos_negocio) {
            $negocio_nombre = $datos_negocio['nombre'] ?? 'No disponible';
            $negocio_direccion = $datos_negocio['direccion'] ?? 'No disponible';
            $negocio_telefono = $datos_negocio['telefono'] ?? 'No disponible';
        }
        $conn = null; // Cerrar conexión
    } catch (Exception $e) {
        error_log("Error al obtener datos del negocio para ticket soporte: " . $e->getMessage());
        // Los valores por defecto 'No disponible' se mantendrán
    }
}
// --- FIN OBTENER DATOS DEL NEGOCIO ---

function obtener_siguiente_ticket($file) {
    $numero_ticket = 1;
    $handle = fopen($file, 'c+');
    if ($handle) {
        if (flock($handle, LOCK_EX)) {
            $contenido = fread($handle, filesize($file) > 0 ? filesize($file) : 1);
            $numero_actual = intval($contenido);
            $numero_ticket = $numero_actual + 1;
            ftruncate($handle, 0);
            rewind($handle);
            fwrite($handle, (string)$numero_ticket);
            fflush($handle);
            flock($handle, LOCK_UN);
        }
        fclose($handle);
    } else {
        error_log("Error: No se pudo abrir o crear el archivo contador de tickets: " . $file);
        return false;
    }
    return $numero_ticket;
}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $asunto_usuario = trim($_POST['asunto_usuario'] ?? '');
    $descripcion_problema = trim($_POST['descripcion_problema'] ?? '');

    // Validaciones básicas
    if (empty($asunto_usuario)) {
        $mensaje_usuario = 'Por favor, ingresa un asunto para tu ticket.';
        $mensaje_tipo = 'danger';
    } elseif (empty($descripcion_problema)) {
        $mensaje_usuario = 'Por favor, describe tu problema.';
        $mensaje_tipo = 'danger';
    } else {
        // Todo válido, proceder a generar ticket y enviar correo
        $ticket_id = obtener_siguiente_ticket($contador_file);

        if ($ticket_id === false) {
             $mensaje_usuario = 'Error interno al generar el número de ticket.';
             $mensaje_tipo = 'danger';
        } else {
            // --- INSERTAR TICKET EN LA BASE DE DATOS ---
            $ticket_insertado_db = false;
            try {
                $conn_insert = conectarDB();
                $sql_insert = "INSERT INTO soporte_tickets (ticket_correlativo, negocio_rut, negocio_nombre, negocio_direccion, negocio_telefono, asunto, descripcion, estado) VALUES (:ticket_correlativo, :negocio_rut, :negocio_nombre, :negocio_direccion, :negocio_telefono, :asunto, :descripcion, :estado)";
                $stmt_insert = $conn_insert->prepare($sql_insert);

                $estado_inicial = 'Pendiente'; // Estado por defecto

                $stmt_insert->bindParam(':ticket_correlativo', $ticket_id, PDO::PARAM_INT);
                $stmt_insert->bindParam(':negocio_rut', $negocio_rut, PDO::PARAM_STR);
                $stmt_insert->bindParam(':negocio_nombre', $negocio_nombre, PDO::PARAM_STR);
                $stmt_insert->bindParam(':negocio_direccion', $negocio_direccion, PDO::PARAM_STR);
                $stmt_insert->bindParam(':negocio_telefono', $negocio_telefono, PDO::PARAM_STR);
                $stmt_insert->bindParam(':asunto', $asunto_usuario, PDO::PARAM_STR);
                $stmt_insert->bindParam(':descripcion', $descripcion_problema, PDO::PARAM_STR);
                $stmt_insert->bindParam(':estado', $estado_inicial, PDO::PARAM_STR);

                if ($stmt_insert->execute()) {
                    $ticket_insertado_db = true;
                } else {
                    $error_info = $stmt_insert->errorInfo();
                    $error_mensaje = "Error al ejecutar insert para ticket #{$ticket_id}: " . implode(" | ", $error_info);
                    error_log($error_mensaje);
                    $mensaje_usuario = "Error al guardar el ticket en la base de datos. Código: " . $error_info[1];
                    $mensaje_tipo = 'danger';
                }
                $conn_insert = null;
            } catch (Exception $e) {
                $error_mensaje = "Error de BD al insertar ticket #{$ticket_id}: " . $e->getMessage();
                error_log($error_mensaje);
                $mensaje_usuario = "Error de base de datos al crear el ticket: " . $e->getMessage();
                $mensaje_tipo = 'danger';
                $ticket_insertado_db = false;
            }
            // --- FIN INSERTAR TICKET EN BD ---

            // Solo proceder con el envío del correo si la inserción en BD fue exitosa
            if ($ticket_insertado_db) {

            // Continuar con el envío del correo...
            $destinatario = "sistemadenegociodebarriosgb@gmail.com";
            $asunto_correo = "[SGB Ticket #" . $ticket_id . "] " . $asunto_usuario . " - RUT: " . $negocio_rut;

            // --- Preparación del cuerpo del correo (HTML y Texto Plano) ---
            $cuerpo_mensaje_html = "<h2>Nuevo Ticket de Soporte SGB (#{$ticket_id})</h2>";
            $cuerpo_mensaje_html .= "<p><strong>Asunto:</strong> " . htmlspecialchars($asunto_usuario) . "</p>";
            $cuerpo_mensaje_html .= "<hr>";
            $cuerpo_mensaje_html .= "<p><strong>Datos del Negocio:</strong></p>";
            $cuerpo_mensaje_html .= "<ul>";
            $cuerpo_mensaje_html .= "<li><strong>RUT:</strong> " . htmlspecialchars($negocio_rut) . "</li>";
            $cuerpo_mensaje_html .= "<li><strong>Nombre:</strong> " . htmlspecialchars($negocio_nombre) . "</li>";
            $cuerpo_mensaje_html .= "<li><strong>Dirección:</strong> " . htmlspecialchars($negocio_direccion) . "</li>";
            $cuerpo_mensaje_html .= "<li><strong>Teléfono:</strong> " . htmlspecialchars($negocio_telefono) . "</li>";
            $cuerpo_mensaje_html .= "</ul>";
            $cuerpo_mensaje_html .= "<p><strong>Fecha y Hora:</strong> " . date('Y-m-d H:i:s') . "</p>";
            $cuerpo_mensaje_html .= "<hr>";
            $cuerpo_mensaje_html .= "<h3>Descripción del Problema:</h3>";
            $cuerpo_mensaje_html .= "<pre style='background-color: #f8f9fa; padding: 10px; border: 1px solid #dee2e6; white-space: pre-wrap; word-wrap: break-word;'>" . nl2br(htmlspecialchars($descripcion_problema)) . "</pre>";
            $cuerpo_mensaje_html .= "<hr>";
            $cuerpo_mensaje_html .= "<p><i>Por favor, revisar y contactar al usuario si es necesario.</i></p>";

            $cuerpo_mensaje_plain = "Nuevo Ticket de Soporte SGB (#{$ticket_id})
";
            $cuerpo_mensaje_plain .= "=========================================
";
            $cuerpo_mensaje_plain .= "Asunto: " . $asunto_usuario . "
";
            $cuerpo_mensaje_plain .= "\n--- Datos del Negocio ---\n";
            $cuerpo_mensaje_plain .= "RUT: " . $negocio_rut . "
";
            $cuerpo_mensaje_plain .= "Nombre: " . $negocio_nombre . "
";
            $cuerpo_mensaje_plain .= "Dirección: " . $negocio_direccion . "
";
            $cuerpo_mensaje_plain .= "Teléfono: " . $negocio_telefono . "
";
            $cuerpo_mensaje_plain .= "--------------------------
";
            $cuerpo_mensaje_plain .= "Fecha y Hora: " . date('Y-m-d H:i:s') . "
";
            $cuerpo_mensaje_plain .= "-----------------------------------------
";
            $cuerpo_mensaje_plain .= "Descripción del Problema:
";
            $cuerpo_mensaje_plain .= $descripcion_problema . "
";
            $cuerpo_mensaje_plain .= "-----------------------------------------
";
            $cuerpo_mensaje_plain .= "
Por favor, revisar y contactar al usuario si es necesario.";
            // --- Fin preparación cuerpo --- 

            $mail = new PHPMailer(true);

            try {
                // Configuración SMTP (igual que antes)
                // $mail->SMTPDebug = SMTP::DEBUG_SERVER;
                $mail->isSMTP();
                $mail->Host       = 'smtp.gmail.com';
                $mail->SMTPAuth   = true;
                $mail->Username   = 'sistemadenegociodebarriosgb@gmail.com';
                $mail->Password   = 'plsrqpfznggdcfuy'; // Contraseña de Aplicación
                $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS;
                $mail->Port       = 465;
                $mail->CharSet    = 'UTF-8';

                // Remitente y Destinatario
                $mail->setFrom('sistemadenegociodebarriosgb@gmail.com', 'Soporte SGB');
                $mail->addAddress($destinatario);

                // Contenido
                $mail->isHTML(true);
                $mail->Subject = $asunto_correo;
                $mail->Body    = $cuerpo_mensaje_html;
                $mail->AltBody = $cuerpo_mensaje_plain;

                $mail->send();
                $mensaje_usuario = 'Tu solicitud de soporte (Ticket #' . $ticket_id . ') ha sido enviada correctamente.';
                $mensaje_tipo = 'success';
            } catch (Exception $e) {
                $mensaje_usuario = "Error al enviar la solicitud: {$mail->ErrorInfo}.";
                $mensaje_tipo = 'danger';
                error_log("Error de PHPMailer al enviar ticket #{$ticket_id}: {$mail->ErrorInfo}");
            }
            } // Cierre del if ($ticket_insertado_db)
        }
    }
}

// Construir el mensaje de WhatsApp pre-rellenado
$whatsapp_mensaje = "Hola, necesito soporte para SGB. Mi negocio es " . ($negocio_nombre ?? 'Nombre no disponible') . " (RUT: " . ($negocio_rut ?? 'RUT no disponible') . ").";
$whatsapp_numero = "56951180040"; // Número sin +, espacios ni guiones
$whatsapp_url = "https://web.whatsapp.com/send?phone=" . $whatsapp_numero . "&text=" . urlencode($whatsapp_mensaje);

// --- OBTENER TICKETS ANTERIORES DEL NEGOCIO ---
$tickets_anteriores = [];
if ($negocio_rut !== 'No identificado') {
    try {
        $conn_select = conectarDB();
        $sql_select = "SELECT id, ticket_correlativo, asunto, fecha_creacion, estado, respuesta, fecha_respuesta 
                       FROM soporte_tickets 
                       WHERE negocio_rut = :rut 
                       ORDER BY fecha_creacion DESC";
        $stmt_select = $conn_select->prepare($sql_select);
        $stmt_select->bindParam(':rut', $negocio_rut, PDO::PARAM_STR);
        $stmt_select->execute();
        $tickets_anteriores = $stmt_select->fetchAll(PDO::FETCH_ASSOC);
        $conn_select = null;
    } catch (Exception $e) {
        error_log("Error al obtener tickets anteriores para RUT {$negocio_rut}: " . $e->getMessage());
    }
}
// --- FIN OBTENER TICKETS ANTERIORES ---

// Título de la página
$page_title = "Soporte Técnico - " . htmlspecialchars($negocio_nombre);
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $page_title; ?></title>
    
    <?php 
    // Incluir archivo que define las funciones de recursos
    $resourcesPath = __DIR__ . '/../../includes/resources.php';
    if (file_exists($resourcesPath)) {
        include_once $resourcesPath;
        // LLAMAR a la función para incluir los CSS comunes
        if (function_exists('includeCommonCSS')) {
            includeCommonCSS();
        } else {
            error_log("Error: Función includeCommonCSS no encontrada después de incluir resources.php");
        }
    } else {
        error_log("Error: resources.php no encontrado en " . $resourcesPath);
    }
    ?>

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    
    <!-- Fuente Nunito -->
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">

    <style>
        body { 
            background-color: white !important; 
            font-family: 'Nunito', sans-serif;
        }
        
        .main-content {
            transition: margin-left 0.3s ease-in-out;
        }
        
        .page-header {
            background: linear-gradient(to right, #6f42c1, #0d6efd) !important; 
            color: white !important;
            padding: 20px;
            border-radius: 12px;
            margin-bottom: 25px;
            box-shadow: 0 4px 15px rgba(111, 66, 193, 0.2);
        }
        
        .page-header h1, 
        .page-header p, 
        .page-header i {
            color: white !important;
        }
        
        .support-card {
            background: white;
            border-radius: 15px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            border: 1px solid #e9ecef;
            margin-bottom: 25px;
            overflow: hidden;
        }
        
        .support-card-header {
            background: linear-gradient(135deg, #6f42c1 0%, #0d6efd 100%);
            color: white;
            padding: 20px;
            border: none;
        }
        
        .support-card-header h2 {
            margin: 0;
            font-size: 1.4rem;
            font-weight: 600;
        }
        
        .support-card-body {
            padding: 30px;
        }
        
        .form-control {
            border-radius: 10px;
            border: 2px solid #e9ecef;
            padding: 12px 15px;
            transition: all 0.3s ease;
        }
        
        .form-control:focus {
            border-color: #6f42c1;
            box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.15);
        }
        
        .form-label {
            font-weight: 600;
            color: #495057;
            margin-bottom: 8px;
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #6f42c1 0%, #0d6efd 100%);
            border: none;
            border-radius: 10px;
            padding: 12px 25px;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(111, 66, 193, 0.3);
        }
        
        .btn-secondary {
            border-radius: 10px;
            padding: 12px 25px;
            font-weight: 600;
        }
        
        .whatsapp-button { 
            background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
            border: none;
            color: white !important;
            border-radius: 10px;
            padding: 12px 20px;
            font-weight: 600;
            text-decoration: none !important;
            transition: all 0.3s ease;
        }
        
        .whatsapp-button:hover { 
            background: linear-gradient(135deg, #128C7E 0%, #075E54 100%);
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(37, 211, 102, 0.3);
            color: white !important;
        }
        
        .alert {
            border-radius: 12px;
            border: none;
            padding: 15px 20px;
            margin-bottom: 25px;
        }
        
        .alert-success {
            background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
            color: #155724;
        }
        
        .alert-danger {
            background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
            color: #721c24;
        }
        
        .table {
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }
        
        .table thead th {
            background: linear-gradient(135deg, #6f42c1 0%, #0d6efd 100%);
            color: white;
            border: none;
            font-weight: 600;
            padding: 15px;
        }
        
        .table tbody tr {
            transition: all 0.3s ease;
        }
        
        .table tbody tr:hover {
            background-color: #f8f9fa;
            transform: translateY(-1px);
        }
        
        .table tbody td {
            padding: 15px;
            border-color: #e9ecef;
            vertical-align: middle;
        }
        
        .badge {
            border-radius: 8px;
            padding: 8px 12px;
            font-weight: 600;
            font-size: 0.75rem;
        }
        
        .btn-info {
            background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .btn-info:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(23, 162, 184, 0.3);
            color: white;
        }
        
        .action-buttons {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 30px;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .support-footer {
            background: #f8f9fa;
            padding: 20px;
            border-top: 1px solid #e9ecef;
            color: #6c757d;
            font-size: 0.9rem;
            line-height: 1.5;
        }
        
        .info-icon {
            width: 60px;
            height: 60px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            font-size: 1.8rem;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .main-content {
                padding: 15px;
            }
            
            .support-card-body {
                padding: 20px;
            }
            
            .action-buttons {
                flex-direction: column;
                align-items: stretch;
            }
            
            .action-buttons > div {
                display: flex;
                justify-content: center;
                gap: 10px;
            }
            
            .page-header {
                padding: 15px;
            }
            
            .info-icon {
                width: 50px;
                height: 50px;
                font-size: 1.5rem;
                margin-right: 15px;
            }
        }
        
        /* Animaciones */
        .support-card {
            animation: fadeInUp 0.6s ease-out;
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .support-card:nth-child(even) {
            animation-delay: 0.2s;
        }
    </style>
</head>
<body class="has-sidebar">

<?php include_once __DIR__ . '/../sidebar/sidebar.php'; ?>

<div class="main-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="page-header">
                    <div class="d-flex align-items-center">
                        <div class="info-icon">
                            <i class="fas fa-headset"></i>
                        </div>
                        <div>
                            <h1>Soporte Técnico SGB</h1>
                            <p>Centro de Ayuda y Gestión de Tickets para <?php echo htmlspecialchars($negocio_nombre); ?></p>
                        </div>
                    </div>
                </div>

                <!-- Formulario de Nuevo Ticket -->
                <div class="support-card">
                    <div class="support-card-header">
                        <h2><i class="bi bi-plus-circle me-2"></i>Crear Nuevo Ticket de Soporte</h2>
                    </div>
                    <div class="support-card-body">
                        <p class="mb-4">Para un seguimiento detallado y formal de su solicitud, complete el siguiente formulario para generar un ticket de soporte.</p>

                        <?php if (!empty($mensaje_usuario)): ?>
                            <div class="alert alert-<?php echo $mensaje_tipo; ?> alert-dismissible fade show" role="alert">
                                <i class="bi bi-<?php echo $mensaje_tipo === 'success' ? 'check-circle' : 'exclamation-triangle'; ?> me-2"></i>
                                <?php echo htmlspecialchars($mensaje_usuario); ?>
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        <?php endif; ?>

                        <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
                            <div class="row">
                                <div class="col-12 mb-3">
                                    <label for="asunto_usuario" class="form-label">
                                        <i class="bi bi-tag me-1"></i>Asunto del Ticket
                                    </label>
                                    <input type="text" class="form-control" id="asunto_usuario" name="asunto_usuario" required 
                                           placeholder="Resuma brevemente su problema o consulta"
                                           value="<?php echo isset($_POST['asunto_usuario']) ? htmlspecialchars($_POST['asunto_usuario']) : ''; ?>">
                                </div>
                                
                                <div class="col-12 mb-4">
                                    <label for="descripcion_problema" class="form-label">
                                        <i class="bi bi-card-text me-1"></i>Descripción Detallada
                                    </label>
                                    <textarea class="form-control" id="descripcion_problema" name="descripcion_problema" rows="6" required 
                                              placeholder="Describa detalladamente su problema, incluyendo pasos para reproducirlo si es aplicable..."><?php echo isset($_POST['descripcion_problema']) ? htmlspecialchars($_POST['descripcion_problema']) : ''; ?></textarea>
                                </div>
                            </div>

                            <div class="action-buttons">
                                <a href="<?php echo $whatsapp_url; ?>" class="whatsapp-button" target="_blank" 
                                   title="Contacto por WhatsApp para emergencias">
                                    <i class="bi bi-whatsapp me-2"></i>WhatsApp (Emergencia)
                                </a>
                                <div>
                                    <a href="<?php echo BASE_URL; ?>/negocio/dashboard/index.php" class="btn btn-secondary me-2">
                                        <i class="bi bi-arrow-left me-1"></i>Volver al Dashboard
                                    </a>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="bi bi-send me-2"></i>Enviar Ticket
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="support-footer">
                        <i class="bi bi-info-circle me-2"></i>
                        Le agradecemos utilizar preferentemente el sistema de tickets para asegurar un registro y seguimiento adecuado de su solicitud. Para emergencias urgentes, puede usar el botón de WhatsApp.
                    </div>
                </div>

                <!-- Sección Mis Tickets Enviados -->
                <?php if ($negocio_rut !== 'No identificado' && !empty($tickets_anteriores)): ?>
                <div class="support-card">
                    <div class="support-card-header">
                        <h2><i class="bi bi-list-check me-2"></i>Mis Tickets de Soporte</h2>
                    </div>
                    <div class="support-card-body">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th><i class="bi bi-hash me-1"></i>Ticket</th>
                                        <th><i class="bi bi-tag me-1"></i>Asunto</th>
                                        <th><i class="bi bi-calendar me-1"></i>Fecha</th>
                                        <th><i class="bi bi-flag me-1"></i>Estado</th>
                                        <th><i class="bi bi-gear me-1"></i>Acción</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach ($tickets_anteriores as $ticket): ?>
                                    <tr> 
                                        <td>
                                            <strong>#<?php echo htmlspecialchars($ticket['ticket_correlativo'] ?? 'N/A'); ?></strong>
                                        </td>
                                        <td><?php echo htmlspecialchars($ticket['asunto'] ?? ''); ?></td>
                                        <td>
                                            <small><?php echo isset($ticket['fecha_creacion']) ? date("d-m-Y H:i", strtotime($ticket['fecha_creacion'])) : ''; ?></small>
                                        </td>
                                        <td>
                                            <?php 
                                            $estado = htmlspecialchars($ticket['estado'] ?? 'Desconocido');
                                            $badge_class = 'bg-secondary'; 
                                            if ($estado === 'Pendiente') $badge_class = 'bg-warning text-dark';
                                            if ($estado === 'En Proceso') $badge_class = 'bg-info text-dark';
                                            if ($estado === 'Resuelto' || $estado === 'Cerrado') $badge_class = 'bg-success';
                                            ?>
                                            <span class="badge <?php echo $badge_class; ?>"><?php echo $estado; ?></span>
                                        </td>
                                        <td>
                                            <a href="<?php echo BASE_URL; ?>/negocio/ver_ticket.php?id=<?php echo (int)($ticket['id'] ?? 0); ?>" 
                                               class="btn btn-sm btn-info">
                                                <i class="bi bi-eye me-1"></i>Ver Detalles
                                            </a>
                                        </td>
                                    </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <?php elseif ($negocio_rut !== 'No identificado'): ?>
                <div class="support-card">
                    <div class="support-card-header">
                        <h2><i class="bi bi-inbox me-2"></i>Historial de Tickets</h2>
                    </div>
                    <div class="support-card-body text-center">
                        <div class="py-4">
                            <i class="bi bi-inbox display-1 text-muted mb-3"></i>
                            <h5 class="text-muted">Aún no has enviado tickets de soporte</h5>
                            <p class="text-muted">Cuando envíes tu primer ticket, aparecerá aquí para que puedas hacer seguimiento.</p>
                        </div>
                    </div>
                </div>
                <?php endif; ?>

            </div>
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>