{config_load file=$language_path section="general"}
{config_load file=$language_path section="orders"}
<script>
var KLARNA_ORDERS_ID = '{$KLARNA_ORDERS_ID}';
var REFUND_BASE_URL = '{$REFUND_BASE_URL}';
$(function(){
	$('input#refund_button').on('click',function(){
		var amt = $( "#klarna_refund_amount" ).val().replace(',','.');
		if(parseFloat(amt) < 0.01){
			return false;
		}
		if(confirm('Refund '+amt+'?')){
			$.ajax({
				url: REFUND_BASE_URL+'&refund_amount='+amt,
				success: function(json){
					alert(json.MSG);
				},
				error: function(xhr){
					alert('Error: '+amt+' Refund failed');
				}
			});
			alert('Refund #'+KLARNA_ORDERS_ID);
		}
	});
});
</script>

		<table border="0" class="yes-ui-table">
		<tbody>
			<tr>
				<td>{#invoice_amount#} Klarna:</td>
				<td align="right">{$REFUND_AMOUNT}</td>
			</tr>
			<tr>
				<td>{#refunded#}:</td>
				<td align="right">{$REFUND_AMOUNT_PROCEED}</td>
			</tr>
			<tr>
				<td>{#refund_max_amount#}:</td>
				<td style="color: green" align="right">{$REFUND_AMOUNT_MAX}</td>
			</tr>
			<tr>
				<td colspan="2">&nbsp;</td>
			</tr>
			<tr>
				<td colspan="2">
					<input type="text" id="klarna_refund_amount" name="refund_amount" value="{$REFUND_INPUT_VALUE}" maxlength="8" size="8" />
					<input class="ui-button ui-corner-all ui-state-default" type="button" value="Refund" id="refund_button" />
				</td>
			</tr>
		</tbody>
	</table>