#1Credenciales de prueba
#RUTA HOME/INTEGRACIONES/MICREDENCIALES INGRESAR CON nimerce1234@gmail.com
RUTA= https://www.mercadopago.com.pe/settings/account/credentials/sandbox?id=1986528345586854
#USUARIO PRUEBA
EMAIL=test_user_1168665087623090612@testuser.com
USUARIO =TESTUSER1168665087623090612
PASWORD =7XLPh4FAng 
CODE =173207 #NO SE USA
USER_ID=3222173207 #NO SE USA
Public Key= APP_USR-7c541dd9-7819-44d3-81d9-be83f686fbb8 #NO SE USA
Access Token = APP_USR-1792701453139979-022502-c5ee6f25832d1a99bc8296ebcebee35b-3222173207 #NO SE USA

#2 INGRESAR CON USUARIO DE PUEBA ->CONFIGURACION 
#->TUS INTEGRACIONES ->SELECIONA TU APLICACION ->
#->CREDENCIALES DE PRODUCION - EL Public Key PEGA EN JS 
# EL TOKEN PEGA EN PHP

#->ETRA EN TU ALPICACION CON EL USUARIO DE PRUEBA DENTRO DE DEVELOPERS
#->TARGETAS DE PRUEBA

#Mastercard 5031 7557 3453 0604 |  123  |  11/30
#Visa 4009 1753 3280 6176       | 123   | 11/30
#American Express 3711 803032 57522 | 1234 | 11/30

#APRO  | Pago aprobado   |   123456789


// ✅ NUEVAS funciones para mostrar resultado
showPaymentSuccess: function() {
    $('#card-payments').html(`
        <div style="padding: 40px; text-align: center;">
            <h2 style="color: #28a745;">✅ ¡PAGO EXITOSO!</h2>
            <p>ID Pedido: <strong>${window.currentOrderId}</strong></p>
            <button class="buy" onclick="cartModule.downloadInvoice()" style="background: #28a745;">
                📄 Descargar Factura
            </button>
            <button class="buy" onclick="cartModule.continueShopping()">
                🛍️ Continuar comprando
            </button>
        </div>
    `);
    this.clearCart();
},

showPaymentFailed: function() {
    $('#card-payments').html(`
        <div style="padding: 40px; text-align: center;">
            <h2 style="color: #dc3545;">❌ Pago Rechazado</h2>
            <button class="buy" onclick="cartModule.showPaymentOptions('mp')">
                🔄 Intentar otra vez
            </button>
        </div>
    `);
},

downloadInvoice: function() {
    // Tu lógica descarga PDF
    window.open(`${API_BASE}/invoices/${window.currentOrderId}.pdf`);
},


/*
renderPayments: function(containerSelector) {
    const total = this.getTotal().toFixed(2);
    
    const paymentsHtml = `
        <!-- TOTAL -->
        <div class="cart-total-row">
                <div class="total-left">
                    <strong>Total: S/. ${this.getTotal().toFixed(2)}</strong>
                </div>
                <div class="total-right">
                    <button class="buy" onclick="switchView('.featured')">
                        <i class="fa-solid fa-arrow-left"></i> Continuar comprando
                    </button>
                    <!-- Reemplaza tu botón "Continuar comprando" -->

                     <button class="buy" onclick="cartModule.delivery.showCheckout()" style="background: linear-gradient(135deg, #ff006e, #3b0036);">
                    <i class="fa-solid fa-truck"></i> Envío a domicilio
                </button>
                </div>
            </div>

       <!-- ✅ BOTONES GRANDES - ALINEADO DERECHA -->
      
       <div class="payment-buttons-large">

        <button class=" mp-btn" onclick="cartModule.showPaymentOptions('mp',${total})">
            <div class="btn-content">
                <img src="images/mercado.png" alt="Mercado Pago" class="payment-logo">
            </div>
        </button>
        
        <button class=" pay-pal-btn" onclick="cartModule.showPaymentOptions('paypal',${total})">
            <div class="btn-content">
                <img src="images/pp_fc_hl.svg" alt="PayPal" class="payment-logo">
            </div>
        </button>
     </div>
        <!--LOCAL PERÚ -->
            <div class="payment-oters">
                <h4 style="text-align: center; margin: 20px 0 10px 0; color: #3b0036;">
                    <i class="fa-solid fa-wallet"></i> Pago Local (  🇵🇪  Perú) 
                </h4>
                <div class="payment-grid">
                    <!-- YAPE -->
                    <button class="payment-btn yape-btn" onclick="cartModule.payWithYape()">
                        <i class="fab fa-whatsapp"></i>
                        <span>Yape</span>
                        <div class="amount">S/. ${this.getTotal().toFixed(2)}</div>
                    </button>
                    <!-- QR -->
                    <button class="payment-btn qr-btn" onclick="cartModule.payWithQR()">
                        <i class="fa-solid fa-qrcode"></i>
                        <span>QR Pago</span>
                        <div class="amount">S/. ${this.getTotal().toFixed(2)}</div>
                    </button>
                    
                    <!-- EFECTIVO -->
                    <button class="payment-btn cash-btn" onclick="cartModule.payCash()">
                        <i class="fa-solid fa-money-bill-wave"></i>
                        <span>Efectivo</span>
                        <div class="amount">S/. ${this.getTotal().toFixed(2)}</div>
                    </button>

                    <!-- PLIN -->
                    <button class="payment-btn plin-btn" onclick="cartModule.payWithPlin()">
                        <i class="fa-solid fa-mobile"></i>
                        <span>Plin</span>
                        <div class="amount">S/. ${this.getTotal().toFixed(2)}</div>
                    </button>

                </div>
            </div>
    `;
    $(containerSelector).html(paymentsHtml);
      
    return paymentsHtml;
},*/