<?php
/**
 * Procesar pago de renovación de licencia
 * Sistema de Gestión para Negocios de Barrio (SGB)
 */

// Activar visualización de errores para depuración
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

// El autoloader ahora se carga desde config.php
// require_once dirname(__DIR__) . '/vendor/autoload.php'; 

// Ruta correcta para config.php desde negocio/
require_once dirname(__DIR__) . '/config/config.php';
require_once __DIR__ . '/../includes/Base.php';

// FlowService eliminado - integración no funcional
// Incluir MercadoPagoService
require_once dirname(__DIR__) . '/admin/mercadopago/MercadoPagoService.php';
use SGB\Admin\MercadoPago\MercadoPagoService;
// Incluir KhipuService
require_once dirname(__DIR__) . '/admin/khipu/KhipuService.php';
use SGB\Admin\Khipu\KhipuService;

// Verificar si el usuario está autenticado como negocio
if (!esNegocio()) {
    $_SESSION['mensaje'] = 'Debe iniciar sesión como negocio';
    $_SESSION['tipo_mensaje'] = 'warning';
    redirigir(BASE_URL . '/negocio/login.php');
    exit;
}

// Verificar si se proporcionaron los parámetros necesarios
if (!isset($_GET['plan_id']) || !isset($_GET['rut'])) {
    $_SESSION['mensaje'] = 'Parámetros incompletos: Se requiere plan_id y rut';
    $_SESSION['tipo_mensaje'] = 'danger';
    error_log("ERROR: Parámetros incompletos en procesar_pago.php. GET: " . print_r($_GET, true));
    redirigir(BASE_URL . '/negocio/renovar_licencia.php');
    exit;
}

$plan_id = intval($_GET['plan_id']); // Forzar a que sea un entero
$rut = $_GET['rut'];
// Obtener puntos adicionales de la página anterior si se pasaron
$puntos_adicionales = isset($_GET['puntos_adicionales']) ? intval($_GET['puntos_adicionales']) : 0;

// Validar que plan_id sea un valor válido (1-4)
if (!in_array($plan_id, [1, 2, 3, 4])) {
    $_SESSION['mensaje'] = 'ID de plan no válido';
    $_SESSION['tipo_mensaje'] = 'danger';
    redirigir(BASE_URL . '/negocio/renovar_licencia.php');
    exit;
}

$conexion = conectarDB();

// Verificar que el negocio existe
$query = "SELECT * FROM negocios WHERE rut = :rut";
$stmt = $conexion->prepare($query);
$stmt->bindParam(':rut', $rut, PDO::PARAM_STR);
$stmt->execute();

if ($stmt->rowCount() === 0) {
    $_SESSION['mensaje'] = 'Negocio no encontrado';
    $_SESSION['tipo_mensaje'] = 'danger';
    redirigir(BASE_URL . '/negocio/index.php');
    exit;
}

$negocio = $stmt->fetch(PDO::FETCH_ASSOC);

// Obtener información del plan seleccionado
$query_plan = "SELECT * FROM planes WHERE id = :plan_id";
$stmt = $conexion->prepare($query_plan);
$stmt->bindParam(':plan_id', $plan_id, PDO::PARAM_INT);
$stmt->execute();
$resultado_plan = $stmt->fetch(PDO::FETCH_ASSOC);

// Crear un plan predeterminado en caso de que no se encuentre en la base de datos
$plan = [];
if (!$resultado_plan) {
    // Si no se encuentra el plan en la base de datos, crear uno predeterminado según el plan_id
    $plan['nombre'] = 'Plan Predeterminado';
    $plan['descripcion'] = 'Plan de suscripción';
    $plan['duracion_meses'] = 1; // Valor predeterminado
    $plan['precio_uf'] = 0.5; // Precio predeterminado
    $plan['sesiones_incluidas'] = 2; // Sesiones predeterminadas
    $plan['precio_sesion_adicional'] = 0.20; // Precio sesión adicional predeterminado
} else {
    $plan = $resultado_plan;
    
    // Asignar valores predeterminados a los campos nuevos si no existen
    if (!isset($plan['sesiones_incluidas'])) {
        $plan['sesiones_incluidas'] = 2; // Valor predeterminado
    }
    if (!isset($plan['precio_sesion_adicional'])) {
        $plan['precio_sesion_adicional'] = 0.20; // Valor predeterminado
    }
}

// Definir precios fijos en pesos chilenos (CORREGIDOS - igual que en renovar_licencia.php)
$precios_clp_planes = [ 
    1 => 12000,  // Plan 1 Mes: $12.000 + IVA
    2 => 33000,  // Plan 3 Meses: $11.000/mes x 3 = $33.000 + IVA  
    3 => 60000,  // Plan 6 Meses: $10.000/mes x 6 = $60.000 + IVA
    4 => 108000  // Plan 1 Año: $9.000/mes x 12 = $108.000 + IVA
];

// Obtener valor UF para conversión
$valor_uf_conversion = obtenerIndicadorUF($conexion);
if (!$valor_uf_conversion || $valor_uf_conversion <= 0) {
    $valor_uf_conversion = 37500; // Valor por defecto
}

// Verificar que la duración del plan sea correcta según el plan_id seleccionado
// Esto asegura que se muestre la duración correcta en el resumen de compra
if ($plan_id == 1) {
    $plan['duracion_meses'] = 1;
    $plan['precio_uf'] = round($precios_clp_planes[1] / $valor_uf_conversion, 4);
    $plan['nombre'] = 'Plan 1 Mes';
    $plan['descripcion'] = 'Plan básico mensual con 2 puntos de venta incluidos';
} else if ($plan_id == 2) {
    $plan['duracion_meses'] = 3;
    $plan['precio_uf'] = round($precios_clp_planes[2] / $valor_uf_conversion, 4);
    $plan['nombre'] = 'Plan 3 Meses';
    $plan['descripcion'] = 'Plan trimestral con 2 puntos de venta incluidos';
} else if ($plan_id == 3) {
    $plan['duracion_meses'] = 6;
    $plan['precio_uf'] = round($precios_clp_planes[3] / $valor_uf_conversion, 4);
    $plan['nombre'] = 'Plan 6 Meses';
    $plan['descripcion'] = 'Plan semestral con 2 puntos de venta incluidos';
} else if ($plan_id == 4) {
    $plan['duracion_meses'] = 12;
    $plan['precio_uf'] = round($precios_clp_planes[4] / $valor_uf_conversion, 4);
    $plan['nombre'] = 'Plan 1 Año';
    $plan['descripcion'] = 'Plan anual con 2 puntos de venta incluidos';
}

// Calcular la nueva fecha de vencimiento
$fecha_actual = new DateTime($negocio['fecha_vencimiento_licencia']);
$fecha_actual_hoy = new DateTime();

// Si la licencia ya venció, usar la fecha actual como base
if ($fecha_actual < $fecha_actual_hoy) {
    $fecha_actual = $fecha_actual_hoy;
}

$nueva_fecha = clone $fecha_actual;
$nueva_fecha->add(new DateInterval('P' . $plan['duracion_meses'] . 'M'));

// Definir precios escalonados por punto por mes (corregidos en pesos chilenos)
$precios_escalonados_clp = [
    1 => 5000,  // $5.000 por punto
    2 => 4500,  // $4.500 por punto
    3 => 4000,  // $4.000 por punto
    4 => 3500,  // $3.500 por punto
    5 => 3000   // $3.000 por punto
];

