{if $points_balance > 0}
	<div id="opc-invoice-promo-input-row">		
		<table cellpadding="0" cellspacing="0" border="0" width="100%">
			<tbody>
				<tr noid="opc-invoice-promo-input-row">
					<td colspan=2>Available Reward Points: 
						<span id="remaining_balance">
							{if $smarty.session.usedPoints > 0}
							   {math equation="x - y" x=$points_balance y=$smarty.session.usedPoints}
							{else}
								{$points_balance}
							{/if}
						</span>
					</td>
				</tr>
				<tr>	
					<td>
						<input type="number" value="{if $smarty.session.usedPoints}{$smarty.session.usedPoints}{else}{$points_balance}{/if}" id="points_redeem_amount" min="0" max="{$points_balance}" style="height: 16px;padding: 5px;width:92%">
					</td>
					<td>
						{button id="opc-points-redeem" class="button-redeem-points" text='Redeem' file=$smarty.template}
					</td>
				</tr>
			</tbody>
		</table>
	</div>
{/if}

{literal}
<script>
$(document).ready(function() {
	$("#opc-points-redeem").click(function (){
		onePageCheckout.sendRequest(
			"redeemPoints",
			{
				'mode': 'redeemPoints',
				'redeemPoints': $("#points_redeem_amount").val()
			},
			function (response) {
				if (response.result) {
					if(!response.data.pointsAdded)
					{
						 $("#opc-points-redeem").val('Redeem');
						 $("#points_redeem_amount").val(0)
					}
					$("#remaining_balance").html(response.data.remainingPoints);
					opc_shipping.setShippingMethodsForm(response.data.shipments, false);
				}
			}	
		);
	});
});
</script>
{/literal}