{"id":2420,"date":"2020-11-03T19:02:01","date_gmt":"2020-11-03T18:02:01","guid":{"rendered":"https:\/\/guitare-village.com\/website\/?page_id=2420"},"modified":"2020-11-03T19:02:02","modified_gmt":"2020-11-03T18:02:02","slug":"proceder-au-paiement","status":"publish","type":"page","link":"https:\/\/www.guitare-village.com\/website\/index.php\/proceder-au-paiement\/","title":{"rendered":"proc\u00e9der au paiement"},"content":{"rendered":"<div id=\"smart-button-container\">\n<div style=\"text-align: center\"><label for=\"description\"> <\/label><input type=\"text\" name=\"descriptionInput\" id=\"description\" maxlength=\"127\" value=\"\"><\/div>\n<p id=\"descriptionError\" style=\"visibility: hidden; color:red; text-align: center;\">Please enter a description<\/p>\n<div style=\"text-align: center\"><label for=\"amount\"> <\/label><input name=\"amountInput\" type=\"number\" id=\"amount\" value=\"\"><span> EUR<\/span><\/div>\n<p id=\"priceLabelError\" style=\"visibility: hidden; color:red; text-align: center;\">Please enter a price<\/p>\n<div id=\"invoiceidDiv\" style=\"text-align: center; display: none;\"><label for=\"invoiceid\"> <\/label><input name=\"invoiceid\" maxlength=\"127\" type=\"text\" id=\"invoiceid\" value=\"\"><\/div>\n<p id=\"invoiceidError\" style=\"visibility: hidden; color:red; text-align: center;\">Please enter an Invoice ID<\/p>\n<div style=\"text-align: center; margin-top: 0.625rem;\" id=\"paypal-button-container\"><\/div>\n<\/div>\n<p><script src=\"https:\/\/www.paypal.com\/sdk\/js?client-id=sb&amp;currency=EUR\" data-sdk-integration-source=\"button-factory\"><\/script><br \/>\n<script><br \/>\n  function initPayPalButton() {<br \/>\n    var description = document.querySelector('#smart-button-container #description');<br \/>\n    var amount = document.querySelector('#smart-button-container #amount');<br \/>\n    var descriptionError = document.querySelector('#smart-button-container #descriptionError');<br \/>\n    var priceError = document.querySelector('#smart-button-container #priceLabelError');<br \/>\n    var invoiceid = document.querySelector('#smart-button-container #invoiceid');<br \/>\n    var invoiceidError = document.querySelector('#smart-button-container #invoiceidError');<br \/>\n    var invoiceidDiv = document.querySelector('#smart-button-container #invoiceidDiv');<\/p>\n<p>    var elArr = [description, amount];<\/p>\n<p>    if (invoiceidDiv.firstChild.innerHTML.length > 1) {<br \/>\n      invoiceidDiv.style.display = \"block\";<br \/>\n    }<\/p>\n<p>    var purchase_units = [];<br \/>\n    purchase_units[0] = {};<br \/>\n    purchase_units[0].amount = {};<\/p>\n<p>    function validate(event) {<br \/>\n      return event.value.length > 0;<br \/>\n    }<\/p>\n<p>    paypal.Buttons({<br \/>\n      style: {<br \/>\n        color: 'blue',<br \/>\n        shape: 'rect',<br \/>\n        label: 'paypal',<br \/>\n        layout: 'vertical',<\/p>\n<p>      },<\/p>\n<p>      onInit: function (data, actions) {<br \/>\n        actions.disable();<\/p>\n<p>        if(invoiceidDiv.style.display === \"block\") {<br \/>\n          elArr.push(invoiceid);<br \/>\n        }<\/p>\n<p>        elArr.forEach(function (item) {<br \/>\n          item.addEventListener('keyup', function (event) {<br \/>\n            var result = elArr.every(validate);<br \/>\n            if (result) {<br \/>\n              actions.enable();<br \/>\n            } else {<br \/>\n              actions.disable();<br \/>\n            }<br \/>\n          });<br \/>\n        });<br \/>\n      },<\/p>\n<p>      onClick: function () {<br \/>\n        if (description.value.length < 1) {\n          descriptionError.style.visibility = \"visible\";\n        } else {\n          descriptionError.style.visibility = \"hidden\";\n        }\n\n        if (amount.value.length < 1) {\n          priceError.style.visibility = \"visible\";\n        } else {\n          priceError.style.visibility = \"hidden\";\n        }\n\n        if (invoiceid.value.length < 1 &#038;&#038; invoiceidDiv.style.display === \"block\") {\n          invoiceidError.style.visibility = \"visible\";\n        } else {\n          invoiceidError.style.visibility = \"hidden\";\n        }\n\n        purchase_units[0].description = description.value;\n        purchase_units[0].amount.value = amount.value;\n\n        if(invoiceid.value !== '') {\n          purchase_units[0].invoice_id = invoiceid.value;\n        }\n      },\n\n      createOrder: function (data, actions) {\n        return actions.order.create({\n          purchase_units: purchase_units,\n        });\n      },\n\n      onApprove: function (data, actions) {\n        return actions.order.capture().then(function (details) {\n          alert('Transaction completed by ' + details.payer.name.given_name + '!');\n        });\n      },\n\n      onError: function (err) {\n        console.log(err);\n      }\n    }).render('#paypal-button-container');\n  }\n  initPayPalButton();\n  <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Please enter a description EUR Please enter a price Please enter an Invoice ID<\/p>\n","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2420","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.guitare-village.com\/website\/index.php\/wp-json\/wp\/v2\/pages\/2420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.guitare-village.com\/website\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.guitare-village.com\/website\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.guitare-village.com\/website\/index.php\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.guitare-village.com\/website\/index.php\/wp-json\/wp\/v2\/comments?post=2420"}],"version-history":[{"count":0,"href":"https:\/\/www.guitare-village.com\/website\/index.php\/wp-json\/wp\/v2\/pages\/2420\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.guitare-village.com\/website\/index.php\/wp-json\/wp\/v2\/media?parent=2420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}