<!-- 1. Load the SDK -->
<script src="https://chainpay.pro/sdk/chainpay.js"></script>

<!-- 2. Add a pay button -->
<button id="pay-btn">Pay with Crypto</button>

<script>
  document.getElementById("pay-btn").addEventListener("click", function () {
    // Option A: You already have an orderId from your backend
    ChainPay.checkout({
      orderId: "ord_abc123",
      onSuccess: function (data) {
        console.log("Payment confirmed!", data);
      },
      onExpired: function () {
        console.log("Payment expired");
      },
      onClose: function () {
        console.log("User closed checkout");
      },
    });

    // Option B: Create order via your backend first
    // ChainPay.createAndPay({
    //   backendUrl: "/api/create-order",
    //   amount: 25.00,
    //   currency: "USDT",
    //   chain: "trc20",
    //   onSuccess: function (data) { console.log("Paid!", data); }
    // });
  });
</script>