`${key.replace('attribute_', '')}: ${value}`) .join(', '); // Update the button price and set it in the modal productPrice = variationPrice; // Update product price dynamically $('.bkash-payment-button').data('product-price', productPrice); console.log('Variation selected, updated price:', variationPrice); console.log('Selected variation data:', selectedVariationData); // Update the total price after updating the product price updateTotalPrice(); }); // Reset button price and variation data on reset $(document).on('reset_data', function () { productPrice = 1100; // Reset to default product price $('.bkash-payment-button').data('product-price', productPrice); selectedVariationData = ''; console.log('Variation reset, reverted to default price:', productPrice); // Update the total price after resetting the product price updateTotalPrice(); }); // Handle quantity change in the product page and update the total price $('input.qty').on('change', function () { quantity = parseInt($(this).val()) || 1; // Get updated quantity or default to 1 updateTotalPrice(); // Recalculate total price }); // Open modal and populate data $('.bkash-payment-button').on('click', function (event) { event.preventDefault(); var productId = $(this).data('product-id'); var productPrice = $(this).data('product-price'); // Get updated price $('#bkashPaymentModal').data({ 'product-id': productId, 'product-price': productPrice, }).fadeIn(); // Populate the modal with form content var billingEmail = ''; // Fetch labels from settings var checkoutHeaderLabel = 'Checkout'; var firstNameLabel = 'Name'; var emailLabel = 'Email - Not Required'; var phoneLabel = 'Mobile'; var addressLabel = 'Delivery Address'; var transactionIdLabel = 'Last 4 Digit of Payment Number'; var submitButtonLabel = 'Proceed to Payment'; var processingMessage = 'Please wait, processing your payment...'; var formHtml = `

${checkoutHeaderLabel}

${firstNameLabel}: ${emailLabel}: ${phoneLabel}: ${addressLabel}: ${transactionIdLabel}: ${submitButtonLabel} `; $('#bkashCheckoutContainer').html(formHtml); // Set the payment method based on the selected radio button $('input[name="operator"]').on('change', function () { var selectedPaymentMethod = $(this).val(); $('#payment_method').val(selectedPaymentMethod); }); // Trigger change event on page load to set default value $('input[name="operator"]:checked').trigger('change'); }); $(document).on('click', '.close', function () { $('#bkashPaymentModal').fadeOut(); }); $(document).on('click', function (event) { if ($(event.target).is('#bkashPaymentModal')) { $('#bkashPaymentModal').fadeOut(); } }); $(document).on('submit', '#bkashCheckoutForm', function (e) { e.preventDefault(); // Prevent page refresh on form submit var formData = $(this).serialize(); $('#processingMessage').fadeIn(); $.post('https://ringbow.shop/wp-admin/admin-ajax.php', { action: 'process_bkash_payment', data: formData }, function (response) { $('#processingMessage').fadeOut(); if (response.success) { window.location.href = response.data.redirect_url; } else { // Display error message instead of alert $('#bkashCheckoutContainer').prepend(''); } }); }); // Event listener for shipping zone selection $('#shipping_zone').on('change', function () { var selectedOption = $(this).find('option:selected'); var selectedShippingPrice = selectedOption.text().split(' - ')[1]; // Extract shipping price shippingPrice = parseFloat(selectedShippingPrice.replace('৳', '').trim()) || 0; // Set shipping price, default to 0 if no price // Update the hidden input with the shipping price $('#shipping_price').val(shippingPrice); // Update the total price after selecting shipping updateTotalPrice(); }); // Trigger initial price display on page load updateTotalPrice(); });