// Add to your theme's functions.php
function acountpay_enqueue_scripts() {
    if (is_checkout() || is_cart()) {
        wp_enqueue_script(
            'acountpay-sdk', 
            'https://cdn.acountpay.com/sdk/acount.umd.js', 
            array(), 
            '1.0.4', 
            true
        );
    }
}
add_action('wp_enqueue_scripts', 'acountpay_enqueue_scripts');

// Add AcountPay settings to admin
function acountpay_add_settings() {
    add_settings_section(
        'acountpay_section',
        'AcountPay Settings',
        null,
        'general'
    );
    
    add_settings_field(
        'acountpay_client_id',
        'AcountPay Client ID',
        'acountpay_client_id_callback',
        'general',
        'acountpay_section'
    );
    
    register_setting('general', 'acountpay_client_id');
}
add_action('admin_init', 'acountpay_add_settings');

function acountpay_client_id_callback() {
    $client_id = get_option('acountpay_client_id', '');
    echo '<input type="text" name="acountpay_client_id" value="' . esc_attr($client_id) . '" class="regular-text" />';
    echo '<p class="description">Get this from your AcountPay dashboard</p>';
}

// Add this to checkout page or via Code Snippets plugin
function add_acountpay_checkout_button() {
    if (is_checkout()) {
        $client_id = get_option('acountpay_client_id', '');
        if (!empty($client_id)) {
            ?>
            <div id="acountpay-payment-section" style="margin: 20px 0; padding: 20px; border: 1px solid #ddd; border-radius: 8px;">
                <h3>Pay with AcountPay</h3>
                <p>Secure bank-to-bank payment</p>
                <button type="button" id="acountpay-payment-btn" class="button alt" style="background: #0066cc; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer;">
                    Pay with Bank Account
                </button>
            </div>

            <script>
            document.addEventListener('DOMContentLoaded', function() {
                const acountPayBtn = document.getElementById('acountpay-payment-btn');
                if (acountPayBtn) {
                    acountPayBtn.addEventListener('click', function() {
                        if (typeof Acount === 'undefined') {
                            alert('Payment system is loading, please try again in a moment.');
                            return;
                        }

                        const acount = new Acount({
                            clientId: "<?php echo esc_js($client_id); ?>"
                        });

                        // Get cart total
                        const cartTotal = <?php echo WC()->cart ? WC()->cart->get_total('raw') : '0'; ?>;
                        
                        acount.initiatePayment({
                            amount: cartTotal,
                            referenceNumber: "WC-ORDER-" + Date.now(),
                            onSuccess: function(result) {
                                console.log('Payment successful:', result);
                                // You can redirect to a custom success page or show a message
                                alert('Payment successful! Your order will be processed.');
                                // Optionally redirect to order received page
                                window.location.href = "<?php echo esc_url(wc_get_checkout_url()); ?>?payment_success=1";
                            },
                            onError: function(error) {
                                console.error('Payment failed:', error);
                                alert('Payment failed. Please try again or use a different payment method.');
                            }
                        });
                    });
                }
            });
            </script>
            <?php
        }
    }
}
add_action('woocommerce_checkout_after_customer_details', 'add_acountpay_checkout_button');

<?php
/**
 * Plugin Name: AcountPay for WooCommerce
 * Description: Accept payments through AcountPay
 * Version: 1.0.0
 */

if (!defined('ABSPATH')) {
    exit;
}

class AcountPay_WooCommerce {
    public function __construct() {
        add_action('init', array($this, 'init'));
    }

    public function init() {
        // Add payment gateway
        add_filter('woocommerce_payment_gateways', array($this, 'add_gateway'));
        
        // Enqueue scripts
        add_action('wp_enqueue_scripts', array($this, 'enqueue_scripts'));
    }

    public function enqueue_scripts() {
        if (is_checkout()) {
            wp_enqueue_script(
                'acountpay-sdk',
                'https://cdn.acountpay.com/sdk/acount.umd.js',
                array(),
                '1.0.4',
                true
            );
        }
    }

    public function add_gateway($gateways) {
        $gateways[] = 'WC_AcountPay_Gateway';
        return $gateways;
    }
}

class WC_AcountPay_Gateway extends WC_Payment_Gateway {
    public function __construct() {
        $this->id = 'acountpay';
        $this->method_title = 'AcountPay';
        $this->method_description = 'Accept payments through AcountPay bank transfers';
        $this->has_fields = true;

        $this->init_form_fields();
        $this->init_settings();

        $this->title = $this->get_option('title');
        $this->description = $this->get_option('description');
        $this->client_id = $this->get_option('client_id');

        add_action('woocommerce_update_options_payment_gateways_' . $this->id, array($this, 'process_admin_options'));
    }

