<?php
//echo "Disculpe la molestia. Estamos realizando tareas de mantenimiento en el sistema. Por favor, intente nuevamente más tarde.";
//exit();

session_start();
require_once 'includes/db.php';

$db = new Database();
$configQuery = $db->query("SELECT * FROM configuracion")->fetch(PDO::FETCH_ASSOC);

// Verificar si el usuario es admin
$isAdmin = false;
if (isset($_SESSION['usuario_id']) && isset($_SESSION['rol']) && $_SESSION['rol'] === 'admin') {
    $isAdmin = true;
}

// Debug de la sesión
echo "<!-- Sesión actual: ";
var_dump($_SESSION);
echo " -->";

if (isset($_SESSION['tipo'])) {  // Cambiado de user_id a tipo
    $tipoUsuario = $_SESSION['tipo'];
    $isAdmin = (strtolower($tipoUsuario) === 'administrador');
    
    // Debug detallado
    echo "<!-- Debug Info:
    Tipo de Usuario en Sesión: " . $tipoUsuario . "
    Es Admin: " . ($isAdmin ? 'true' : 'false') . "
    -->";
    
}

if (!isset($_SESSION['carrito'])) {
    $_SESSION['carrito'] = [];
}

$productos = [];
if (!empty($_SESSION['carrito'])) {
    $ids = array_keys($_SESSION['carrito']);
    $placeholders = str_repeat('?,', count($ids) - 1) . '?';
    $productos = $db->query("
        SELECT p.*, pr.nombre as proveedor 
        FROM productos p
        LEFT JOIN proveedores pr ON p.id_proveedor = pr.id
        WHERE p.id IN ($placeholders)
    ", $ids)->fetchAll(PDO::FETCH_ASSOC);
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
<?php
    // Modo oscuro
    require_once 'includes/dark_mode.php';
    ?>
    <meta name="color-scheme" content="light dark">
    <?php echo getDarkModeStyles(); ?>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Carrito - JKEAS</title>
    <link rel="icon" type="image/x-icon" href="uploads/config/<?php echo $configQuery['favicon']; ?>">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        body {
            font-family: 'Segoe UI', system-ui, sans-serif;
            background: #f5f5f5;
            margin: 0;
            padding: 0;
        }
        .nav-header {
            background: white;
            padding: 15px 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }
        .btn-back {
            text-decoration: none;
            color: #333;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        .cart-container {
            max-width: 1200px;
            margin: 20px auto;
            padding: 20px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .cart-item {
            display: grid;
            grid-template-columns: 100px 1fr 50px;
            gap: 20px;
            padding: 20px;
            border-bottom: 1px solid #eee;
            align-items: start;
            position: relative;
        }
        .cart-item img {
            width: 100px;
            height: 100px;
            object-fit: contain;
        }
        .cart-item-info {
            flex: 1;
            padding-right: 20px;
        }
        .cart-item-info h3 {
            margin: 0;
            font-size: 18px;
            margin-bottom: 10px;
        }
        .cart-item-price {
            font-weight: bold;
            color: #ff2b1c;
        }
        .remove-item {
            color: #ff2b1c;
            cursor: pointer;
            border: none;
            background: none;
            padding: 8px;
            border-radius: 4px;
            transition: all 0.2s ease;
            position: relative;
            right: 0;
            top: 0;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
        }
        .remove-item:hover {
            background-color: #fff0f0;
            color: #dc3545;
        }
        .cart-total {
            text-align: right;
            padding: 20px;
            font-size: 20px;
            font-weight: bold;
        }
        .empty-cart {
            text-align: center;
            padding: 40px;
            color: #666;
        }
        .btn-whatsapp {
            display: inline-block;
            background: #25d366;
            color: white;
            padding: 12px 20px;
            border-radius: 8px;
            text-decoration: none;
            margin-top: 20px;
        }
        .btn-procesar {
            display: inline-block;
            background: #007bff;
            color: white;
            padding: 12px 20px;
            border-radius: 8px;
            text-decoration: none;
            margin-top: 20px;
            cursor: pointer;
        }
        .quantity-control {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 10px;
        }
        .quantity-btn {
            background: #f0f0f0;
            border: none;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            transition: background-color 0.2s;
        }
        .quantity-btn:hover {
            background: #e0e0e0;
        }
        .quantity-input {
            width: 50px;
            text-align: center;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 5px;
            font-size: 14px;
        }
        .subtotal {
            font-size: 14px;
            color: #666;
            margin-top: 5px;
        }
        .price-selector {
            margin: 15px 0;
            background-color: #f0f8ff;
            padding: 15px;
            border-radius: 8px;
            border: 2px solid #007bff;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            display: block;
            width: 100%;
        }
        .price-selector label {
            display: block;
            margin-bottom: 8px;
            color: #0056b3;
            font-weight: bold;
            font-size: 14px;
            text-transform: uppercase;
        }
        .price-select {
            width: 100%;
            padding: 12px;
            border: 2px solid #80bdff;
            border-radius: 6px;
            background-color: #fff;
            font-size: 15px;
            color: #212529;
            cursor: pointer;
            transition: all 0.3s ease;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 1rem center;
            background-size: 1em;
            padding-right: 2.5rem;
        }
        .price-select:hover {
            border-color: #0056b3;
            background-color: #f8f9fa;
        }
        .price-select:focus {
            outline: none;
            border-color: #0056b3;
            box-shadow: 0 0 0 3px rgba(0,123,255,.25);
        }
        .price-select option {
            padding: 10px;
            font-size: 14px;
        }
    </style>
</head>
<body>
    <nav class="nav-header">
        <a href="index.php" class="btn-back">
            <i class="fas fa-arrow-left"></i>
            Volver a la tienda
        </a>
    </nav>

    <div class="cart-container">
        <h1>Carrito de Compras</h1>
        
        <?php 
        // Obtener la URL base dinámicamente
        $protocol = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http';
        $host = $_SERVER['HTTP_HOST'];
        $script_dir = dirname($_SERVER['SCRIPT_NAME']);
        $base_url = $protocol . '://' . $host . $script_dir;
        
        // Asegurarse de que termine con /
        if (substr($base_url, -1) !== '/') {
            $base_url .= '/';
        }
        ?>
        
        <?php if (empty($productos)): ?>
            <div class="empty-cart">
                <p>Tu carrito está vacío</p>
                <a href="index.php" class="btn-back">Continuar comprando</a>
            </div>
        <?php else: ?>
            <?php foreach ($productos as $producto): 
                $imagenes = json_decode($producto['imagenes'], true);
                
                // Si no hay imagen, usar el logo del sistema
                if (!empty($imagenes)) {
                    $imagen = $imagenes[0];
                    $ruta_imagen = "uploads/productos/" . htmlspecialchars($imagen);
                } else {
                    $imagen = $configQuery['logo'];
                    $ruta_imagen = "uploads/config/" . htmlspecialchars($imagen);
                }
                
                // Definir el título del producto
                $titulo = strtoupper(trim($producto['titulo']));
                $unwanted_array = array(
                    'Á'=>'A', 'É'=>'E', 'Í'=>'I', 'Ó'=>'O', 'Ú'=>'U',
                    'á'=>'A', 'é'=>'E', 'í'=>'I', 'ó'=>'O', 'ú'=>'U',
                    'Ä'=>'A', 'Ë'=>'E', 'Ï'=>'I', 'Ö'=>'O', 'Ü'=>'U',
                    'ä'=>'A', 'ë'=>'E', 'ï'=>'I', 'ö'=>'O', 'ü'=>'U',
                    'ñ'=>'Ñ'
                );
                $titulo = strtr($titulo, $unwanted_array);
                
                // Verificar si existe el producto en el carrito y su cantidad
                $cantidad = isset($_SESSION['carrito'][$producto['id']]['cantidad']) ? 
                            $_SESSION['carrito'][$producto['id']]['cantidad'] : 1;
                
                // Calcular precio: usar oferta si existe, sino el precio seleccionado
                $precio_unitario = 0;
                if (isset($_SESSION['carrito'][$producto['id']]['tiene_oferta']) && 
                    $_SESSION['carrito'][$producto['id']]['tiene_oferta'] && 
                    isset($_SESSION['carrito'][$producto['id']]['precio_oferta'])) {
                    $precio_unitario = $_SESSION['carrito'][$producto['id']]['precio_oferta'];
                } else {
                    $precioSeleccionado = $_SESSION['carrito'][$producto['id']]['precio_seleccionado'] ?? 'precio_venta1';
                    $precio_unitario = $producto[$precioSeleccionado];
                }
                
                $subtotal = $precio_unitario * $cantidad;
            ?>
                <div class="cart-item">
                    <img src="<?= $ruta_imagen ?>" 
                         alt="<?= htmlspecialchars($titulo) ?>"
                         onerror="this.src='uploads/config/<?= htmlspecialchars($configQuery['logo']) ?>'">
                    <div class="cart-item-info">
                        <?php
                        $titulo = strtoupper(trim($producto['titulo']));
                        $unwanted_array = array(
                            'Á'=>'A', 'É'=>'E', 'Í'=>'I', 'Ó'=>'O', 'Ú'=>'U',
                            'á'=>'A', 'é'=>'E', 'í'=>'I', 'ó'=>'O', 'ú'=>'U',
                            'Ä'=>'A', 'Ë'=>'E', 'Ï'=>'I', 'Ö'=>'O', 'Ü'=>'U',
                            'ä'=>'A', 'ë'=>'E', 'ï'=>'I', 'ö'=>'O', 'ü'=>'U',
                            'ñ'=>'Ñ'
                        );
                        $titulo = strtr($titulo, $unwanted_array);
                        ?>
                        <h3><?= htmlspecialchars($titulo) ?></h3>
                        <?php
                        // Debug de variables importantes
                        if ($isAdmin): ?>
                            <div class="price-selector">
                                <label for="price_select_<?= $producto['id'] ?>">
                                    <i class="fas fa-tags"></i> Seleccionar precio:
                                </label>
                                <select id="price_select_<?= $producto['id'] ?>" 
                                        onchange="cambiarPrecio(<?= $producto['id'] ?>, this.value)" 
                                        class="price-select">
                                    <?php if (isset($_SESSION['carrito'][$producto['id']]['tiene_oferta']) && 
                                              $_SESSION['carrito'][$producto['id']]['tiene_oferta'] && 
                                              !empty($producto['oferta']) && $producto['oferta'] > 0): ?>
                                        <option value="precio_oferta" <?= (isset($_SESSION['carrito'][$producto['id']]['tiene_oferta']) && $_SESSION['carrito'][$producto['id']]['tiene_oferta']) ? 'selected' : '' ?>>
                                            OFERTA: <?= $configQuery['moneda'] ?? 'Gs.' ?> <?= number_format((float)$producto['oferta'], 0, ',', '.') ?>
                                        </option>
                                    <?php endif; ?>
                                    <option value="precio_venta1" <?= (($_SESSION['carrito'][$producto['id']]['precio_seleccionado'] ?? '') === 'precio_venta1' && 
                                                                        !(isset($_SESSION['carrito'][$producto['id']]['tiene_oferta']) && $_SESSION['carrito'][$producto['id']]['tiene_oferta'])) ? 'selected' : '' ?>>
                                        Precio 1: <?= $configQuery['moneda'] ?? 'Gs.' ?> <?= number_format((float)$producto['precio_venta1'], 0, ',', '.') ?>
                                    </option>
                                    <option value="precio_venta2" <?= ($_SESSION['carrito'][$producto['id']]['precio_seleccionado'] ?? '') === 'precio_venta2' ? 'selected' : '' ?>>
                                        Precio 2: <?= $configQuery['moneda'] ?? 'Gs.' ?> <?= number_format((float)$producto['precio_venta2'], 0, ',', '.') ?>
                                    </option>
                                    <option value="precio_venta3" <?= ($_SESSION['carrito'][$producto['id']]['precio_seleccionado'] ?? '') === 'precio_venta3' ? 'selected' : '' ?>>
                                        Precio 3: <?= $configQuery['moneda'] ?? 'Gs.' ?> <?= number_format((float)$producto['precio_venta3'], 0, ',', '.') ?>
                                    </option>
                                </select>
                                <p class="price-info" style="margin-top: 5px; font-size: 12px; color: #666;">
                                    Precio actual: <?= $configQuery['moneda'] ?? 'Gs.' ?> <?= number_format((float)$producto[$_SESSION['carrito'][$producto['id']]['precio_seleccionado'] ?? 'precio_venta1'], 0, ',', '.') ?>
                                </p>
                            </div>
                        <?php else: ?>
                            <p class="cart-item-price">
                                <?php 
                                // Mostrar precio de oferta si existe, sino el precio normal
                                if (isset($_SESSION['carrito'][$producto['id']]['tiene_oferta']) && 
                                    $_SESSION['carrito'][$producto['id']]['tiene_oferta'] && 
                                    isset($_SESSION['carrito'][$producto['id']]['precio_oferta'])) {
                                    $precio_actual = $_SESSION['carrito'][$producto['id']]['precio_oferta'];
                                    echo '<span style="color: #dc3545; font-weight: bold;">¡OFERTA!</span><br>';
                                    if (!empty($producto['precio_venta1'])) {
                                        echo '<span style="text-decoration: line-through; color: #999; font-size: 14px;">';
                                        echo ($configQuery['moneda'] ?? 'Gs.') . ' ' . number_format((float)$producto['precio_venta1'], 0, ',', '.');
                                        echo '</span><br>';
                                    }
                                } else {
                                    $precio_actual = isset($_SESSION['carrito'][$producto['id']]['precio_seleccionado']) ? 
                                        $producto[$_SESSION['carrito'][$producto['id']]['precio_seleccionado']] : 
                                        $producto['precio_venta1'];
                                }
                                ?>
                                <?= $configQuery['moneda'] ?? 'Gs.' ?> <?= number_format((float)$precio_actual, 0, ',', '.') ?>
                            </p>
                        <?php endif; ?>
                        <div class="quantity-control">
                            <button type="button" class="quantity-btn" 
                                    onclick="updateQuantity(<?= $producto['id'] ?>, 'decrease')">-</button>
                            <input type="number" class="quantity-input" 
                                   value="<?= $cantidad ?>" min="1" max="99"
                                   onchange="updateQuantity(<?= $producto['id'] ?>, 'set', this.value)">
                            <button type="button" class="quantity-btn" 
                                    onclick="updateQuantity(<?= $producto['id'] ?>, 'increase')">+</button>
                        </div>
                        <p class="subtotal">Subtotal: <?= $configQuery['moneda'] ?? 'Gs.' ?> <?= number_format($subtotal, 0, ',', '.') ?></p>
                    </div>
                    <div class="remove-button-container" style="display: flex; justify-content: center;">
                        <form action="actualizar_carrito.php" method="post" style="margin: 0;">
                            <input type="hidden" name="action" value="remove">
                            <input type="hidden" name="id" value="<?= $producto['id'] ?>">
                            <button type="submit" class="remove-item" title="Eliminar producto">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    </div>
                </div>
            <?php endforeach; ?>

            <?php 
            $moneda = $configQuery['moneda'] ?? 'Gs.';
            $total = array_reduce($productos, function($carry, $producto) {
                $cantidad = isset($_SESSION['carrito'][$producto['id']]['cantidad']) ? 
                            $_SESSION['carrito'][$producto['id']]['cantidad'] : 1;
                
                // Usar precio de oferta si existe, sino el precio seleccionado
                $precio_unitario = 0;
                if (isset($_SESSION['carrito'][$producto['id']]['tiene_oferta']) && 
                    $_SESSION['carrito'][$producto['id']]['tiene_oferta'] && 
                    isset($_SESSION['carrito'][$producto['id']]['precio_oferta'])) {
                    $precio_unitario = $_SESSION['carrito'][$producto['id']]['precio_oferta'];
                } else {
                    $precioSeleccionado = $_SESSION['carrito'][$producto['id']]['precio_seleccionado'] ?? 'precio_venta1';
                    $precio_unitario = $producto[$precioSeleccionado];
                }
                
                return $carry + ($precio_unitario * $cantidad);
            }, 0);
            ?>

            <div class="cart-total">
                Total: <?= $moneda ?> <?= number_format($total, 0, ',', '.') ?>
            </div>

            <div style="text-align: center; margin-top: 20px;">
                <?php
                $mensaje = "Hola, me interesan estos productos:\n\n";
                foreach ($productos as $producto) {
                    $cantidad = $_SESSION['carrito'][$producto['id']]['cantidad'];
                    
                    // Usar precio de oferta si existe, sino el precio normal
                    $precio_unitario = 0;
                    if (isset($_SESSION['carrito'][$producto['id']]['tiene_oferta']) && 
                        $_SESSION['carrito'][$producto['id']]['tiene_oferta'] && 
                        isset($_SESSION['carrito'][$producto['id']]['precio_oferta'])) {
                        $precio_unitario = $_SESSION['carrito'][$producto['id']]['precio_oferta'];
                    } else {
                        $precioSeleccionado = $_SESSION['carrito'][$producto['id']]['precio_seleccionado'] ?? 'precio_venta1';
                        $precio_unitario = $producto[$precioSeleccionado];
                    }
                    
                    $subtotal = $precio_unitario * $cantidad;
                    $cantidadTexto = $cantidad > 1 ? "$cantidad " : "1 ";
                    
                    // Limpiar título para WhatsApp
                    $titulo_producto = strtoupper(trim($producto['titulo']));
                    $unwanted_array = array(
                        'Á'=>'A', 'É'=>'E', 'Í'=>'I', 'Ó'=>'O', 'Ú'=>'U',
                        'á'=>'A', 'é'=>'E', 'í'=>'I', 'ó'=>'O', 'ú'=>'U',
                        'Ä'=>'A', 'Ë'=>'E', 'Ï'=>'I', 'Ö'=>'O', 'Ü'=>'U',
                        'ä'=>'A', 'ë'=>'E', 'ï'=>'I', 'ö'=>'O', 'ü'=>'U',
                        'ñ'=>'Ñ'
                    );
                    $titulo_producto = strtr($titulo_producto, $unwanted_array);
                    
                    $mensaje .= "$cantidadTexto" . $titulo_producto . "\n";
                    
                    // Mostrar si es precio de oferta en el mensaje
                    if (isset($_SESSION['carrito'][$producto['id']]['tiene_oferta']) && 
                        $_SESSION['carrito'][$producto['id']]['tiene_oferta']) {
                        $mensaje .= "🔥 PRECIO OFERTA: ";
                    }
                    
                    $mensaje .= $moneda . " " . number_format($subtotal, 0, ',', '.') . "\n\n";
                }
                $mensaje .= "Total: " . $moneda . " " . number_format($total, 0, ',', '.');
                ?>
                
                <?php if (isset($_SESSION['error_pagopar'])): ?>
                    <div style="background: #f8d7da; color: #721c24; padding: 12px; border-radius: 8px; margin-bottom: 15px;">
                        <i class="fas fa-exclamation-circle"></i>
                        <?= htmlspecialchars($_SESSION['error_pagopar']) ?>
                    </div>
                    <?php unset($_SESSION['error_pagopar']); ?>
                <?php endif; ?>
                
                <!-- Botón de Pagar con Pagopar - Solo visible para usuarios logueados -->
                <?php //if (isset($_SESSION['usuario_id']) || isset($_SESSION['tipo'])): ?>
                    <a href="iniciar_pago_pagopar.php" 
                       class="btn-procesar" 
                       style="background: #00a650; margin-right: 10px;">
                        <i class="fas fa-credit-card"></i>
                        Pagar con Pagopar
                    </a>
                <?php //endif; ?>
                
                <a href="https://wa.me/<?= preg_replace('/[^0-9]/', '', $configQuery['whatsapp']); ?>?text=<?= urlencode($mensaje) ?>" 
                   class="btn-whatsapp" 
                   target="_blank"
                   onclick="vaciarCarrito()">
                    <i class="fab fa-whatsapp"></i>
                    Enviar pedido
                </a>
                <a href="form_presupuesto.php" 
                   class="btn-procesar" 
                   style="margin-left: 10px;">
                    <i class="fas fa-file-pdf"></i>
                    Crear presupuesto
                </a>
                <button onclick="vaciarCarritoManual()" 
                   class="btn-procesar" 
                   style="margin-left: 10px; background: #dc3545;">
                    <i class="fas fa-trash"></i>
                    Vaciar carrito
                </button>
            </div>
        <?php endif; ?>
    </div>

    <script>
    function updateQuantity(productId, action, value = null) {
        let form = document.createElement('form');
        form.method = 'POST';
        form.action = 'actualizar_carrito.php';

        let actionInput = document.createElement('input');
        actionInput.type = 'hidden';
        actionInput.name = 'action';
        actionInput.value = 'update';
        form.appendChild(actionInput);

        let idInput = document.createElement('input');
        idInput.type = 'hidden';
        idInput.name = 'id';
        idInput.value = productId;
        form.appendChild(idInput);

        let quantityInput = document.createElement('input');
        quantityInput.type = 'hidden';
        quantityInput.name = 'cantidad';

        let currentQuantity = parseInt(document.querySelector(`input[onchange*="${productId}"]`).value);

        switch(action) {
            case 'increase':
                quantityInput.value = currentQuantity + 1;
                break;
            case 'decrease':
                quantityInput.value = Math.max(currentQuantity - 1, 0);
                break;
            case 'set':
                quantityInput.value = parseInt(value) || 1;
                break;
        }

        form.appendChild(quantityInput);
        document.body.appendChild(form);
        form.submit();
    }

    function cambiarPrecio(productId, tipoPrecio) {
        const formData = new FormData();
        formData.append('action', 'update_price');
        formData.append('id', productId);
        formData.append('precio_seleccionado', tipoPrecio);
        
        fetch('actualizar_carrito.php', {
            method: 'POST',
            body: formData
        })
        .then(() => {
            window.location.reload();
        })
        .catch(error => {
            console.error('Error al cambiar precio:', error);
        });
    }

    function vaciarCarritoManual() {
        if (confirm('¿Está seguro que desea vaciar el carrito?')) {
            const clearFormData = new FormData();
            clearFormData.append('action', 'clear');
            
            fetch('actualizar_carrito.php', {
                method: 'POST',
                body: clearFormData
            }).then(() => {
                window.location.reload();
            });
        }
    }

    function vaciarCarrito() {
        // Prevenir que el botón de WhatsApp original se abra
        const btnWhatsapp = document.querySelector('.btn-whatsapp');
        if (btnWhatsapp) {
            btnWhatsapp.removeAttribute('href');
            btnWhatsapp.style.pointerEvents = 'none';
        }

        fetch('guardar_pedido.php', {
            method: 'POST',
            headers: {
                'Accept': 'application/json'
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                console.log('Pedido guardado:', data);
                
                // Limpiar carrito
                const clearFormData = new FormData();
                clearFormData.append('action', 'clear');
                
                return fetch('actualizar_carrito.php', {
                    method: 'POST',
                    body: clearFormData
                }).then(() => {
                    const telefono = '<?php echo preg_replace("/[^0-9]/", "", $configQuery["whatsapp"]); ?>';
                    const whatsappUrl = `https://api.whatsapp.com/send?phone=${telefono}&text=${encodeURIComponent(data.whatsapp_message)}`;
                    
                    console.log('Enviando mensaje WhatsApp...');
                    window.open(whatsappUrl, '_blank');
                    
                    setTimeout(() => {
                        window.location.href = 'index.php';
                    }, 1000);
                });
            } else {
                throw new Error(data.error || 'Error al guardar el pedido');
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error al procesar el pedido: ' + error.message);
            
            // Restaurar botón de WhatsApp en caso de error
            if (btnWhatsapp) {
                btnWhatsapp.style.pointerEvents = 'auto';
            }
        });

        // Prevenir comportamiento predeterminado
        return false;
    }
    </script>
    
    <!-- Banner de Métodos de Pago -->
    <?php include 'includes/payment_methods_banner.php'; ?>
</body>
</html>