🌿 VirdisPay Widget Examples

<!-- Include VirdisPay Widget -->
<script src="https://widgets.virdispay.com/virdispay-widget.js"></script>

<!-- Add payment button -->
<button data-virdispay-widget="button"
        data-merchant-id="your_merchant_id"
        data-amount="99.99"
        data-currency="USD"
        data-description="Premium CBD Oil"
        data-theme="green">
  Pay with Crypto
</button>

<script>
  // Initialize VirdisPay widget
  const widget = VirdisPay.init({
    type: 'button',
    merchantId: 'your_merchant_id',
    amount: 99.99,
    currency: 'USD',
    description: 'Premium CBD Oil',
    theme: 'green',
    onSuccess: function(payment) {
      console.log('Payment successful:', payment);
      // Redirect to success page
      window.location.href = '/success?tx=' + payment.transactionId;
    },
    onError: function(error) {
      console.error('Payment failed:', error);
      alert('Payment failed. Please try again.');
    }
  });
</script>

// Add to your WooCommerce checkout
add_action('woocommerce_review_order_after_payment', 'add_virdispay_option');

function add_virdispay_option() {
    $total = WC()->cart->get_total();
    $currency = get_woocommerce_currency();
    
    echo '<div class="virdispay-checkout">';
    echo '<script src="https://widgets.virdispay.com/virdispay-widget.js"></script>';
    echo '<div data-virdispay-widget="embedded"
               data-merchant-id="' . get_option('virdispay_merchant_id') . '"
               data-amount="' . $total . '"
               data-currency="' . $currency . '"
               data-description="Order #' . WC()->session->get('order_id') . '"></div>';
    echo '</div>';
}

// Add to your Shopify checkout
<script src="https://widgets.virdispay.com/virdispay-widget.js"></script>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    const checkout = Shopify.checkout;
    
    VirdisPay.init({
      type: 'embedded',
      merchantId: '{{ settings.virdispay_merchant_id }}',
      amount: checkout.total_price,
      currency: checkout.currency,
      description: 'Shopify Order #' + checkout.order_number,
      onSuccess: function(payment) {
        // Complete Shopify checkout
        window.location.href = checkout.order_status_url;
      }
    });
  });
</script>

// Create payment request
const response = await fetch('https://api.virdispay.com/api/payments/create', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer your_api_key'
  },
  body: JSON.stringify({
    merchantId: 'your_merchant_id',
    amount: 99.99,
    currency: 'USD',
    description: 'Premium CBD Oil',
    customerEmail: 'customer@example.com',
    successUrl: 'https://yoursite.com/success',
    cancelUrl: 'https://yoursite.com/cancel'
  })
});

const paymentData = await response.json();
console.log('Payment created:', paymentData);

// Check payment status
const statusResponse = await fetch(`https://api.virdispay.com/api/payments/status/${paymentData.transactionId}`, {
  headers: {
    'Authorization': 'Bearer your_api_key'
  }
});

const statusData = await statusResponse.json();
console.log('Payment status:', statusData);