// Convertir precios CLP a UF para cálculos internos
$precios_escalonados = [];
$valor_uf_para_puntos = obtenerIndicadorUF($conexion);
if ($valor_uf_para_puntos && $valor_uf_para_puntos > 0) {
    foreach ($precios_escalonados_clp as $cantidad => $precio_clp) {
        $precios_escalonados[$cantidad] = round($precio_clp / $valor_uf_para_puntos, 4);
    }
} else {
    // Valores por defecto en UF si no se puede obtener el valor UF
    $precios_escalonados = [
        1 => 0.13,  // Aproximado
        2 => 0.12,  // Aproximado
        3 => 0.11,  // Aproximado
        4 => 0.09,  // Aproximado
        5 => 0.08   // Aproximado
    ];
}

// Verificar si el formulario fue enviado (POST)
$precio_total_uf = $plan['precio_uf'];
$sesiones_adicionales = $puntos_adicionales; // Usar los puntos adicionales de la página anterior
$subtotal_plan = $plan['precio_uf'];
$subtotal_sesiones = 0;
if ($sesiones_adicionales > 0 && isset($precios_escalonados[$sesiones_adicionales])) {
    $precio_por_punto_actual = $precios_escalonados[$sesiones_adicionales];
    $subtotal_sesiones = $precio_por_punto_actual * $sesiones_adicionales * $plan['duracion_meses'];
}
$subtotal = $subtotal_plan + $subtotal_sesiones;

// Calcular IVA basado en el subtotal (CORREGIDO - solo una vez)
$iva = $subtotal * TASA_IVA; // Usar constante

$precio_total_uf = $subtotal + $iva; // Precio final UF con IVA (CORREGIDO)

// --- Obtener valor UF y calcular estimado CLP --- 
$valor_uf_actual = obtenerIndicadorUF($conexion); // Asume que esta función existe y devuelve float
$monto_estimado_clp = null;
if ($valor_uf_actual && $valor_uf_actual > 0) {
    $monto_estimado_clp = round($precio_total_uf * $valor_uf_actual);
} else {
    // Manejar caso donde no se pudo obtener UF (mostrar 0 o un mensaje)
    $valor_uf_actual = null; // Para indicar que no se pudo obtener
    error_log("[Procesar Pago] No se pudo obtener el valor de la UF actual para mostrar el estimado CLP.");
}
// --- Fin UF/CLP --- 

