{"id":187,"date":"2023-01-26T17:14:19","date_gmt":"2023-01-26T17:14:19","guid":{"rendered":"https:\/\/rr-instruments.com\/?page_id=187"},"modified":"2023-01-30T19:41:36","modified_gmt":"2023-01-30T19:41:36","slug":"payment","status":"publish","type":"page","link":"https:\/\/rr-instruments.com\/?page_id=187","title":{"rendered":"PAYMENT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"187\" class=\"elementor elementor-187\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-55c427b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"55c427b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f51d679\" data-id=\"f51d679\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c098e08 elementor-widget elementor-widget-heading\" data-id=\"c098e08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Please enter payment information below:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c287bf4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c287bf4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d62dcaa\" data-id=\"d62dcaa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd698c3 elementor-widget elementor-widget-html\" data-id=\"bd698c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"smart-button-container\">\r\n    <div style=\"text-align: center\"><label for=\"description\">Calibration \/Repair service <\/label><input type=\"text\" name=\"descriptionInput\" id=\"description\" maxlength=\"127\" value=\"\"><\/div>\r\n      <p id=\"descriptionError\" style=\"visibility: hidden; color:red; text-align: center;\">Please enter a description<\/p>\r\n    <div style=\"text-align: center\"><label for=\"amount\"> <\/label><input name=\"amountInput\" type=\"number\" id=\"amount\" value=\"\" ><span> USD<\/span><\/div>\r\n      <p id=\"priceLabelError\" style=\"visibility: hidden; color:red; text-align: center;\">Please enter a price<\/p>\r\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>\r\n      <p id=\"invoiceidError\" style=\"visibility: hidden; color:red; text-align: center;\">Please enter an Invoice ID<\/p>\r\n    <div style=\"text-align: center; margin-top: 0.625rem;\" id=\"paypal-button-container\"><\/div>\r\n  <\/div>\r\n  <script src=\"https:\/\/www.paypal.com\/sdk\/js?client-id=sb&enable-funding=venmo&currency=USD\" data-sdk-integration-source=\"button-factory\"><\/script>\r\n  <script>\r\n  function initPayPalButton() {\r\n    var description = document.querySelector('#smart-button-container #description');\r\n    var amount = document.querySelector('#smart-button-container #amount');\r\n    var descriptionError = document.querySelector('#smart-button-container #descriptionError');\r\n    var priceError = document.querySelector('#smart-button-container #priceLabelError');\r\n    var invoiceid = document.querySelector('#smart-button-container #invoiceid');\r\n    var invoiceidError = document.querySelector('#smart-button-container #invoiceidError');\r\n    var invoiceidDiv = document.querySelector('#smart-button-container #invoiceidDiv');\r\n\r\n    var elArr = [description, amount];\r\n\r\n    if (invoiceidDiv.firstChild.innerHTML.length > 1) {\r\n      invoiceidDiv.style.display = \"block\";\r\n    }\r\n\r\n    var purchase_units = [];\r\n    purchase_units[0] = {};\r\n    purchase_units[0].amount = {};\r\n\r\n    function validate(event) {\r\n      return event.value.length > 0;\r\n    }\r\n\r\n    paypal.Buttons({\r\n      style: {\r\n        color: 'black',\r\n        shape: 'pill',\r\n        label: 'pay',\r\n        layout: 'vertical',\r\n        \r\n      },\r\n\r\n      onInit: function (data, actions) {\r\n        actions.disable();\r\n\r\n        if(invoiceidDiv.style.display === \"block\") {\r\n          elArr.push(invoiceid);\r\n        }\r\n\r\n        elArr.forEach(function (item) {\r\n          item.addEventListener('keyup', function (event) {\r\n            var result = elArr.every(validate);\r\n            if (result) {\r\n              actions.enable();\r\n            } else {\r\n              actions.disable();\r\n            }\r\n          });\r\n        });\r\n      },\r\n\r\n      onClick: function () {\r\n        if (description.value.length < 1) {\r\n          descriptionError.style.visibility = \"visible\";\r\n        } else {\r\n          descriptionError.style.visibility = \"hidden\";\r\n        }\r\n\r\n        if (amount.value.length < 1) {\r\n          priceError.style.visibility = \"visible\";\r\n        } else {\r\n          priceError.style.visibility = \"hidden\";\r\n        }\r\n\r\n        if (invoiceid.value.length < 1 && invoiceidDiv.style.display === \"block\") {\r\n          invoiceidError.style.visibility = \"visible\";\r\n        } else {\r\n          invoiceidError.style.visibility = \"hidden\";\r\n        }\r\n\r\n        purchase_units[0].description = description.value;\r\n        purchase_units[0].amount.value = amount.value;\r\n\r\n        if(invoiceid.value !== '') {\r\n          purchase_units[0].invoice_id = invoiceid.value;\r\n        }\r\n      },\r\n\r\n      createOrder: function (data, actions) {\r\n        return actions.order.create({\r\n          purchase_units: purchase_units,\r\n        });\r\n      },\r\n\r\n      onApprove: function (data, actions) {\r\n        return actions.order.capture().then(function (orderData) {\r\n\r\n          \/\/ Full available details\r\n          console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));\r\n\r\n          \/\/ Show a success message within this page, e.g.\r\n          const element = document.getElementById('paypal-button-container');\r\n          element.innerHTML = '';\r\n          element.innerHTML = '<h3>Thank you for your payment!<\/h3>';\r\n\r\n          \/\/ Or go to another URL:  actions.redirect('thank_you.html');\r\n          \r\n        });\r\n      },\r\n\r\n      onError: function (err) {\r\n        console.log(err);\r\n      }\r\n    }).render('#paypal-button-container');\r\n  }\r\n  initPayPalButton();\r\n  <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Please enter payment information below: Calibration \/Repair service Please enter a description USD Please enter a price Please enter an Invoice ID<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-sidebar.php","meta":{"footnotes":""},"class_list":["post-187","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rr-instruments.com\/index.php?rest_route=\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rr-instruments.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rr-instruments.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rr-instruments.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rr-instruments.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=187"}],"version-history":[{"count":18,"href":"https:\/\/rr-instruments.com\/index.php?rest_route=\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/rr-instruments.com\/index.php?rest_route=\/wp\/v2\/pages\/187\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/rr-instruments.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}