<div id="amazon-root"></div>
<script type="text/javascript">
$(document).ready(function() {
	amazon.Login.setClientId('{{ payment_amazon_login_pay_client_id }}');
	(function(d) {
		var a = d.createElement('script');
		a.type = 'text/javascript';
		a.async = true;
		a.id = 'amazon-login-sdk';
		a.src = 'https://api-cdn.amazon.com/sdk/login1.js';
		d.getElementById('amazon-root').appendChild(a);
	})(document);
});
</script> 
{% if payment_amazon_login_pay_test %}
<label>Debug Error Code     :</label>
<div id="errorCode"></div>
<br>
<label>Debug Error Message  :</label>
<div id="errorMessage"></div>
{% endif %}
<div id="AmazonPayButton"></div>
<script type="text/javascript">
$(document).ready(function() {
	var authRequest;
	OffAmazonPayments.Button("AmazonPayButton", "{{ payment_amazon_login_pay_client_id }}", {
		type: "{{ amazon_pay_button_type }}",
		color: "{{ amazon_pay_button_colour }}",
		size: "{{ amazon_pay_button_size }}",
		language: "{{ payment_amazon_login_pay_language }}",
		authorization: function() {
			var loginOptions = {scope: 'profile postal_code payments:widget payments:shipping_address'};
			authRequest = amazon.Login.authorize(loginOptions, "{{ amazon_pay_return_url }}");
		},
		onError: function(error) {
			document.getElementById("errorCode").innerHTML = error.getErrorCode();
			document.getElementById("errorMessage").innerHTML = error.getErrorMessage();
		}
	});
});
</script>