// Solo procesar el pago si es POST
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Debug - Mostrar los datos recibidos
    error_log("[DEBUG] POST Data: " . print_r($_POST, true));

    // Si se está actualizando los puntos adicionales, redirigir a la misma página con los nuevos valores
    if (isset($_POST['actualizar'])) {
        $nuevos_puntos_adicionales = isset($_POST['puntos_adicionales']) ? intval($_POST['puntos_adicionales']) : 0;
        // Añadir urlencode al rut por si contiene caracteres especiales
        redirigir(BASE_URL . '/negocio/procesar_pago.php?plan_id=' . $plan_id . '&rut=' . urlencode($rut) . '&puntos_adicionales=' . $nuevos_puntos_adicionales);
        exit;
    }
    
    // Solo proceder con el pago si se presionó el botón de procesar
    if (isset($_POST['procesar'])) {
        // Capturar el método de pago seleccionado
        if (!empty($_POST['metodo_pago_confirmado'])) {
            $metodo_pago = $_POST['metodo_pago_confirmado'];
            error_log("[DEBUG] Usando método de pago confirmado: " . $metodo_pago);
        } else {
            $metodo_pago = isset($_POST['metodo_pago']) ? $_POST['metodo_pago'] : 'mercadopago';
            error_log("[DEBUG] Usando método de pago del radio button: " . $metodo_pago);
        }

        // Verificar el método de pago para depuración
        error_log("[DEBUG] Método de pago seleccionado: " . $metodo_pago);
        error_log("[DEBUG] Datos POST completos: " . print_r($_POST, true));

        // --- INICIO: Recalcular precio con valores del POST USANDO PRECIOS ESCALONADOS ---
        $puntos_adicionales_post = isset($_POST['puntos_adicionales']) ? intval($_POST['puntos_adicionales']) : 0;
        $sesiones_adicionales_post = $puntos_adicionales_post;
        $subtotal_sesiones_post = 0;
        if ($sesiones_adicionales_post > 0 && isset($precios_escalonados[$sesiones_adicionales_post])) {
            $precio_por_punto_post = $precios_escalonados[$sesiones_adicionales_post];
            $subtotal_sesiones_post = $precio_por_punto_post * $sesiones_adicionales_post * $plan['duracion_meses'];
        }
        $subtotal_uf_post = $plan['precio_uf'] + $subtotal_sesiones_post;
        $iva_post = $subtotal_uf_post * TASA_IVA; // Calcular IVA una sola vez
        $precio_total_uf_post = $subtotal_uf_post + $iva_post; // Precio final UF con IVA para procesar
        // --- FIN: Recalcular precio con valores del POST ---

        // Usar $precio_total_uf_post y $puntos_adicionales_post en el resto del procesamiento
        $puntos_adicionales_a_guardar = $puntos_adicionales_post;
        $precio_total_uf_a_guardar = $precio_total_uf_post;
        $pago_id = null;
        
        $conexion->beginTransaction(); // Iniciar transacción ANTES de cualquier inserción

        try {
            // --- PASO 1: Registrar el pago SIEMPRE como pendiente ---
            $estado_pago = 'pendiente'; 
            $referencia_pago = 'REF-' . strtoupper(substr(md5(uniqid(rand(), true)), 0, 10)); 
            $fecha_pago = date('Y-m-d H:i:s');
            
            $stmt_pago = $conexion->prepare(
                "INSERT INTO pagos (negocio_rut, plan_id, monto, estado, transaccion_id, fecha_pago, metodo_pago, puntos_adicionales) 
                 VALUES (:negocio_rut, :plan_id, :monto, :estado, :transaccion_id, :fecha_pago, :metodo_pago, :puntos)"
            );
            $stmt_pago->bindParam(':negocio_rut', $negocio['rut'], PDO::PARAM_STR);
            $stmt_pago->bindParam(':plan_id', $plan_id, PDO::PARAM_INT);
            $stmt_pago->bindParam(':monto', $precio_total_uf_a_guardar, PDO::PARAM_STR);
            $stmt_pago->bindParam(':estado', $estado_pago, PDO::PARAM_STR);
            $stmt_pago->bindParam(':transaccion_id', $referencia_pago, PDO::PARAM_STR); 
            $stmt_pago->bindParam(':fecha_pago', $fecha_pago, PDO::PARAM_STR);
            $stmt_pago->bindParam(':metodo_pago', $metodo_pago, PDO::PARAM_STR);
            $stmt_pago->bindParam(':puntos', $puntos_adicionales_a_guardar, PDO::PARAM_INT);
            $stmt_pago->execute();
            
            $pago_id = $conexion->lastInsertId();
            
            if (!$pago_id) {
                throw new Exception("No se pudo obtener el ID del pago insertado.");
            }
            error_log("[Procesar Pago] Pago $pago_id registrado como pendiente para negocio {$negocio['rut']}, método: $metodo_pago");

        } catch (Exception $e) {
            $conexion->rollBack();
            $_SESSION['mensaje'] = 'Error interno al registrar el inicio del pago: ' . $e->getMessage();
            $_SESSION['tipo_mensaje'] = 'danger';
            error_log("[Procesar Pago] Error al registrar pago inicial para {$negocio['rut']}: " . $e->getMessage());
            redirigir(BASE_URL . '/negocio/renovar_licencia.php');
            exit;
        }

        // --- PASO 2: Procesar según método de pago ---
        if ($metodo_pago === 'flow') {
            // Flow eliminado - integración no funcional
            $conexion->rollBack();
            $_SESSION['mensaje'] = 'Flow ya no está disponible. Por favor seleccione otro método de pago.';
            $_SESSION['tipo_mensaje'] = 'warning';
            error_log("[Procesar Pago] Intento de usar Flow eliminado para pago $pago_id / negocio {$negocio['rut']}");
            redirigir(BASE_URL . '/negocio/renovar_licencia.php');
            exit;

        } elseif ($metodo_pago === 'mercadopago') {
            try {
                error_log("[Procesar Pago - MP] Iniciando flujo de Checkout Pro (Pago Manual).");
                $valor_uf_float = obtenerIndicadorUF($conexion);
                if ($valor_uf_float === null || $valor_uf_float <= 0) {
                    throw new Exception("No se pudo obtener el valor de la UF actual para Mercado Pago.");
                }
                $monto_clp_mp = round($precio_total_uf_post * $valor_uf_float, 2);
                if ($monto_clp_mp <= 0) {
                     throw new Exception("El monto calculado en CLP para Mercado Pago es inválido ($monto_clp_mp).");
                }
                $negocio_email = $negocio['email'] ?? 'comprador-test@tu-dominio.com'; 
                $nombre_negocio = $negocio['nombre'] ?? 'Usuario SGB';
                $payerInfo = ['email' => $negocio_email, 'name' => $nombre_negocio];
                $orden_compra = (string)$pago_id; 
                $titulo = "Renovación SGB - Plan " . $plan['nombre'];
                $descripcion = "Renovación licencia SGB Negocios - Pago ID: {$pago_id}";
                if ($puntos_adicionales_a_guardar > 0) $titulo .= " + {$puntos_adicionales_a_guardar} puntos";
                $urlNotificacion = BASE_URL . '/negocio/mercadopago/notificacion.php'; 
                $urlExito = BASE_URL . '/negocio/pago_resultado.php?status=success&pago_id=' . $pago_id;
                $urlFallo = BASE_URL . '/negocio/pago_resultado.php?status=failure&pago_id=' . $pago_id;
                $urlPendiente = BASE_URL . '/negocio/pago_resultado.php?status=pending&pago_id=' . $pago_id;

                $mpService = new MercadoPagoService();
                $preferencia = $mpService->crearPreferenciaPago($monto_clp_mp, $titulo, $descripcion, $orden_compra, $urlNotificacion, $urlExito, $urlFallo, $urlPendiente, $payerInfo);

                if ($preferencia && isset($preferencia['init_point']) && isset($preferencia['id'])) {
                    $mp_init_point = $preferencia['init_point'];
                    $mp_preference_id = $preferencia['id'];

                    $stmt_update_pref = $conexion->prepare("UPDATE pagos SET mercadopago_preference_id = :pref_id WHERE id = :id");
                    $stmt_update_pref->bindParam(':pref_id', $mp_preference_id, PDO::PARAM_STR);
                    $stmt_update_pref->bindParam(':id', $pago_id, PDO::PARAM_INT);
                    $stmt_update_pref->execute();
                    
                    $conexion->commit();
                    error_log("[Procesar Pago - MP Pro] Pago $pago_id iniciado. Pref ID: $mp_preference_id. Redirigiendo a MP...");
                    header('Location: ' . $mp_init_point);
                    exit;
                } else {
                    throw new Exception("Mercado Pago no pudo generar el enlace de pago.");
                }

            } catch (Exception $e) {
                if ($conexion->inTransaction()) $conexion->rollBack(); 
                error_log("[Procesar Pago - MP Pro] Error para Negocio {$negocio['rut']} / Pago ID {$pago_id}: " . $e->getMessage());
                $_SESSION['mensaje'] = 'Error al procesar el pago con Mercado Pago: ' . $e->getMessage();
                $_SESSION['tipo_mensaje'] = 'danger';
                $redirectParams = 'plan_id=' . $plan_id . '&rut=' . urlencode($rut) . '&puntos_adicionales=' . $puntos_adicionales_a_guardar;
                redirigir(BASE_URL . '/negocio/procesar_pago.php?' . $redirectParams . '&error=mp_process');
                exit;
            }

        } elseif ($metodo_pago === 'transferencia') {
            try {
                $conexion->commit();
                error_log("[Procesar Pago - Transferencia] Pago {$pago_id} registrado como pendiente para negocio {$negocio['rut']}");
                $_SESSION['mensaje'] = 'Tu solicitud de pago por transferencia ha sido registrada. Por favor, realiza la transferencia y envía el comprobante como se indica.';
                $_SESSION['tipo_mensaje'] = 'info';
                redirigir(BASE_URL . '/negocio/pago_resultado.php?status=transfer_pending&pago_id=' . $pago_id);
                exit;
            } catch (Exception $e) {
                if ($conexion->inTransaction()) $conexion->rollBack();
                error_log("[Procesar Pago - Transferencia] Error para pago {$pago_id} / negocio {$negocio['rut']}: " . $e->getMessage());
                $_SESSION['mensaje'] = 'Error al registrar el pago por transferencia: ' . $e->getMessage();
                $_SESSION['tipo_mensaje'] = 'danger';
                redirigir(BASE_URL . '/negocio/renovar_licencia.php?plan_id=' . $plan_id . '&rut=' . urlencode($rut) . '&error=db_transfer');
                exit;
            }
        
        } elseif ($metodo_pago === 'khipu') {
            error_log("[DEBUG] Iniciando procesamiento con método Khipu para Pago ID: $pago_id");
            try {
                $valor_uf_float = obtenerIndicadorUF($conexion);
                if ($valor_uf_float === null || $valor_uf_float <= 0) {
                    throw new Exception("No se pudo obtener el valor de la UF actual para Khipu.");
                }
                $monto_clp_khipu = round($precio_total_uf_post * $valor_uf_float, 0);
                if ($monto_clp_khipu <= 0) {
                    throw new Exception("El monto calculado en CLP para Khipu es inválido ($monto_clp_khipu).");
                }
                $negocio_email = $negocio['email'] ?? 'no-reply@tusistema.com';
                $orden_compra = (string)$pago_id;
                $concepto = "Renovación SGB - Plan " . $plan['nombre'];
                if ($puntos_adicionales_a_guardar > 0) {
                    $concepto .= " + " . $puntos_adicionales_a_guardar . " puntos";
                }
                // Detectar si es entorno local y usar URLs públicas para evitar error 403
                $isLocalhost = (
                    strpos(BASE_URL, 'localhost') !== false || 
                    strpos(BASE_URL, '127.0.0.1') !== false ||
                    strpos(BASE_URL, '::1') !== false
                );
                
                if ($isLocalhost && KHIPU_IS_TEST_MODE) {
                    // En localhost y modo sandbox, usar URLs públicas dummy
                    $urlRetorno = 'https://httpbin.org/status/200';
                    $urlNotificacion = 'https://httpbin.org/post';
                    error_log("[Procesar Pago - Khipu] Usando URLs públicas dummy para localhost");
                } else {
                    // En producción o servidor público, usar URLs reales
                    $urlRetorno = BASE_URL . '/negocio/khipu/khipu_retorno.php';
                    $urlNotificacion = BASE_URL . '/negocio/khipu/khipu_notificacion.php';
                }
                
                $khipuService = new KhipuService();
                
                error_log("[Procesar Pago - Khipu] Preparando para llamar a crearPago. Monto: $monto_clp_khipu, OC: $orden_compra");
                
                $khipu_response = $khipuService->crearPago($monto_clp_khipu, $orden_compra, $concepto, $negocio_email, $urlRetorno, $urlNotificacion);
                
                if ($khipu_response && isset($khipu_response['url']) && isset($khipu_response['payment_id'])) {
                    $khipu_url = $khipu_response['url'];
                    $khipu_token = $khipu_response['payment_id'];
                    
                    $stmt_update_token = $conexion->prepare("UPDATE pagos SET khipu_token = :token WHERE id = :id");
                    $stmt_update_token->bindParam(':token', $khipu_token, PDO::PARAM_STR);
                    $stmt_update_token->bindParam(':id', $pago_id, PDO::PARAM_INT);
                    $stmt_update_token->execute();
                    
                    $conexion->commit();
                    error_log("[Procesar Pago - Khipu] Pago $pago_id iniciado. Token: $khipu_token. Redirigiendo a Khipu...");
                    header('Location: ' . $khipu_url);
                    exit;
                } else {
                    throw new Exception("Khipu no pudo procesar la solicitud de pago. Respuesta: " . print_r($khipu_response, true));
                }
            } catch (Exception $e) {
                if ($conexion->inTransaction()) $conexion->rollBack();
                $_SESSION['mensaje'] = 'Error al iniciar el pago con Khipu: ' . $e->getMessage();
                $_SESSION['tipo_mensaje'] = 'danger';
                error_log("[Procesar Pago - Khipu] Error para pago $pago_id / negocio {$negocio['rut']}: " . $e->getMessage());
                $redirectParams = 'plan_id=' . $plan_id . '&rut=' . urlencode($rut) . '&puntos_adicionales=' . $puntos_adicionales_a_guardar;
                redirigir(BASE_URL . '/negocio/procesar_pago.php?' . $redirectParams . '&error=khipu_process');
                exit;
            }
        }

    } // Fin if (isset($_POST['procesar']))
} // Fin if ($_SERVER['REQUEST_METHOD'] === 'POST')

