<div id="manual_payment">

<script language="javascript" type="text/javascript">
$.ajaxSetup({ cache: false });

function getOpen(account) {
  $("#Panel1Container").load("/admin/accounts/manual_payment.php?data[account_number]=" + account + " #Panel1Container");
}
</script>

<h1>Manual Payment</h1>
<h2>Payment Information</h2>

<div id='content_wrap'>
<div id='Panel1Container'>

<script language="javascript" type="text/javascript">
$(function() {
  $( "#payment_date" ).datepicker();
  $( "#payment_date" ).datepicker( "option", "dateFormat", "yy-mm-dd");
  $( "#payment_date" ).datepicker( "setDate", new Date());
});

function upp() {
  var payment = 0.00;
  var payments = iP;

  for (var i = 0; i < payments.length; i++) {
    payment += Number(payments[i].value);
    }

  tp.value = payment;

  ptg.value =  Number(pA.value) - Number(tp.value);

  if (Number(ptg.value) == 0)
    sP.enable = true;
}
</script>

<form action="{SELF}" method="post">
<table class="bTable">
<tr>
  <td>Account</td>
  <td>&nbsp;</td>
  <td><select name="data[account]" onChange="javascript:getOpen(this.value)">{ACCOUNTS}</select></td>
</tr>
<tr>
  <td>Payment Date</td>
  <td>&nbsp;</td>
  <td><input type="text" name="data[payment_date]" id="payment_date"></td>
</tr>
<tr>
  <td>Payment Type</td>
  <td>&nbsp;</td>
  <td><input type="radio" name="data[payment_type]" value="check"> Check <input type="radio" name="data[payment_type]" value="credit"> Credit Card</td> 
</tr>
<tr>
  <td>Check/Ref #</td>
  <td>&nbsp;</td>
  <td><input type="text" name="data[ref]"></td>
</tr>
<tr>
  <td>Payment Amount</td>
  <td>&nbsp;</td>
  <td><input type="text" name="data[payment_amount]" id="pA" onChange="javascript:upp(0)"></td>
</tr>
</table>

<h2>Open Invoices</h2>
<table>
<tr>
<th>Invoice Number</th>
<th>Amount</th>
<th>Balance</th>
<th>Invoice Date</th>
<th>Due</th>
<th>Payment</th>
</tr>
{ROWS}
<tr>
<td colspan="5">Total Payment:</td>
<td>$<input id="tp" type="text" name="data[total]" value="0.00" readonly></td>
</tr>
<tr>
<td colspan="5">Payment To Go:</td>
<td>$<input id="ptg" type="text" value="0.00" readonly></td>
</tr>
<tr>
<td><input id="sP" type="submit" value="Submit Payment" disabled></td>
</tr>
</table>
</div>
</div>
</form>
</div>