<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Vạn Phước - Payment - Van Phuoc Funeral</title>

<link rel="shortcut icon" type="image/ico" href="hinh/icon.ico" />

<meta name=viewport content="width=device-width, initial-scale=1">
</head>

<body>
<body background="hinh/bkyellow.gif">
 
<div class="chieutruc">

<center><img src="hinh/a28.png" width="188" height="36"></br>
<center><img src="hinh/a5.png" width="96" height="96"></a></center></br>

<font size="5" face="Times New Roman">Please call us</b></font></br>
<font size="5" face="Times New Roman">or chat (Fb, Viber...)</b></font></br>
<font size="5" face="Times New Roman"><a href="tel://+840908699666">+84908699666</a></font></br>
<font size="5" face="Times New Roman">to get order code & pay:</b></font></p>


<font size="5" color="blue" face="Times New Roman"><c><b>PAY US in VND by 
</font></br><font size="5" color="red" face="Times New Roman">MOMO</b></font></br>

<center><a href="https://nhantien.momo.vn/0908699666" target="modau"><img src="hinh/paymomo.png" width="180" height="105"></a></p>
<center><a href="https://nhantien.momo.vn/0908699666" target="modau"><img src="hinh/paymomo-qrcode.jpg" width="180" height="180"></a></br>
--<>--</p>

<font size="5" color="blue" face="Times New Roman"><c><b>PAY US in VND by 
</font></br><font size="5" color="red" face="Times New Roman">Payon</b></font></br>

<center><a href="https://payon.vn/dichvumaitang" target="modau"><img src="hinh/payon.png" width="180" height="105"></a></p>
<center><a href="https://payon.vn/dichvumaitang" target="modau"><img src="hinh/payon-qrcode.png" width="180" height="180"></a></br>
--<>--</p>

<font size="5" color="blue" face="Times New Roman"><c><b>PAY US via
</font></br>
<font size="5" color="red" face="Times New Roman">AlePay</b></font>
<font size="5" color="green" face="Times New Roman">(NganLuong.vn)</b></font></br>
<center><a href="https://alepay.vn/index#/alepay" target="modau"><img src="hinh/alepay.png" width="180" height="105"></a></br>

--<>--</p>


<font size="5" color="blue" face="Times New Roman"><c><b>PAY US in VND by 
</font></br><font size="5" color="red" face="Times New Roman">ZaloPay</b></font></br>

<center><a href="https://zalopay.vn/0908699666" target="modau"><img src="hinh/payzalo.png" width="180" height="105"></a></p>
<center><a href="https://zalopay.vn/0908699666" target="modau"><img src="hinh/payzalo-qrcode.jpg" width="180" height="180"></a></br>

--<>--</p>

<center><font size="5" color="blue" face="Times New Roman"><c><b>PAY US in USD by </font><font size="5" color="red" face="Times New Roman">Paypal</b></font></br>

<center><a href="https://paypal.me/chieuluong" target="modau"><img src="hinh/paypal.png" width="180" height="105"></a></p>

<div id="smart-button-container">
    <div style="text-align: center"><label for="description">Description </label><input type="text" name="descriptionInput" id="description" maxlength="127" value=""></div>
      <p id="descriptionError" style="visibility: hidden; color:red; text-align: center;">Please enter a description</p>
    <div style="text-align: center"><label for="amount">Price / Money </label><input name="amountInput" type="number" id="amount" value="" ><span> USD</span></div>
      <p id="priceLabelError" style="visibility: hidden; color:red; text-align: center;">Please enter a price</p>
    <div id="invoiceidDiv" style="text-align: center; display: none;"><label for="invoiceid">Invoice ID </label><input name="invoiceid" maxlength="127" type="text" id="invoiceid" value="" ></div>
      <p id="invoiceidError" style="visibility: hidden; color:red; text-align: center;">Please enter an Invoice ID</p>
    <div style="text-align: center; margin-top: 0.625rem;" id="paypal-button-container"></div>
  </div>
  <script src="https://www.paypal.com/sdk/js?client-id=sb&currency=USD" data-sdk-integration-source="button-factory"></script>
  <script>
  function initPayPalButton() {
    var description = document.querySelector('#smart-button-container #description');
    var amount = document.querySelector('#smart-button-container #amount');
    var descriptionError = document.querySelector('#smart-button-container #descriptionError');
    var priceError = document.querySelector('#smart-button-container #priceLabelError');
    var invoiceid = document.querySelector('#smart-button-container #invoiceid');
    var invoiceidError = document.querySelector('#smart-button-container #invoiceidError');
    var invoiceidDiv = document.querySelector('#smart-button-container #invoiceidDiv');

    var elArr = [description, amount];

    if (invoiceidDiv.firstChild.innerHTML.length > 1) {
      invoiceidDiv.style.display = "block";
    }

    var purchase_units = [];
    purchase_units[0] = {};
    purchase_units[0].amount = {};

    function validate(event) {
      return event.value.length > 0;
    }

    paypal.Buttons({
      style: {
        color: 'gold',
        shape: 'pill',
        label: 'paypal',
        layout: 'vertical',
        
      },

      onInit: function (data, actions) {
        actions.disable();

        if(invoiceidDiv.style.display === "block") {
          elArr.push(invoiceid);
        }

        elArr.forEach(function (item) {
          item.addEventListener('keyup', function (event) {
            var result = elArr.every(validate);
            if (result) {
              actions.enable();
            } else {
              actions.disable();
            }
          });
        });
      },

      onClick: function () {
        if (description.value.length < 1) {
          descriptionError.style.visibility = "visible";
        } else {
          descriptionError.style.visibility = "hidden";
        }

        if (amount.value.length < 1) {
          priceError.style.visibility = "visible";
        } else {
          priceError.style.visibility = "hidden";
        }

        if (invoiceid.value.length < 1 && invoiceidDiv.style.display === "block") {
          invoiceidError.style.visibility = "visible";
        } else {
          invoiceidError.style.visibility = "hidden";
        }

        purchase_units[0].description = description.value;
        purchase_units[0].amount.value = amount.value;

        if(invoiceid.value !== '') {
          purchase_units[0].invoice_id = invoiceid.value;
        }
      },

      createOrder: function (data, actions) {
        return actions.order.create({
          purchase_units: purchase_units,
        });
      },

      onApprove: function (data, actions) {
        return actions.order.capture().then(function (details) {
          alert('Transaction completed by ' + details.payer.name.given_name + '!');
        });
      },

      onError: function (err) {
        console.log(err);
      }
    }).render('#paypal-button-container');
  }
  initPayPalButton();
  </script>

</p>
<center><a href="index-en.html"><img src="hinh/a21.png" width="140" height="36"></a> <a href="home-en.html"><img src="hinh/a22.png" width="140" height="36"></a></p>

<div class="zalo-chat-widget" data-oaid="4523014434695544619" data-welcome-message="Sẳn sàng đáp ứng mọi yêu cầu của khách hàng!" data-autopopup="0" data-width="350" data-height="420"></div>
<script src="https://sp.zalo.me/plugins/sdk.js"></script>

</body>
</html>