<div id='invoicessnapshot'>
  <form name='pendinginvoices' id='pendinginvoices' method='post' action='index.php'>
    <table style="width:100%;" cellpadding='0' border='0' cellspacing='0'>
		<tr>
			<td class='snapshot-header-left'></td>
			<td class='snapshot-header'><span class='snapshot-header-text'>{LANGUAGE_SNAPSHOTHEADER}:</span></td>
			<td align='right' class='snapshot-header'>
				<span class='snapshot-header-text-small'>[l]Invoice Filter[/l] : </span>
				<select id='invoicefilter' onChange="FilterInvoices('billing', 'FilterInvoices_Async',this);">
					<option value='0' {OPTIONOVERDUESELECTED}>[l]Overdue Invoices[/l]</option>
					<option value='1' {OPTIONALLSELECTED}>[l]All Unpaid Invoices[/l]&nbsp;&nbsp;&nbsp;</option>
				</select>
			</td>
			<td class='snapshot-header-right'></td>
		</tr>
	</table>
    <table style="width:100%;" class='sort-table' id='{CCTABLEID}' border='0' cellpadding='0' cellspacing='0'>
        <col />
        <col />
        <col />
        <col />
        <col />
        <col />
		<thead>
			<tr>
                <td style="width:1%;"></td>
				<td style="width:60px;" align='left'>[l]Number[/l]</td>
				<td align='left'>[l]Customer Name[/l]</td>
				<td style="width:120px;" align='left'>[l]Gateway[/l]</td>
				<td style="width:80px;" align='left'>[l]Due Date[/l]</td>
				<td style="width:80px;" align='left'>[l]Amount Due[/l]</td>
			</tr>
		</thead>		
        <tbody>
            <!-- create rows -->
            <!-- BEGIN DYNAMIC BLOCK: irow -->
			<tr class='{ROWCLASS}'>
				<td style="width:1%;"><input type='checkbox' style='position:relative;top:1px;' name='outstandinginvoiceid' value='{INVOICEID}' onClick='OutstandingInvoiceItemCheck(true)'><input type='hidden' name='{INVOICEID}_overdue' id='{INVOICEID}_overdue' value='{OVERDUE}' /></td>
				<td align='left' class='{INVOICEID_CLASS}'>&nbsp;{INVOICEID_POPUP}</td>
				<td>&nbsp;{CUSTOMERNAME}</td>
				<td align='left'>{PAYMENTPROCESSOR}</td>
				<td align='center'>{BILLDATE}</td>
				<td align='right'>{BILLAMOUNT}</td>
			</tr>
			<!-- END DYNAMIC BLOCK: irow -->	
			<!-- end rows -->
        </tbody>
    </table>

	<!-- BEGIN DYNAMIC BLOCK: i_record_footer -->
	<!-- BEGIN DYNAMIC BLOCK: legend -->
	<table  cellpadding='1' cellspacing='1' border='0' style="width:100%;">
        <tr>
    		<td align='center' style="width:5%;">&nbsp;<b>[l]Legend[/l]: </b></td>
    		<td align='center' class='innerPriorityOne' style="width:10%;">&nbsp;<b>[l]Overdue[/l]</b></td>
    		<td align='center' class='formYellow' style="width:10%;">&nbsp;<b>[l]Not Sent[/l]</b></td>
    		<td></td>
    	</tr>
    <table>
	<!-- END DYNAMIC BLOCK: legend -->
    <table  cellpadding='1' cellspacing='1' border='0' style="width:100%;">
		<tr>
			<td align='left'>
				<input name='allbox' value='0' type='checkbox' onClick="CA(document.forms['pendinginvoices'],this);" style='position:relative; left:3px; top:3px;'><b>&nbsp;&nbsp;&nbsp;[l]Toggle All[/l]</b>
			</td>
			<td align='right'>
				<strong>[l]Total[/l]</strong>: &nbsp;&nbsp;{TOGGLEALLNOTE}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			</td>
		</tr>
    </table>
	<br>
	<table style="width:100%;" cellpadding='0' cellspacing='0' border='0'>
		<tr class='actionfooter'>
			<td style="width:53px;" valign='middle' align='center' nowrap='nowrap'>
				<input type='button' class='button_medium' value='[lh]delete[/lh]' name='deleteinvoice' style='filter:alpha(opacity=50);-moz-opacity:0.4;' disabled='true' onclick= "DeleteInvoices('billing', 'DeleteInvoicesAsync_Snapshot', '{LANGUAGE_DELETEMSG}');return false;" >
			</td>
			<!-- BEGIN DYNAMIC BLOCK: paidbutton -->
			<td style="width:2px;">&nbsp;</td>
			<td style="width:53px;" valign='middle' align='center' nowrap='nowrap'>
				<input type='button' class='button_large' value='[lh]mark as paid[/lh]' name='markpaid' style='filter:alpha(opacity=50);-moz-opacity:0.4;' disabled='true' onclick= "MarkInvoicePaid('billing', 'MarkInvoicePaidAsync_Snapshot');return false;" >
			</td>
			<!-- END DYNAMIC BLOCK: paidbutton -->
			<!-- BEGIN DYNAMIC BLOCK: sendbutton -->
			<td style="width:2px;">&nbsp;</td>
			<td style="width:53px;" valign='middle' align='center' nowrap='nowrap'>
				<input type='button' class='button_large' value='[lh]send invoice[/lh]' name='sendinvoice' style='filter:alpha(opacity=50);-moz-opacity:0.4;' disabled='true' onclick= "SendInvoice('billing', 'SendInvoiceAsync_Snapshot');return false;" >
			</td>
			<!-- END DYNAMIC BLOCK: sendbutton -->
			<!-- BEGIN DYNAMIC BLOCK: overduebutton -->
			<td style="width:2px;">&nbsp;</td>
			<td style="width:53px;" valign='middle' align='center' nowrap='nowrap'>
				<input type='button' class='button_large' value='[lh]send overdue[/lh]' name='sendoverdue' style='filter:alpha(opacity=50);-moz-opacity:0.4;' disabled='true' onclick= "SendOverdueInvoice('billing', 'SendOverdueInvoiceAsync_Snapshot');return false;" >
			</td>
			<!-- END DYNAMIC BLOCK: overduebutton -->
			<td style="width:100%;">&nbsp;</td>
		</tr>
    </table>   
	<!-- END DYNAMIC BLOCK: i_record_footer -->

	<!-- BEGIN DYNAMIC BLOCK: i_norecord_footer -->
	<table style="width:100%;" cellpadding='0' cellspacing='0' border='0'>
		<tr>
			<td align='center'>
				<br/><span style="color:#808080;">[l]There are currently no items matching this query[/l]</span>
			</td>
		</tr>
	</table>	
	<!-- END DYNAMIC BLOCK: i_norecord_footer -->
  </form>
  
  <!-- Javascript used to dhtml header columns for snapshots -->
  <script type='text/javascript'>
	{JAVASCRIPTFORDYNAMICMENU_CC}
	$('{SELECTEDSNAPSHOTID}').innerHTML = "{SELECTEDSNAPSHOTCOUNT}";	  	
	activeSnapShotDiv = '{SELECTEDSNAPSHOTID}';	
  </script>
    
</div>
