<div id="smart-button-container"><!-- [et_pb_line_break_holder] --> <div style="text-align: center"><label for="description">Your Name : </label><input type="text" name="descriptionInput" id="description" maxlength="127" value=""></div><!-- [et_pb_line_break_holder] --> <p id="descriptionError" style="visibility: hidden; color:red; text-align: center;">Please enter a description</p><!-- [et_pb_line_break_holder] --> <div style="text-align: center"><label for="amount">Put The Ammout : </label><input name="amountInput" type="number" id="amount" value="" ><span> USD</span></div><!-- [et_pb_line_break_holder] --> <p id="priceLabelError" style="visibility: hidden; color:red; text-align: center;">Please enter a price</p><!-- [et_pb_line_break_holder] --> <div id="invoiceidDiv" style="text-align: center; display: none;"><label for="invoiceid"> </label><input name="invoiceid" maxlength="127" type="text" id="invoiceid" value="" ></div><!-- [et_pb_line_break_holder] --> <p id="invoiceidError" style="visibility: hidden; color:red; text-align: center;">Please enter an Invoice ID</p><!-- [et_pb_line_break_holder] --> <div style="text-align: center; margin-top: 0.625rem;" id="paypal-button-container"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <script src="https://www.paypal.com/sdk/js?client-id=AeSoGgvlf_uyvvq9euHLTFF6ld6KpsXSKpAGQsQYT22PdUEH6T0ghc-fmmW5KngsRKQ5cftVXYcbKqqq¤cy=USD" data-sdk-integration-source="button-factory"></script><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] --> function initPayPalButton() {<!-- [et_pb_line_break_holder] --> var description = document.querySelector('#smart-button-container #description');<!-- [et_pb_line_break_holder] --> var amount = document.querySelector('#smart-button-container #amount');<!-- [et_pb_line_break_holder] --> var descriptionError = document.querySelector('#smart-button-container #descriptionError');<!-- [et_pb_line_break_holder] --> var priceError = document.querySelector('#smart-button-container #priceLabelError');<!-- [et_pb_line_break_holder] --> var invoiceid = document.querySelector('#smart-button-container #invoiceid');<!-- [et_pb_line_break_holder] --> var invoiceidError = document.querySelector('#smart-button-container #invoiceidError');<!-- [et_pb_line_break_holder] --> var invoiceidDiv = document.querySelector('#smart-button-container #invoiceidDiv');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var elArr = [description, amount];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (invoiceidDiv.firstChild.innerHTML.length > 1) {<!-- [et_pb_line_break_holder] --> invoiceidDiv.style.display = "block";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var purchase_units = [];<!-- [et_pb_line_break_holder] --> purchase_units[0] = {};<!-- [et_pb_line_break_holder] --> purchase_units[0].amount = {};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function validate(event) {<!-- [et_pb_line_break_holder] --> return event.value.length > 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> paypal.Buttons({<!-- [et_pb_line_break_holder] --> style: {<!-- [et_pb_line_break_holder] --> color: 'blue',<!-- [et_pb_line_break_holder] --> shape: 'rect',<!-- [et_pb_line_break_holder] --> label: 'paypal',<!-- [et_pb_line_break_holder] --> layout: 'vertical',<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> onInit: function (data, actions) {<!-- [et_pb_line_break_holder] --> actions.disable();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if(invoiceidDiv.style.display === "block") {<!-- [et_pb_line_break_holder] --> elArr.push(invoiceid);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> elArr.forEach(function (item) {<!-- [et_pb_line_break_holder] --> item.addEventListener('keyup', function (event) {<!-- [et_pb_line_break_holder] --> var result = elArr.every(validate);<!-- [et_pb_line_break_holder] --> if (result) {<!-- [et_pb_line_break_holder] --> actions.enable();<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> actions.disable();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> onClick: function () {<!-- [et_pb_line_break_holder] --> if (description.value.length < 1) {<!-- [et_pb_line_break_holder] --> descriptionError.style.visibility = "visible";<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> descriptionError.style.visibility = "hidden";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (amount.value.length < 1) {<!-- [et_pb_line_break_holder] --> priceError.style.visibility = "visible";<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> priceError.style.visibility = "hidden";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (invoiceid.value.length < 1 && invoiceidDiv.style.display === "block") {<!-- [et_pb_line_break_holder] --> invoiceidError.style.visibility = "visible";<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> invoiceidError.style.visibility = "hidden";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> purchase_units[0].description = description.value;<!-- [et_pb_line_break_holder] --> purchase_units[0].amount.value = amount.value;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if(invoiceid.value !== '') {<!-- [et_pb_line_break_holder] --> purchase_units[0].invoice_id = invoiceid.value;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> createOrder: function (data, actions) {<!-- [et_pb_line_break_holder] --> return actions.order.create({<!-- [et_pb_line_break_holder] --> purchase_units: purchase_units,<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> onApprove: function (data, actions) {<!-- [et_pb_line_break_holder] --> return actions.order.capture().then(function (details) {<!-- [et_pb_line_break_holder] --> alert('Transaction completed by ' + details.payer.name.given_name + '!');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> onError: function (err) {<!-- [et_pb_line_break_holder] --> console.log(err);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }).render('#paypal-button-container');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> initPayPalButton();<!-- [et_pb_line_break_holder] --> </script>