// --- HTML para mostrar el resumen y el formulario de pago (si no es POST) --- 
// Si la solicitud no es POST, muestra la página de confirmación de pago
cargarEstilosUnificados("Confirmar Pago - SGB");

?>

    <style>
    /* Prevenir desplazamiento lateral */
    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }
    
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    [class*="col-"] {
        padding-left: 8px; /* Reducido */
        padding-right: 8px; /* Reducido */
    }
    
    /* Ocultar la barra lateral */
    .sidebar {
        display: none !important;
    }
    /* Ajustar el margen izquierdo del contenido principal */
    .page-wrapper {
        margin-left: 0 !important;
        overflow-x: hidden;
        padding-top: 0.5rem;
    }

    /* --- INICIO: Estilos Banner Dorado e Icono --- */
    #main-page-header {
        background-color: #ffd700 !important; /* Fondo base dorado */
        background-image: linear-gradient(to bottom, #ffd700, #ffb700) !important; /* Gradiente dorado */
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3) !important;
        color: #5a4500 !important;
        min-height: 90px !important; /* Aumentado para coincidir con renovar_licencia.php */
        margin-top: 0 !important; /* Reducido */
        margin-bottom: 0.8rem !important; /* Reducido */
        padding: 0.8rem 1rem !important; 
    }
    
    /* Superposición de líneas diagonales (aplicada mediante el div .lines-overlay) */
    #main-page-header .lines-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        background-image: repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            rgba(255, 255, 255, 0.04) 10px,
            rgba(255, 255, 255, 0.04) 12px
        );
        z-index: 0; /* Detrás del contenido */
        pointer-events: none;
    }
    
    /* Ajustar el efecto hover estándar para mantener colores dorados */
    #main-page-header::before {
        content: '';
        position: absolute;
        left: -150px;
        top: 0;
        width: 80px;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
        transform: skewX(-25deg);
        transition: left 1.5s cubic-bezier(0.23, 1, 0.32, 1);
        z-index: 1;
        pointer-events: none;
    }

    #main-page-header:hover::before {
        left: calc(100% + 150px);
    }

    /* Pestaña superior derecha (estándar SGB) */
    #main-page-header::after {
        content: '';
        position: absolute;
        right: 15px;
        top: 0;
        height: 6px;
        width: 200px;
        background-color: rgba(255, 255, 255, 0.35);
        border-radius: 0 0 5px 5px;
        z-index: 1;
        pointer-events: none;
    }
    
    #main-page-header:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4) !important;
    }
    
    /* Estilos texto específicos para tema dorado */
    #main-page-header .banner-subtitle {
        color: #5a4500 !important;
        position: relative;
        z-index: 2;
        font-size: 0.8rem; 
        margin-top: 0.2rem; 
    }
    
    #main-page-header h1 {
        color: #5a4500 !important;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
        position: relative;
        z-index: 2;
        font-size: 1.4rem; 
    }
    
    /* Botón dentro del banner dorado */
    #main-page-header .btn-outline-light {
        color: #5a4500;
        border-color: #5a4500;
        background-color: rgba(255, 255, 255, 0.2);
        position: relative;
        z-index: 2;
        transition: all 0.3s ease;
        padding: 0.25rem 0.5rem;
        font-size: 0.8rem;
    }
    
    #main-page-header .btn-outline-light:hover {
        background-color: rgba(255, 255, 255, 0.3);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(90, 69, 0, 0.15);
    }
    
    /* Contenedor del icono */
    #main-page-header .banner-icon-container {
        transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 50%;
        padding: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        position: relative;
        z-index: 2;
    }
    
    #main-page-header .banner-icon-container i {
        color: #5a4500;
        font-size: 1.1rem;
    }
    
    /* Efecto hover estándar SGB para el icono */
    #main-page-header:hover .banner-icon-container {
        transform: translateY(-5px);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        background-color: rgba(255, 255, 255, 0.25);
    }
    
    /* --- FIN: Estilos Banner --- */
    
    /* Mejorar las tarjetas de información */
    .info-card {
        border-radius: 10px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.05);
        background-color: #fff;
        height: 100%;
        border: none;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        overflow: hidden;
        margin-bottom: 0.8rem; /* Reducido */
    }
    
    .info-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 15px rgba(0,0,0,0.1);
    }
    
    .info-card .card-header {
        background-color: #fffaed;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        font-weight: 600;
        font-size: 0.95rem; /* Reducido */
        padding: 8px 10px; /* Reducido */
        border-radius: 10px 10px 0 0;
        color: #5a4500;
    }
    
    .info-card .card-body {
        padding: 10px; /* Reducido */
    }
    
    .info-label {
        font-weight: 600;
        color: #5a4500;
        margin-right: 5px;
        min-width: 100px;
        display: inline-block;
        font-size: 0.85rem; /* Reducido */
    }
    
    .info-value {
        color: #212529;
        font-weight: 500;
        font-size: 0.85rem; /* Reducido */
    }
    
    .info-row {
        margin-bottom: 6px; /* Reducido */
        display: flex;
        align-items: center;
    }
    
    /* Estilos para el resumen de compra */
    .resumen-compra {
        background-color: #fffaed;
        border-radius: 10px;
        padding: 12px; /* Reducido */
        margin-bottom: 0.8rem; /* Reducido */
        box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    }
    
    .resumen-titulo {
        font-size: 1rem; /* Reducido */
        font-weight: 600;
        margin-bottom: 8px;
        padding-bottom: 4px;
    }
    
    .resumen-item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 4px;
        padding-bottom: 4px;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        font-size: 0.85rem; /* Reducido */
    }
    
    .resumen-total {
        display: flex;
        justify-content: space-between;
        margin-top: 8px;
        padding-top: 4px;
        border-top: 2px solid #ffd700;
        font-weight: 700;
        font-size: 1rem; /* Reducido */
        color: #5a4500;
    }
    
    /* Estilos para los métodos de pago */
    .metodo-pago-card {
        border: 1px solid #e6e6e6;
        border-radius: 10px;
        padding: 8px; /* Reducido */
        margin-bottom: 8px; /* Reducido */
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .metodo-pago-card:hover {
        border-color: #ffd700;
        box-shadow: 0 5px 15px rgba(255, 215, 0, 0.2);
    }
    
    .metodo-pago-card.selected {
        border-color: #ffd700;
        background-color: #fffaed;
        box-shadow: 0 8px 20px rgba(255, 215, 0, 0.4); /* Sombra más pronunciada */
        border-width: 3px; /* Borde más grueso */
        transform: scale(1.01); /* Ligero aumento de tamaño */
    }
    
    /* Nuevos estilos específicos para cada método de pago */
    .metodo-mercadopago {
        border: 2px solid #FFDD00;
        background-color: #FFFBCC;
    }
    
    .metodo-mercadopago:hover, .metodo-mercadopago.selected {
        border-color: #FFCC00;
        background-color: #FFF9AA;
        box-shadow: 0 5px 15px rgba(255, 204, 0, 0.3);
    }
    
    .metodo-mercadopago .metodo-pago-icon {
        color: #009EE3;
    }
    
    /* Flow eliminado - estilos removidos */
    
    .metodo-transferencia {
        border: 2px solid #FFD6D6;
        background-color: #FFF5F5;
    }
    
    .metodo-transferencia:hover, .metodo-transferencia.selected {
        border-color: #FF9999;
        background-color: #FFE6E6;
        box-shadow: 0 5px 15px rgba(255, 153, 153, 0.3);
    }
    
    .metodo-transferencia .metodo-pago-icon {
        color: #CC0000;
    }
    
    .metodo-khipu {
        border: 2px solid #48D597;
        background-color: #F0FFF8;
    }
    
    .metodo-khipu:hover, .metodo-khipu.selected {
        border-color: #00C077;
        background-color: #E0FFF0;
        box-shadow: 0 5px 15px rgba(0, 192, 119, 0.3);
    }
    
    .metodo-khipu .metodo-pago-icon {
        color: #00A055;
    }
    
    .metodo-pago-card h5 {
        font-size: 0.95rem; /* Reducido */
        margin-bottom: 0.2rem;
    }
    
    .metodo-pago-card p {
        font-size: 0.8rem; /* Reducido */
        line-height: 1.2;
    }
    
    .metodo-pago-icon {
        font-size: 1.3rem; /* Reducido */
        margin-right: 10px;
        /* El color se define en las reglas específicas .metodo-X */
        /* color: #5a4500; <-- Ya no es necesario aquí */
    }
    
    /* Forzar visibilidad de los iconos */
    .metodo-pago-icon i {
        display: inline-block !important; /* Asegurar que se muestre */
        font-size: inherit !important;   /* Heredar tamaño de .metodo-pago-icon */
        opacity: 1 !important;         /* Asegurar que no sea transparente */
        /* El color se hereda o se define en las reglas específicas */
    }
    
    .btn-procesar,
    .btn-volver {
        padding: 8px 16px; /* Reducido */
        font-size: 0.9rem;
    }
    
    .btn-procesar {
        background: linear-gradient(45deg, #ffa000, #ff8f00);
        border: none;
        border-radius: 50px;
        padding: 10px 20px;
        font-weight: 600;
        color: white;
        box-shadow: 0 4px 10px rgba(255, 160, 0, 0.3);
        transition: all 0.3s;
    }
    
    .btn-procesar:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(255, 160, 0, 0.4);
    }
    
    .btn-volver {
            background-color: #f8f9fa;
        border: 1px solid #e6e6e6;
        border-radius: 50px;
        padding: 10px 20px;
        font-weight: 600;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        transition: all 0.3s;
    }
    
    .btn-volver:hover {
        background-color: #f0f0f0;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    
    .section-title {
        font-size: 1.1rem; /* Reducido */
        font-weight: 600;
        margin-bottom: 0.8rem; /* Reducido */
        color: #5a4500;
        position: relative;
        padding-bottom: 5px;
    }
    
    .section-title:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 40px;
        height: 3px;
        background-color: #ffa000;
    }
    
    /* Mejorar forma de puntos adicionales */
    .puntos-form {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 8px 0; /* Reducido */
    }
    
    .puntos-form .mb-3 {
        margin-bottom: 0.5rem !important; /* Reducir espacio debajo del select */
    }
    
    .form-select {
        padding: 5px 8px; /* Reducido */
            border-radius: 8px;
        border: 1px solid #ced4da;
        transition: all 0.3s;
        font-size: 0.85rem;
    }
    
    .form-select:focus {
        border-color: #ffa000;
        box-shadow: 0 0 0 0.2rem rgba(255, 160, 0, 0.25);
    }
    
    .btn-actualizar {
        padding: 5px 10px; /* Reducido */
        background-color: #f8f9fa;
        border: 1px solid #ced4da;
        border-radius: 8px;
        transition: all 0.3s;
        font-size: 0.85rem;
    }
    
    .btn-actualizar:hover {
        background-color: #fffaed;
        border-color: #ffd700;
    }
    
    /* Estilo para opciones de pago */
    .payment-options label {
        width: 100%;
    }

    /* Ajustes de altura para mejor visualización */
    .content.container-fluid {
        padding-top: 0;
    }

    /* Ajustar espaciado y tamaño de texto para la información del plan */
    .small {
        font-size: 0.8rem;
    }

    /* Reducir espacio entre secciones */
    .content .row + h4 {
        margin-top: 0.5rem !important; 
    }

    /* Ajustes para pantallas pequeñas */
    @media (max-width: 768px) {
        .info-card .card-body {
            padding: 10px;
        }
        
        .info-label {
            min-width: 100px;
            font-size: 0.85rem;
        }
        
        .info-value {
            font-size: 0.85rem;
        }
    }

    /* Estilo para mantener el layout estable */
    .col-lg-8 .info-card {
        height: auto !important;
        max-height: 450px !important;
        overflow: hidden !important;
    }
    
    /* Ajustar el cuadro de datos bancarios para que no afecte el layout */
    #datos-bancarios-container {
        position: relative;
        min-height: 0;
    }
    
    #datos-bancarios {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    }
    
    /* Prevenir que la sección de métodos de pago se mueva */
    .section-title.mt-4 {
        position: relative;
        z-index: 1;
        margin-top: 0.5rem !important;
        padding-top: 1rem;
    }
    
    /* Mantener los botones en su lugar */
    .payment-options {
        position: relative;
        z-index: 50;
        }

    /* Clase para ocultar elementos */
    .oculto {
        display: none;
    }
    
    /* Asegurar que las columnas principales se alineen arriba SIEMPRE */
    .main-layout-row {
        align-items: flex-start !important; 
        margin-bottom: 0.5rem !important; /* Reducir espacio entre filas principales */
    }

    /* Placeholder para datos bancarios */
    #datos-bancarios-placeholder {
        min-height: 150px; /* Reducido ligeramente */
        /* Asegura que no tenga padding/margin extra que afecte */
        padding: 0;
        margin: 0;
        /* Opcional: borde para debug, quitar luego */
        /* border: 1px dashed red; */ 
        }
        
    /* --- INICIO: Estilos Mensaje Confianza --- */
    .trust-message-box {
        background-color: #f8f9fa; /* Fondo gris claro */
        border-color: #dee2e6;
        padding: 0.8rem 1rem; /* Padding ajustado */
        margin-bottom: 1rem; /* Espacio debajo */
        border-radius: 0.5rem;
        font-size: 0.85rem; /* Tamaño de fuente */
    }
    .sgb-logo-trust {
        max-height: 30px; /* Altura máxima del logo */
        width: auto;
    }
    .trust-text {
        line-height: 1.4; /* Interlineado */
        color: #495057; /* Color de texto */
    }
    .trust-icon {
        font-size: 1.8rem; /* Tamaño del icono */
        color: #6c757d; /* Color del icono */
    }
    /* --- FIN: Estilos Mensaje Confianza --- */
        
    </style>