    public function init_form_fields() {
        $this->form_fields = array(
            'enabled' => array(
                'title' => 'Enable/Disable',
                'type' => 'checkbox',
                'label' => 'Enable AcountPay',
                'default' => 'yes'
            ),
            'title' => array(
                'title' => 'Title',
                'type' => 'text',
                'default' => 'Pay with Bank Account'
            ),
            'description' => array(
                'title' => 'Description',
                'type' => 'textarea',
                'default' => 'Secure bank-to-bank payment via AcountPay'
            ),
            'client_id' => array(
                'title' => 'Client ID',
                'type' => 'text',
                'description' => 'Get this from your AcountPay dashboard'
            )
        );
    }

    public function payment_fields() {
        echo '<div id="acountpay-payment-form">';
        echo '<p>' . $this->description . '</p>';
        echo '<button type="button" id="acountpay-pay-btn" class="button">Pay with Bank Account</button>';
        echo '</div>';

        ?>
        <script>
        document.addEventListener('DOMContentLoaded', function() {
            const payBtn = document.getElementById('acountpay-pay-btn');
            if (payBtn) {
                payBtn.addEventListener('click', function(e) {
                    e.preventDefault();
                    
                    if (typeof Acount === 'undefined') {
                        alert('Payment system loading...');
                        return;
                    }

                    const acount = new Acount({
                        clientId: "<?php echo esc_js($this->client_id); ?>"
                    });

                    acount.initiatePayment({
                        amount: <?php echo WC()->cart->get_total('raw'); ?>,
                        referenceNumber: "WC-" + Date.now(),
                        onSuccess: function(result) {
                            // Set a flag and submit the form
                            jQuery('<input>').attr({
                                type: 'hidden',
                                name: 'acountpay_payment_success',
                                value: '1'
                            }).appendTo('form.checkout');
                            
                            jQuery('form.checkout').submit();
                        },
                        onError: function(error) {
                            alert('Payment failed: ' + error.message);
                        }
                    });
                });
            }
        });
        </script>
        <?php
    }

    public function process_payment($order_id) {
        $order = wc_get_order($order_id);
        
        // Check if payment was successful
        if (isset($_POST['acountpay_payment_success']) && $_POST['acountpay_payment_success'] == '1') {
            // Mark as processing or completed
            $order->payment_complete();
            $order->add_order_note('Payment completed via AcountPay');
            
            // Clear cart
            WC()->cart->empty_cart();
            
            return array(
                'result' => 'success',
                'redirect' => $this->get_return_url($order)
            );
        }
        
        return array(
            'result' => 'failure',
            'messages' => 'Payment was not completed'
        );
    }
}

new AcountPay_WooCommerce();
?>

npm i @acountpay/pis-sdk

<template>
  <button @click="handlePayment">Pay with AcountPay</button>
</template>

<script>
import AcountPay from '@acountpay/pis-sdk';

export default {
  methods: {
    async handlePayment() {
      const acount = new AcountPay({
        clientId: process.env.VUE_APP_ACOUNTPAY_CLIENT_ID
      });
      
      await acount.initiateUserPaymentByEmail({
        amount: 99.99,
        requestId: 'ORDER-123',
        callbackURL: `${window.location.origin}/payment-callback`
      });
    }
  }
};
</script>

# .env
VUE_APP_ACOUNTPAY_CLIENT_ID=your-client-id

npm i @acountpay/pis-sdk

// pages/checkout.tsx
import { useEffect, useState } from 'react';

export default function Checkout() {
  const [acount, setAcount] = useState<any>(null);

  useEffect(() => {
    // Dynamic import for client-side only
    import('@acountpay/pis-sdk').then((module) => {
      const AcountPay = module.default;
      setAcount(new AcountPay({
        clientId: process.env.NEXT_PUBLIC_ACOUNTPAY_CLIENT_ID!
      }));
    });
  }, []);

  const handlePayment = async () => {
    if (acount) {
      await acount.initiateUserPaymentByEmail({
        amount: 99.99,
        requestId: 'ORDER-123',
        callbackURL: `${window.location.origin}/payment-callback`
      });
    }
  };

  return (
    <button onClick={handlePayment} disabled={!acount}>
      Pay with AcountPay
    </button>
  );
}

# .env.local
NEXT_PUBLIC_ACOUNTPAY_CLIENT_ID=your-client-id

npm i @acountpay/pis-sdk

// payment-button.component.ts
import { Component } from '@angular/core';
import AcountPay from '@acountpay/pis-sdk';

@Component({
  selector: 'app-payment-button',
  template: `
    <button (click)="handlePayment()">
      Pay with AcountPay
    </button>
  `
})
export class PaymentButtonComponent {
  async handlePayment() {
    const acount = new AcountPay({
      clientId: environment.acountpayClientId
    });
    
    await acount.initiateUserPaymentByEmail({
      amount: 99.99,
      requestId: 'ORDER-123',
      callbackURL: `${window.location.origin}/payment-callback`
    });
  }
}

// environments/environment.ts
export const environment = {
  acountpayClientId: 'your-client-id'
};

# .env
VUE_APP_ACOUNTPAY_CLIENT_ID=your-client-id

# .env.local
NEXT_PUBLIC_ACOUNTPAY_CLIENT_ID=your-client-id

// environments/environment.tsd
export const environment = {
  production: false,
  acountpayClientId: 'your-client-id'
};