/**
 * Express Buy Frontend Scripts - Complete Rewrite
 * Features: Quantity management, Variants, Shipping zones, Coupons, Dynamic pricing
 */

(function($) {
    'use strict';

    const ExpressBuy = {
        modal: null,
        currentProduct: null,
        currentQuantity: 1,
        selectedVariation: null,
        selectedShipping: null,
        appliedCoupon: null,
        basePrice: 0,
        shippingCost: 0,
        discount: 0,

        /**
         * Initialize
         */
        init: function() {
            this.createModal();
            this.bindEvents();
        },

        /**
         * Create modal HTML
         */
        createModal: function() {
            const formType = expressBuyData.form_type || 'minimal';
            const showShipping = expressBuyData.show_shipping;
            const showCoupons = expressBuyData.show_coupons;
            const configuredGateways = expressBuyData.configured_gateways || [];

            // Build form fields based on form type
            let formFields = '';
            
            if (formType === 'minimal') {
                formFields = `
                    <div class="express-buy-form-group">
                        <label for="eb-customer-phone">WhatsApp Number *</label>
                        <input type="tel" id="eb-customer-phone" name="customer_phone" required placeholder="+234...">
                        <p class="description">After payment, we'll send your receipt and request delivery details via WhatsApp</p>
                    </div>
                `;
            } else {
                formFields = `
                    <div class="express-buy-form-group">
                        <label for="eb-customer-name">Full Name *</label>
                        <input type="text" id="eb-customer-name" name="customer_name" required placeholder="John Doe">
                    </div>
                    
                    <div class="express-buy-form-group">
                        <label for="eb-customer-email">Email Address *</label>
                        <input type="email" id="eb-customer-email" name="customer_email" required placeholder="john@example.com">
                    </div>
                    
                    <div class="express-buy-form-group">
                        <label for="eb-customer-phone">Phone Number *</label>
                        <input type="tel" id="eb-customer-phone" name="customer_phone" required placeholder="+234...">
                    </div>
                    
                    <div class="express-buy-form-group">
                        <label for="eb-customer-address">Delivery Address *</label>
                        <textarea id="eb-customer-address" name="customer_address" rows="3" required placeholder="Enter your full delivery address"></textarea>
                    </div>
                `;
            }

            // Build gateway options (only show configured ones)
            let gatewayHTML = '';
            if (configuredGateways.length > 0) {
                configuredGateways.forEach((gateway, index) => {
                    const activeClass = index === 0 ? 'active' : '';
                    gatewayHTML += `
                        <div class="express-buy-gateway ${activeClass}" data-gateway="${gateway.id}" data-public-key="${gateway.public_key}">
                            <div class="express-buy-gateway-name">${gateway.name}</div>
                        </div>
                    `;
                });
            } else {
                gatewayHTML = '<p style="color: #dc2626;">No payment gateways configured. Please contact the site administrator.</p>';
            }

            const modalHTML = `
                <div class="express-buy-modal" id="express-buy-modal">
                    <div class="express-buy-modal-content">
                        <div class="express-buy-modal-header">
                            <h3>
                                <span class="eb-icon">⚡</span>
                                Express Checkout
                            </h3>
                            <button type="button" class="express-buy-modal-close">&times;</button>
                        </div>
                        <div class="express-buy-modal-body">
                            <div id="express-buy-messages"></div>
                            
                            <div class="express-buy-product-info">
                                <div class="express-buy-product-image">
                                    <img id="eb-product-image" src="" alt="Product">
                                </div>
                                <div class="express-buy-product-details">
                                    <h4 id="eb-product-name"></h4>
                                    <div class="express-buy-product-price" id="eb-product-price"></div>
                                </div>
                            </div>
                            
                            <form id="express-buy-form" class="express-buy-form">
                                <!-- Quantity Controls -->
                                <div class="express-buy-form-group" id="eb-quantity-container">
                                    <label>Quantity</label>
                                    <div class="express-buy-quantity-control">
                                        <button type="button" class="eb-qty-btn eb-qty-minus">−</button>
                                        <input type="number" id="eb-quantity" name="quantity" value="1" min="1" max="999" readonly>
                                        <button type="button" class="eb-qty-btn eb-qty-plus">+</button>
                                    </div>
                                </div>

                                <!-- Product Variations (if applicable) -->
                                <div id="eb-variations-container" class="express-buy-form-group" style="display: none;">
                                    <label>Select Options</label>
                                    <div id="eb-variations"></div>
                                </div>

                                ${formFields}
                                
                                <!-- Shipping Zones (if enabled) -->
                                ${showShipping ? `
                                <div class="express-buy-form-group" id="eb-shipping-container">
                                    <label>Delivery Location</label>
                                    <div class="express-buy-shipping-zones" id="eb-shipping-zones"></div>
                                </div>
                                ` : ''}

                                <!-- Coupon Code (if enabled) -->
                                ${showCoupons ? `
                                <div class="express-buy-form-group">
                                    <label for="eb-coupon-code">Have a coupon code?</label>
                                    <div class="express-buy-coupon-control">
                                        <input type="text" id="eb-coupon-code" name="coupon_code" placeholder="Enter code">
                                        <button type="button" class="button eb-apply-coupon">Apply</button>
                                    </div>
                                    <div id="eb-coupon-message" style="margin-top: 8px; font-size: 13px;"></div>
                                </div>
                                ` : ''}

                                <!-- Price Breakdown -->
                                <div class="express-buy-price-breakdown">
                                    <div class="eb-price-row">
                                        <span>Subtotal:</span>
                                        <span id="eb-subtotal">$0.00</span>
                                    </div>
                                    ${showShipping ? `
                                    <div class="eb-price-row" id="eb-shipping-row" style="display: none;">
                                        <span>Shipping:</span>
                                        <span id="eb-shipping-cost">$0.00</span>
                                    </div>
                                    ` : ''}
                                    ${showCoupons ? `
                                    <div class="eb-price-row" id="eb-discount-row" style="display: none;">
                                        <span>Discount:</span>
                                        <span id="eb-discount" style="color: #00d084;">-$0.00</span>
                                    </div>
                                    ` : ''}
                                    <div class="eb-price-row eb-price-total">
                                        <span>Total:</span>
                                        <span id="eb-total-price">$0.00</span>
                                    </div>
                                </div>

                                <!-- Payment Gateway Selection -->
                                <div class="express-buy-form-group">
                                    <label>Select Payment Method</label>
                                    <div class="express-buy-gateways">
                                        ${gatewayHTML}
                                    </div>
                                </div>
                                
                                <input type="hidden" id="eb-product-id" name="product_id">
                                <input type="hidden" id="eb-variation-id" name="variation_id">
                                <input type="hidden" id="eb-selected-gateway" name="gateway" value="${configuredGateways.length > 0 ? configuredGateways[0].id : ''}">
                                <input type="hidden" id="eb-gateway-public-key" name="gateway_public_key" value="${configuredGateways.length > 0 ? configuredGateways[0].public_key : ''}">
                                <input type="hidden" id="eb-shipping-zone" name="shipping_zone">
                                <input type="hidden" id="eb-applied-coupon" name="applied_coupon">
                                <input type="hidden" id="eb-is-cart" name="is_cart" value="0">
                                <input type="hidden" id="eb-cart-items" name="cart_items" value="">
                                
                                <button type="submit" class="express-buy-submit" ${configuredGateways.length === 0 ? 'disabled' : ''}>
                                    <span class="eb-icon">⚡</span>
                                    <span>Complete Purchase</span>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            `;
            
            $('body').append(modalHTML);
            this.modal = $('#express-buy-modal');
        },

        /**
         * Bind all events
         */
        bindEvents: function() {
            const self = this;

            // Open modal when Express Buy button clicked
            $(document).on('click', '.express-buy-button', function(e) {
                e.preventDefault();
                
                const $btn = $(this);
                
                // Check if it's from cart or single product
                if ($btn.hasClass('express-buy-cart') || $btn.hasClass('express-buy-checkout')) {
                    self.openModalForCart($btn);
                } else {
                    // Get initial quantity from product page
                    const initialQty = $('input.qty').val() || 1;
                    
                    const productData = {
                        id: $btn.data('product-id'),
                        name: $btn.data('product-name'),
                        price: $btn.data('product-price'),
                        type: $btn.data('product-type'),
                        variations: $btn.data('variations') || [],
                        image: $btn.data('product-image') || 
                               $btn.closest('.product').find('img').first().attr('src') || 
                               $('.woocommerce-product-gallery__image img').first().attr('src') || ''
                    };
                    
                    self.openModal(productData, parseInt(initialQty));
                }
            });

            // Close modal
            $(document).on('click', '.express-buy-modal-close, .express-buy-modal', function(e) {
                if (e.target === this) {
                    self.closeModal();
                }
            });

            // Quantity controls
            $(document).on('click', '.eb-qty-plus', function() {
                self.increaseQuantity();
            });

            $(document).on('click', '.eb-qty-minus', function() {
                self.decreaseQuantity();
            });

            // Gateway selection
            $(document).on('click', '.express-buy-gateway', function() {
                $('.express-buy-gateway').removeClass('active');
                $(this).addClass('active');
                $('#eb-selected-gateway').val($(this).data('gateway'));
                $('#eb-gateway-public-key').val($(this).data('public-key'));
            });

            // Shipping zone selection
            $(document).on('click', '.eb-shipping-option', function() {
                $('.eb-shipping-option').removeClass('active');
                $(this).addClass('active');
                
                const shippingCost = parseFloat($(this).data('cost')) || 0;
                const zoneId = $(this).data('zone-id');
                
                self.selectedShipping = { zoneId, cost: shippingCost };
                $('#eb-shipping-zone').val(zoneId);
                
                self.updatePricing();
            });

            // Coupon application
            $(document).on('click', '.eb-apply-coupon', function() {
                self.applyCoupon();
            });

            // Variation selection
            $(document).on('change', '.eb-variation-select', function() {
                self.handleVariationChange();
            });

            // Form submission
            $(document).on('submit', '#express-buy-form', function(e) {
                e.preventDefault();
                self.processPayment($(this));
            });

            // Close on ESC key
            $(document).on('keydown', function(e) {
                if (e.key === 'Escape' && self.modal.hasClass('active')) {
                    self.closeModal();
                }
            });
        },

        /**
         * Open modal for cart items
         */
        openModalForCart: function() {
            // For now, use first cart item (you can expand this later)
            const firstProduct = {
                id: 0, // Will handle cart differently
                name: 'Cart Items',
                price: expressBuyData.cart_total || 0,
                image: '',
                isCart: true
            };
            
            this.openModal(firstProduct, 1);
        },

        /**
         * Open modal with product info
         */
        openModal: function(product, quantity = 1) {
            this.currentProduct = product;
            this.currentQuantity = quantity;
            this.basePrice = parseFloat(product.price);
            this.selectedVariation = null;
            this.selectedShipping = null;
            this.appliedCoupon = null;
            this.shippingCost = 0;
            this.discount = 0;
            
            // Populate product info
            $('#eb-product-name').text(product.name);
            $('#eb-product-id').val(product.id);
            $('#eb-quantity').val(quantity);
            
            if (product.image) {
                $('#eb-product-image').attr('src', product.image).show();
            } else {
                $('#eb-product-image').hide();
            }
            
            // Handle variations
            if (product.variations && product.variations.length > 0) {
                this.renderVariations(product.variations);
            } else {
                $('#eb-variations-container').hide();
            }
            
            // Render shipping zones
            if (expressBuyData.show_shipping && expressBuyData.shipping_zones) {
                this.renderShippingZones(expressBuyData.shipping_zones);
            }
            
            // Update pricing
            this.updatePricing();
            
            // Clear form and messages
            $('#express-buy-form')[0].reset();
            $('#eb-quantity').val(quantity);
            $('#express-buy-messages').empty();
            $('#eb-coupon-message').empty();
            
            // Show modal
            this.modal.addClass('active');
            $('body').css('overflow', 'hidden');
        },

        /**
         * Close modal
         */
        closeModal: function() {
            this.modal.removeClass('active');
            $('body').css('overflow', '');
            this.currentProduct = null;
        },

        /**
         * Render product variations
         */
        renderVariations: function(variations) {
            if (!variations || variations.length === 0) {
                $('#eb-variations-container').hide();
                return;
            }

            // Get unique attributes
            const attributes = {};
            variations.forEach(v => {
                Object.keys(v.attributes).forEach(attr => {
                    if (!attributes[attr]) {
                        attributes[attr] = new Set();
                    }
                    attributes[attr].add(v.attributes[attr]);
                });
            });

            let html = '';
            Object.keys(attributes).forEach(attr => {
                const attrName = attr.replace('attribute_', '').replace('pa_', '');
                html += `<label>${attrName}</label><select class="eb-variation-select" data-attribute="${attr}"><option value="">Choose ${attrName}</option>`;
                
                attributes[attr].forEach(value => {
                    html += `<option value="${value}">${value}</option>`;
                });
                
                html += '</select>';
            });

            $('#eb-variations').html(html);
            $('#eb-variations-container').show();
        },

        /**
         * Handle variation selection
         */
        handleVariationChange: function() {
            const selectedAttrs = {};
            $('.eb-variation-select').each(function() {
                const attr = $(this).data('attribute');
                const value = $(this).val();
                if (value) {
                    selectedAttrs[attr] = value;
                }
            });

            // Find matching variation
            const variations = this.currentProduct.variations;
            const matchedVariation = variations.find(v => {
                return Object.keys(selectedAttrs).every(attr => {
                    return v.attributes[attr] === selectedAttrs[attr];
                });
            });

            if (matchedVariation) {
                this.selectedVariation = matchedVariation;
                this.basePrice = parseFloat(matchedVariation.price);
                $('#eb-variation-id').val(matchedVariation.variation_id);
                this.updatePricing();
            }
        },

        /**
         * Render shipping zones
         */
        renderShippingZones: function(zones) {
            if (!zones || zones.length === 0) {
                $('#eb-shipping-container').hide();
                return;
            }

            let html = '';
            zones.forEach(zone => {
                if (zone.methods && zone.methods.length > 0) {
                    zone.methods.forEach(method => {
                        const cost = parseFloat(method.cost) || 0;
                        html += `
                            <div class="eb-shipping-option" data-zone-id="${zone.id}" data-cost="${cost}">
                                <div class="eb-shipping-name">${zone.name}</div>
                                <div class="eb-shipping-cost">${expressBuyData.currency_symbol}${cost.toFixed(2)}</div>
                            </div>
                        `;
                    });
                }
            });

            $('#eb-shipping-zones').html(html);
            $('#eb-shipping-container').show();
        },

        /**
         * Increase quantity
         */
        increaseQuantity: function() {
            this.currentQuantity++;
            $('#eb-quantity').val(this.currentQuantity);
            this.updatePricing();
        },

        /**
         * Decrease quantity
         */
        decreaseQuantity: function() {
            if (this.currentQuantity > 1) {
                this.currentQuantity--;
                $('#eb-quantity').val(this.currentQuantity);
                this.updatePricing();
            }
        },

        /**
         * Apply coupon code
         */
        applyCoupon: function() {
            const self = this;
            const couponCode = $('#eb-coupon-code').val().trim();
            
            if (!couponCode) {
                this.showCouponMessage('Please enter a coupon code', 'error');
                return;
            }

            // AJAX request to validate coupon
            $.ajax({
                url: expressBuyData.ajax_url,
                type: 'POST',
                data: {
                    action: 'express_buy_validate_coupon',
                    nonce: expressBuyData.nonce,
                    coupon_code: couponCode,
                    product_id: this.currentProduct.id,
                    subtotal: this.basePrice * this.currentQuantity
                },
                success: function(response) {
                    if (response.success) {
                        self.appliedCoupon = response.data;
                        self.discount = parseFloat(response.data.discount);
                        $('#eb-applied-coupon').val(couponCode);
                        self.showCouponMessage(`Coupon applied! You saved ${expressBuyData.currency_symbol}${self.discount.toFixed(2)}`, 'success');
                        self.updatePricing();
                    } else {
                        self.showCouponMessage(response.data.message || 'Invalid coupon code', 'error');
                    }
                },
                error: function() {
                    self.showCouponMessage('Error validating coupon', 'error');
                }
            });
        },

        /**
         * Show coupon message
         */
        showCouponMessage: function(message, type) {
            const className = type === 'error' ? 'eb-error-text' : 'eb-success-text';
            $('#eb-coupon-message').html(`<span class="${className}">${message}</span>`);
        },

        /**
         * Update all pricing calculations
         */
        updatePricing: function() {
            const subtotal = this.basePrice * this.currentQuantity;
            const shipping = this.selectedShipping ? this.selectedShipping.cost : 0;
            const discount = this.discount;
            const total = subtotal + shipping - discount;

            // Update display
            $('#eb-product-price').text(expressBuyData.currency_symbol + this.basePrice.toFixed(2));
            $('#eb-subtotal').text(expressBuyData.currency_symbol + subtotal.toFixed(2));
            
            if (shipping > 0) {
                $('#eb-shipping-cost').text(expressBuyData.currency_symbol + shipping.toFixed(2));
                $('#eb-shipping-row').show();
            } else {
                $('#eb-shipping-row').hide();
            }

            if (discount > 0) {
                $('#eb-discount').text('-' + expressBuyData.currency_symbol + discount.toFixed(2));
                $('#eb-discount-row').show();
            } else {
                $('#eb-discount-row').hide();
            }

            $('#eb-total-price').text(expressBuyData.currency_symbol + total.toFixed(2));

            // Store for payment processing
            this.shippingCost = shipping;
        },

        /**
         * Show message
         */
        showMessage: function(message, type) {
            const className = type === 'error' ? 'express-buy-error' : 'express-buy-success';
            const html = `<div class="${className}">${message}</div>`;
            $('#express-buy-messages').html(html);
            
            $('.express-buy-modal-content').animate({ scrollTop: 0 }, 300);
        },

        /**
         * Process payment
         */
        processPayment: function($form) {
            const self = this;
            const $submitBtn = $form.find('.express-buy-submit');
            const originalBtnText = $submitBtn.html();
            
            // Disable button
            $submitBtn.prop('disabled', true).html('<span class="eb-icon">⚡</span> Processing...');
            
            // Clear messages
            $('#express-buy-messages').empty();
            
            // Get form data
            const formData = {
                action: 'express_buy_process_payment',
                nonce: expressBuyData.nonce,
                product_id: $('#eb-product-id').val(),
                variation_id: $('#eb-variation-id').val(),
                quantity: this.currentQuantity,
                customer_phone: $('#eb-customer-phone').val(),
                gateway: $('#eb-selected-gateway').val(),
                shipping_zone: $('#eb-shipping-zone').val(),
                shipping_cost: this.shippingCost,
                coupon_code: $('#eb-applied-coupon').val(),
                discount: this.discount,
                form_type: expressBuyData.form_type,
                is_cart: $('#eb-is-cart').val(),
                cart_items: $('#eb-cart-items').val()
            };

            // Add full form fields if applicable
            if (expressBuyData.form_type === 'full') {
                formData.customer_name = $('#eb-customer-name').val();
                formData.customer_email = $('#eb-customer-email').val();
                formData.customer_address = $('#eb-customer-address').val();
            }
            
            // AJAX request
            $.ajax({
                url: expressBuyData.ajax_url,
                type: 'POST',
                data: formData,
                success: function(response) {
                    if (response.success) {
                        self.showMessage('Order created successfully! Initializing payment...', 'success');
                        
                        // Get gateway and public key
                        const gateway = $('#eb-selected-gateway').val();
                        const publicKey = $('#eb-gateway-public-key').val();
                        const orderData = response.data;
                        
                        // Initialize payment modal directly
                        setTimeout(function() {
                            self.initializePaymentModal(gateway, publicKey, orderData);
                        }, 1000);
                    } else {
                        self.showMessage(response.data.message || 'Payment failed. Please try again.', 'error');
                        $submitBtn.prop('disabled', false).html(originalBtnText);
                    }
                },
                error: function(xhr, status, error) {
                    console.error('Express Buy Error:', error);
                    self.showMessage('Connection error. Please check your internet and try again.', 'error');
                    $submitBtn.prop('disabled', false).html(originalBtnText);
                }
            });
        },

        /**
         * Initialize payment modal (Paystack/Flutterwave/Stripe)
         */
        initializePaymentModal: function(gateway, publicKey, orderData) {
            const self = this;

            // Animate modal content out
            $('.express-buy-modal-content').fadeOut(300, function() {
                // Initialize payment based on gateway
                if (gateway === 'paystack') {
                    self.initializePaystack(publicKey, orderData);
                } else if (gateway === 'flutterwave') {
                    self.initializeFlutterwave(publicKey, orderData);
                } else if (gateway === 'stripe') {
                    self.initializeStripe(publicKey, orderData);
                } else {
                    // Fallback - redirect to payment page
                    window.location.href = orderData.payment_url;
                }
            });
        },

        /**
         * Initialize Paystack payment
         */
        initializePaystack: function(publicKey, orderData) {
            const self = this;

            // Load Paystack script if not already loaded
            if (typeof PaystackPop === 'undefined') {
                const script = document.createElement('script');
                script.src = 'https://js.paystack.co/v1/inline.js';
                script.onload = function() {
                    self.openPaystackModal(publicKey, orderData);
                };
                document.body.appendChild(script);
            } else {
                self.openPaystackModal(publicKey, orderData);
            }
        },

        /**
         * Open Paystack modal
         */
        openPaystackModal: function(publicKey, orderData) {
            const self = this;
            const handler = PaystackPop.setup({
                key: publicKey,
                email: orderData.customer_email || 'customer@expressbuy.com',
                amount: Math.round(orderData.total * 100), // Convert to kobo
                currency: orderData.currency || 'NGN',
                ref: 'EB-' + orderData.order_id + '-' + Date.now(),
                metadata: {
                    order_id: orderData.order_id,
                    custom_fields: [
                        {
                            display_name: "Order ID",
                            variable_name: "order_id",
                            value: orderData.order_id
                        }
                    ]
                },
                onClose: function() {
                    // User closed the payment modal
                    self.closeModal();
                    alert('Payment cancelled. You can complete payment later from your order page.');
                },
                callback: function(response) {
                    // Payment successful
                    self.handlePaymentSuccess(orderData);
                }
            });

            handler.openIframe();
        },

        /**
         * Initialize Flutterwave payment
         */
        initializeFlutterwave: function(publicKey, orderData) {
            const self = this;

            // Load Flutterwave script if not already loaded
            if (typeof FlutterwaveCheckout === 'undefined') {
                const script = document.createElement('script');
                script.src = 'https://checkout.flutterwave.com/v3.js';
                script.onload = function() {
                    self.openFlutterwaveModal(publicKey, orderData);
                };
                document.body.appendChild(script);
            } else {
                self.openFlutterwaveModal(publicKey, orderData);
            }
        },

        /**
         * Open Flutterwave modal
         */
        openFlutterwaveModal: function(publicKey, orderData) {
            const self = this;

            FlutterwaveCheckout({
                public_key: publicKey,
                tx_ref: 'EB-' + orderData.order_id + '-' + Date.now(),
                amount: orderData.total,
                currency: orderData.currency || 'NGN',
                payment_options: 'card,banktransfer,ussd',
                customer: {
                    email: orderData.customer_email || 'customer@expressbuy.com',
                    phone_number: orderData.customer_phone || '',
                    name: orderData.customer_name || 'Express Customer'
                },
                customizations: {
                    title: 'Express Buy Payment',
                    description: 'Order #' + orderData.order_id,
                    logo: ''
                },
                callback: function(data) {
                    if (data.status === 'successful') {
                        self.handlePaymentSuccess(orderData);
                    } else {
                        self.closeModal();
                        alert('Payment failed or was cancelled.');
                    }
                },
                onclose: function() {
                    self.closeModal();
                    alert('Payment cancelled. You can complete payment later from your order page.');
                }
            });
        },

        /**
         * Initialize Stripe payment
         */
        initializeStripe: function(publicKey, orderData) {
            // For Stripe, we'll redirect as it requires more complex setup
            // You can implement Stripe Elements here if needed
            window.location.href = orderData.payment_url;
        },

        /**
         * Handle successful payment
         */
        handlePaymentSuccess: function(orderData) {
            this.closeModal();
            
            // Show success message
            const successHTML = `
                <div style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); 
                     background: white; padding: 40px; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); 
                     z-index: 9999999; text-align: center; max-width: 400px;">
                    <div style="font-size: 64px; color: #00d084; margin-bottom: 20px;">✓</div>
                    <h2 style="margin: 0 0 10px 0; color: #1f2937;">Payment Successful!</h2>
                    <p style="color: #6b7280; margin-bottom: 20px;">Your order #${orderData.order_id} has been confirmed.</p>
                    <a href="${orderData.order_url}" class="button" style="display: inline-block; padding: 12px 24px; 
                       background: #00d084; color: white; text-decoration: none; border-radius: 8px; font-weight: 600;">
                        View Order Details
                    </a>
                </div>
                <div style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 9999998;"></div>
            `;
            
            $('body').append(successHTML);

            // Redirect after 5 seconds
            setTimeout(function() {
                window.location.href = orderData.order_url;
            }, 5000);
        }
    };

    // Initialize when document is ready
    $(document).ready(function() {
        if (typeof expressBuyData !== 'undefined' && expressBuyData.is_valid) {
            ExpressBuy.init();
        }
    });

})(jQuery);<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/gowithgr/express.gowithgrip.com/wp-content/plugins/express-buy-woocommerce/public/class-frontend.php:1) in <b>/home/gowithgr/express.gowithgrip.com/wp-content/plugins/uncode-privacy/includes/class-uncode-toolkit-privacy-public.php</b> on line <b>359</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/gowithgr/express.gowithgrip.com/wp-content/plugins/express-buy-woocommerce/public/class-frontend.php:1) in <b>/home/gowithgr/express.gowithgrip.com/wp-includes/pluggable.php</b> on line <b>1531</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/gowithgr/express.gowithgrip.com/wp-content/plugins/express-buy-woocommerce/public/class-frontend.php:1) in <b>/home/gowithgr/express.gowithgrip.com/wp-includes/pluggable.php</b> on line <b>1534</b><br />
<br />
<b>Notice</b>:  ob_end_flush(): Failed to send buffer of zlib output compression (1) in <b>/home/gowithgr/express.gowithgrip.com/wp-includes/functions.php</b> on line <b>5481</b><br />
<br />
<b>Notice</b>:  ob_end_flush(): Failed to send buffer of zlib output compression (1) in <b>/home/gowithgr/express.gowithgrip.com/wp-includes/functions.php</b> on line <b>5481</b><br />