<!-- Inicio: Contenido específico de la página -->
<div class="content container-fluid">
    <?php 
    // Mostrar mensajes de sesión si existen
    if (isset($_SESSION['mensaje'])) {
        echo mostrarAlerta($_SESSION['mensaje'], $_SESSION['tipo_mensaje'] ?? 'info');
        unset($_SESSION['mensaje']);
        unset($_SESSION['tipo_mensaje']);
    } 
    ?>

    <!-- Banner principal estilo dorado -->
    <div id="main-page-header" class="rounded-3 p-3 my-3">
        <!-- Capa overlay para las líneas diagonales -->
        <div class="lines-overlay"></div>
        <div class="d-flex justify-content-between align-items-center mb-1">
            <div class="d-flex align-items-center">
                <div class="banner-icon-container me-3">
                    <i class="bi bi-credit-card-fill"></i>
            </div>
                <h1 class="h3 fw-bold mb-0">Procesamiento de Pago</h1>
        </div>
            <div class="ms-auto">
                <a href="<?php echo BASE_URL; ?>/negocio/renovar_licencia.php" class="btn btn-outline-light btn-sm">
                    <i class="bi bi-arrow-left me-1"></i>Volver a Planes
                </a>
                    </div>
        </div>
        <p class="banner-subtitle mb-0">
            Complete la información para renovar su licencia de SGB
        </p>
    </div>

    <div class="row main-layout-row">
        <!-- Información del plan seleccionado -->
        <div class="col-lg-8">
            <div class="card info-card" style="height: auto; max-height: 450px; overflow: hidden;">
                <div class="card-header">Detalles del Plan Seleccionado</div>
                    <div class="card-body">
                    <div class="info-row">
                        <span class="info-label">Plan:</span>
                        <span class="info-value"><?php echo htmlspecialchars($plan['nombre']); ?></span>
                    </div>
                    <div class="info-row">
                        <span class="info-label">Duración:</span>
                        <span class="info-value"><?php echo $plan['duracion_meses']; ?> <?php echo $plan['duracion_meses'] == 1 ? 'mes' : 'meses'; ?></span>
                    </div>
                    <div class="info-row">
                        <span class="info-label">Precio Base:</span>
                        <span class="info-value"><?php echo number_format($plan['precio_uf'], 2); ?> UF + IVA</span>
                    </div>
                    <div class="info-row">
                        <span class="info-label">Puntos incluidos:</span>
                        <span class="info-value"><?php echo $plan['sesiones_incluidas']; ?> punto(s) de venta</span>
                        </div>
                        
                    <!-- Formulario para ajustar puntos -->
                    <form method="post" action="" class="puntos-form mt-3" id="form-puntos">
                        <div class="mb-3">
                            <label for="puntos_adicionales" class="form-label info-label">
                                Puntos adicionales:
                                <!-- Icono Info con Tooltip -->
                                <i class="bi bi-info-circle-fill ms-1 text-secondary" 
                                   style="cursor: help; font-size: 0.9em;" 
                                   data-bs-toggle="tooltip" 
                                   data-bs-html="true"
                                   title="Precios por punto (UF/mes):<br>1: 0.24 | 2: 0.20 | 3: 0.16 | 4: 0.14 | 5: 0.12">
                                </i>
                            </label>
                            <div class="d-flex align-items-center">
                                <select name="puntos_adicionales" id="puntos_adicionales" class="form-select" onchange="this.form.submit()">
                                    <?php for ($i = 0; $i <= 5; $i++): ?>
                                        <option value="<?php echo $i; ?>" <?php echo ($i == $puntos_adicionales) ? 'selected' : ''; ?>>
                                            <?php echo $i; ?> punto<?php echo ($i != 1) ? 's' : ''; ?> adicional<?php echo ($i != 1) ? 'es' : ''; ?>
                                        </option>
                                    <?php endfor; ?>
                                </select>
                            </div>
                        </div>
                        <input type="hidden" name="actualizar" value="1">
                    </form>
                </div>
            </div>
        </div>

        <!-- Resumen de compra -->
        <div class="col-lg-4">
            <div class="resumen-compra">
                <h4 class="resumen-titulo">Resumen de Compra</h4>
                
                <div class="resumen-item">
                    <span>Plan <?php echo htmlspecialchars($plan['nombre']); ?></span>
                    <span><?php echo number_format($subtotal_plan, 2); ?> UF</span>
                        </div>
                        
                <?php if ($subtotal_sesiones > 0): ?>
                <div class="resumen-item">
                    <span><?php echo $sesiones_adicionales; ?> punto(s) adicional(es)</span>
                    <span><?php echo number_format($subtotal_sesiones, 2); ?> UF</span>
                        </div>
                                        <?php endif; ?>
                
                <div class="resumen-item">
                    <span>Subtotal</span>
                    <span><?php echo number_format($subtotal, 2); ?> UF</span>
                            </div>
                            
                <div class="resumen-item">
                    <span>IVA (19%)</span>
                    <span><?php echo number_format($iva, 2); ?> UF</span>
                            </div>
                            
                <div class="resumen-total">
                    <span>Total a pagar</span>
                    <span><?php echo number_format($precio_total_uf, 2); ?> UF</span>
                            </div>
                        </div>
                        
            <!-- Nueva Fecha Vencimiento -->
            <div class="info-card" style="height: 88px; max-height: 88px; overflow: hidden; margin-bottom: 5px; border: 2px solid #ffd700; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                <div class="card-header" style="padding: 3px 8px; font-size: 0.9rem; height: 28px; background-color: #FFF8DC; color: #5a4500; font-weight: 600;">Nueva Fecha de Vencimiento</div>
                <div class="card-body text-center p-0" style="height: 60px; max-height: 60px; padding: 5px; background-color: #FFFDF0;">
                    <h5 class="mb-0" style="font-size: 1.3rem; margin-top: 0px; font-weight: 700; color: #000000;"><?php echo $nueva_fecha->format('d/m/Y'); ?></h5>
                    <p class="mb-0 small text-muted" style="font-size: 0.8rem; line-height: 1.1;">Su licencia se extenderá por <?php echo $plan['duracion_meses']; ?> <?php echo $plan['duracion_meses'] == 1 ? 'mes' : 'meses'; ?> desde la fecha de vencimiento actual.</p>
                        </div>
                        </div>
                        
            <!-- INICIO: Mostrar Valor UF y Estimado CLP -->
            <?php // if ($valor_uf_actual): // Condición eliminada temporalmente para diagnóstico ?>
            <div class="uf-clp-info text-muted small mt-2">
                <i class="bi bi-info-circle"></i> Valor UF (<?php echo date('d-m-Y'); ?>): $<?php echo isset($valor_uf_actual) ? number_format($valor_uf_actual, 0, ',', '.') : 'No disponible'; ?>.<br>
                Monto estimado a pagar: 
                <strong>$<?php echo isset($monto_estimado_clp) ? number_format($monto_estimado_clp, 0, ',', '.') : 'N/A'; ?> CLP</strong> (aprox).
            </div>
            <?php // endif; // Condición eliminada temporalmente ?>
            <!-- FIN: Mostrar Valor UF y Estimado CLP -->
                        
        </div> <!-- Fin col-lg-4 -->
    </div> <!-- Fin PRIMERA fila (main-layout-row) -->

    <!-- SEGUNDA FILA: Título y Formulario de Pago -->
    <div class="row mt-3">
        <div class="col-12">
            <h4 class="section-title">Seleccione Método de Pago</h4>
            <!-- INICIO: Mensaje de Confianza -->
            <div class="trust-message-box alert alert-secondary d-flex align-items-center" role="alert">
                <img src="<?php echo BASE_URL; ?>/public/Image/LOGOSGB.png" alt="Logo SGB" class="sgb-logo-trust me-3"> <!-- Ruta y nombre correctos -->
                <div class="trust-text me-3">
                    <strong>Tu seguridad es importante.</strong> SGB no almacena los datos de tu tarjeta. Los pagos en línea son procesados directamente por plataformas seguras como MercadoPago y Flow.
                </div>
                <i class="bi bi-shield-lock-fill trust-icon ms-auto"></i>
            </div>
            <!-- FIN: Mensaje de Confianza -->
        </div>
        <div class="col-md-8">
            <form method="post" action=""> <!-- Eliminado ID al formulario -->
                <!-- Mantener los datos del plan -->
                            <input type="hidden" name="plan_id" value="<?php echo $plan_id; ?>">
                <input type="hidden" name="puntos_adicionales" value="<?php echo $puntos_adicionales; ?>">
                
                <!-- Eliminados campos ocultos para Mercado Pago -->
                
                <div class="payment-options mb-4">
                    <!-- Opción MercadoPago -->
                    <label class="mb-3">
                        <div class="metodo-pago-card metodo-mercadopago d-flex align-items-center">
                            <input type="radio" name="metodo_pago" value="mercadopago" class="form-check-input me-2">
                            <div class="metodo-pago-icon">
                                <i class="fas fa-star"></i>
                                </div>
                            <div>
                                <h5 class="mb-1">MercadoPago</h5>
                                <p class="mb-0 text-muted">Pague con múltiples métodos a través de MercadoPago</p>
                            </div>
                        </div>
                    </label>
                    <!-- Inicio: Opción de Suscripción para MercadoPago -->
                    <div id="opcion-suscripcion-mp" class="mt-2 ms-4 oculto" style="padding: 8px; background-color: #fffadb; border-radius: 5px; border: 1px dashed #ffd700;">
                         <div class="form-check">
                             <input class="form-check-input" type="checkbox" name="tipo_renovacion_mp" value="automatica" id="checkSuscripcionMP">
                             <label class="form-check-label" for="checkSuscripcionMP" style="font-size: 0.85rem;">
                                 Autorizar cobros mensuales automáticos (Suscripción)
                                 <i class="bi bi-info-circle-fill text-secondary" 
                                    style="cursor: help; font-size: 0.9em;"
                                    data-bs-toggle="tooltip"
                                    title="Se cobrará automáticamente cada mes a la tarjeta que use en este pago. Puede cancelar en cualquier momento.">
                                 </i>
                             </label>
                         </div>
                     </div>
                     <!-- Fin: Opción de Suscripción -->
                    
                    <!-- Flow eliminado - integración no funcional -->
                    
                    <!-- Opción Khipu -->
                    <label class="mb-3">
                        <div class="metodo-pago-card metodo-khipu d-flex align-items-center">
                            <input type="radio" name="metodo_pago" value="khipu" class="form-check-input me-2" checked>
                            <div class="metodo-pago-icon">
                                <i class="fas fa-mobile-alt"></i>
                            </div>
                            <div>
                                <h5 class="mb-1">Khipu</h5>
                                <p class="mb-0 text-muted">Pague con transferencia directa desde su banco a través de Khipu</p>
                            </div>
                        </div>
                    </label>
                    
                    <!-- Opción Transferencia Bancaria -->
                    <label>
                        <div class="metodo-pago-card metodo-transferencia d-flex align-items-center">
                            <input type="radio" name="metodo_pago" value="transferencia" class="form-check-input me-2" <?php echo (isset($_POST['metodo_pago']) && $_POST['metodo_pago'] === 'transferencia') ? 'checked' : ''; ?>>
                            <div class="metodo-pago-icon">
                                <i class="fas fa-university"></i>
            </div>
                            <div>
                                <h5 class="mb-1">Transferencia Bancaria</h5>
                                <p class="mb-0 text-muted">Realice una transferencia bancaria y envíe su comprobante para verificación manual</p>
        </div>
                        </div>
                    </label>
    </div>

            <!-- Eliminado: Contenedor para Mercado Pago Card Payment Brick -->

                <!-- Botones (Ahora justo después de las opciones de pago) -->
                <div class="d-flex justify-content-between my-4">
                    <a href="<?php echo BASE_URL; ?>/negocio/renovar_licencia.php" class="btn btn-volver">
                        <i class="bi bi-arrow-left me-1"></i> Volver
                    </a>
                    <button type="submit" name="procesar" value="1" class="btn btn-procesar btn-lg" id="btn-submit-pago">
                        <i class="bi bi-check-circle me-1"></i> Procesar Pago
                    </button>
                </div>
                
                <!-- Marcador donde irán los datos bancarios -->
                <div id="datos-bancarios-placeholder"></div>

                <!-- Campo oculto para asegurar que se envíe el método de pago -->
                <input type="hidden" name="metodo_pago_confirmado" id="metodo_pago_confirmado" value="">
            </form>
        </div>
        <!-- Podríamos añadir col-md-4 aquí si quisiéramos algo a la derecha en esta fila -->
    </div> <!-- Fin SEGUNDA fila -->
    
    <!-- Elemento de datos bancarios (oculto, fuera del layout inicial) -->
    <div id="datos-bancarios" class="card oculto" style="background-color: #FFF5F5; border-color: #FFD6D6; position: absolute; left: -9999px;">
         <div class="card-header" style="background-color: #FFE6E6; padding: 5px 10px; font-weight: bold; font-size: 0.9rem; color: #CC0000; border-bottom: 1px solid #FFD6D6;">
            Datos para Transferencia
        </div>
        <div class="card-body p-2">
            <table style="width: 100%; border-collapse: collapse; font-size: 0.85rem;">
                <tr>
                    <td style="width: 50%; padding: 3px;">
                        <div><b>Banco:</b></div>
                        <div>Banco de Chile</div>
                    </td>
                    <td style="width: 50%; padding: 3px;">
                        <div><b>Tipo cuenta:</b></div>
                        <div>Cuenta Corriente</div>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 3px;">
                        <div><b>N° cuenta:</b></div>
                        <div>00-169-43666-07</div>
                    </td>
                    <td style="padding: 3px;">
                        <div><b>Nombre:</b></div>
                        <div>SGB ERP SPA</div>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 3px;">
                        <div><b>RUT:</b></div>
                        <div>17.669.023-2</div>
                    </td>
                    <td style="padding: 3px;">
                        <div><b>Email:</b></div>
                        <div>sistemadenegociodebarriosgb@gmail.com</div>
                    </td>
                </tr>
            </table>
            <div style="background-color: #FFEBEE; margin-top: 10px; padding: 15px; border-radius: 5px; text-align: center; font-size: 1.1rem; color: #B71C1C; font-weight: bold;">
                <i class="bi bi-info-circle"></i> <strong>Para activar su cuenta lo más rápido posible:</strong><br>
                <span style="font-size: 1rem; margin-top: 8px; display: block;">• Envíe el comprobante de transferencia al email indicado, incluyendo el RUT de su empresa</span>
                <span style="font-size: 1rem; margin-top: 4px; display: block;">• Favor avisar también por WhatsApp y adjuntar el comprobante</span>
            </div>
        </div>
    </div>

