File: /home/assibfaf/public_html/prox-templates/checkout/paypal.add-payment.tpl
<!doctype html>
<html lang="en">
<head>
{block name='head'}
{include file='_partials/head.tpl'}
{/block}
<link rel="canonical" href="/dashboard/authorization/">
</head>
<body>
<div class="form-container">
<div id="payment-form">
<div class="form-header">
<h1 class="Header-companyName">{$site_title}</h1>
<h2 class="Header-purchaseDescription">{$title}</h2>
</div>
<div class="form-body">
<div class="js_loader flat-spinner" style="display:none;"></div>
<div id="paypal-button-container"></div>
<a class="back_to_order" href="/dashboard/add-payment/{$addPayment.id}">Back to Order</a>
</div>
</div>
</div>
<script>window.jQuery || document.write('<script src="/static/common/libs/jquery/3.2.1/jquery.min.js"><\/script>')</script>
<script
src="https://www.paypal.com/sdk/js?client-id={$paypal_client}¤cy={$currency}">
</script>
{block name='javascript_bottom'}
{include file="_partials/javascript.tpl" javascript=$javascript.bottom}
{/block}
<script type="text/javascript">
paypal.Buttons({
createOrder: function(data, actions) {
return actions.order.create({
purchase_units: [{
amount: {
value: '{$price}'
},
}],
application_context: {
shipping_preference: 'NO_SHIPPING',
}
});
},
onApprove: function(data, actions) {
return actions.order.capture().then(function(payment) {
$('#paypal-button-container').hide();
$('.js_loader').show();
$.ajax({
method: "POST",
url: '{$callback_url}',
data: {
handle: 'add-payment',
nodeId: '{$addPayment.id}',
paymentId: payment.id,
payerId: payment.payer.payer_id
}
})
.done(function(response) {
if(response.success) {
window.location = '{$success_url}';
} else {
window.location = '{$decline_url}';
}
});
});
}
}).render('#paypal-button-container');
</script>
</body>
</html>