</div> <!-- Fin .content container-fluid -->

<script>
    // Función para abrir WhatsApp y luego enviar el formulario
    function solicitarYNotificar() {
        // Obtener datos necesarios (inyectados desde PHP)
        const negocioRut = '<?php echo addslashes($negocio['rut']); ?>';
        const planNombre = '<?php echo addslashes($plan['nombre']); ?>';
        const montoUF = '<?php echo number_format($precio_total_uf, 2); ?>'; // Usamos el total UF ya calculado
        const numeroAdmin = '56951180040'; // Tu número

        // Construir mensaje
        let texto_wa = "Hola, solicité renovación SGB:\n";
        texto_wa += "RUT: " + negocioRut + "\n";
        texto_wa += "Plan: " + planNombre + "\n";
        texto_wa += "Monto: " + montoUF + " UF";
        // No incluimos PagoID porque aún no existe

        const texto_wa_encoded = encodeURIComponent(texto_wa);
        // Usar el formato de WhatsApp Web como en el proceso de ventas
        const urlWhatsApp = `https://web.whatsapp.com/send?phone=${numeroAdmin}&text=${texto_wa_encoded}`;
        // Eliminar las líneas antiguas
        // const link_wa = `https://wa.me/${numeroAdmin}?text=${texto_wa_encoded}`; // Volver a wa.me
        // const link_wa = `whatsapp://send?phone=${numeroAdmin}&text=${texto_wa_encoded}`; // Comentar o quitar link para app

        // 1. Abrir WhatsApp Web
        window.open(urlWhatsApp, '_blank');
        // Eliminar la línea comentada
        // window.location.href = link_wa; // Esto funciona mejor para whatsapp://

        // 2. Enviar el formulario (esperar un instante breve puede ayudar)
        setTimeout(() => {
             // Asumiendo que solo hay un <form> en esta página para el pago
             const formPago = document.querySelector('form[method="post"]');
             if(formPago) {
                // Asegurarse de que el método de pago correcto se envíe
                const metodoSeleccionado = document.querySelector('input[name="metodo_pago"]:checked');
                if(metodoSeleccionado && metodoSeleccionado.value === 'transferencia') {
                    formPago.submit();
                } else {
                    // Si el método cambió justo antes del clic, no enviar o manejar diferente?
                    // Por ahora, solo enviamos si sigue siendo transferencia
                     console.warn('Método de pago no es transferencia, no se envió formulario automáticamente.');
                     // O podrías enviarlo de todas formas si ese es el flujo deseado
                     // formPago.submit(); 
                }
             } else {
                 console.error('No se encontró el formulario de pago para enviar.');
             }
        }, 500); // Espera 500ms antes de enviar
    }

    // --- Script existente para resaltar opción y mostrar/ocultar datos --- 
    document.addEventListener('DOMContentLoaded', function() {
        const metodoRadios = document.querySelectorAll('input[name="metodo_pago"]');
        const metodoCards = document.querySelectorAll('.metodo-pago-card');
        const datosBancarios = document.getElementById('datos-bancarios');
        const datosBancariosPlaceholder = document.getElementById('datos-bancarios-placeholder');
        const submitButton = document.getElementById('btn-submit-pago');
        const form = document.querySelector('form[method="post"]');
        const metodoConfirmadoInput = document.getElementById('metodo_pago_confirmado');

        function actualizarSeleccion() {
            let isTransferencia = false;
            let isKhipu = false;
            let metodoSeleccionado = '';
            
            metodoCards.forEach(card => card.classList.remove('selected'));

            metodoRadios.forEach(radio => {
                if (radio.checked) {
                    isTransferencia = (radio.value === 'transferencia');
                    isKhipu = (radio.value === 'khipu');
                    metodoSeleccionado = radio.value;
                    radio.closest('.metodo-pago-card').classList.add('selected');
                    console.log('Método seleccionado:', radio.value);
                    
                    // Actualizar campo oculto
                    metodoConfirmadoInput.value = radio.value;
                }
            });

            // Mostrar/ocultar datos bancarios
            if (isTransferencia) {
                datosBancariosPlaceholder.appendChild(datosBancarios);
                datosBancarios.classList.remove('oculto');
                datosBancarios.style.position = 'relative';
                datosBancarios.style.left = 'auto';
            } else {
                datosBancarios.classList.add('oculto');
                if (datosBancariosPlaceholder.contains(datosBancarios)) {
                    document.body.appendChild(datosBancarios);
                    datosBancarios.style.position = 'absolute';
                    datosBancarios.style.left = '-9999px';
                }
            }

            // Actualizar botón de envío
            submitButton.disabled = false;
            submitButton.innerHTML = '<i class="bi bi-check-circle me-1"></i> Procesar Pago';
            submitButton.onclick = null;
            submitButton.setAttribute('type', 'submit');

            if (isTransferencia) {
                submitButton.innerHTML = `<i class="bi bi-whatsapp"></i> Notificar y Solicitar`;
                submitButton.setAttribute('type', 'button');
                submitButton.onclick = solicitarYNotificar;
            } else if (isKhipu) {
                submitButton.innerHTML = `<i class="bi bi-check-circle me-1"></i> Pagar con Khipu`;
                // Para Khipu mantener como tipo submit
            }
        }
        
        // Un solo listener para el envío del formulario
        form.addEventListener('submit', function(event) {
            // Asegurarse de que el método seleccionado esté en el campo oculto
            const selectedMethod = document.querySelector('input[name="metodo_pago"]:checked').value;
            metodoConfirmadoInput.value = selectedMethod;
            
            console.log('Formulario enviado con método:', selectedMethod);
            console.log('Campo oculto valor:', metodoConfirmadoInput.value);
            
            if (selectedMethod === 'transferencia') {
                event.preventDefault();
                solicitarYNotificar();
                return false;
            } else if (selectedMethod === 'khipu') {
                console.log('Procesando pago con Khipu...');
                // Imprimimos los datos que se enviarán
                console.log('Form data:', new FormData(form));
                // Permitir el envío del formulario
                return true;
            } else {
                // Flow y MercadoPago
                console.log('Procesando pago con', selectedMethod);
                return true;
            }
        });

        // Inicializar interfaz en carga
        actualizarSeleccion();

        // Actualizar cuando cambie la selección
        metodoRadios.forEach(radio => {
            radio.addEventListener('change', function() {
                console.log('Cambio de método de pago a:', this.value);
                actualizarSeleccion();
            });
        });
        
        // Debug - Forzar click en Khipu para asegurar que está seleccionado
        const khipuRadio = document.querySelector('input[value="khipu"]');
        if (khipuRadio) {
            khipuRadio.checked = true;
            actualizarSeleccion();
            console.log('Método Khipu seleccionado automáticamente');
        }
        
        // Añadir evento click al botón submit para debug
        submitButton.addEventListener('click', function() {
            console.log('Botón de envío presionado');
            console.log('Método seleccionado:', document.querySelector('input[name="metodo_pago"]:checked').value);
            console.log('Campo oculto:', metodoConfirmadoInput.value);
        });
    });
    
    // --- Inicializar Tooltips de Bootstrap --- 
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
      return new bootstrap.Tooltip(tooltipTriggerEl)
    })
    // --- Fin Inicializar Tooltips ---
</script>

<?php
// Eliminado script SDK de MercadoPago

// Incluir el footer
include_once BASE_PATH . '/includes/footer_unified.php';
?>