<!---- 
    Author 	: Ladur
    Tanggal : 12-08-2014	
    Revisi 	:
-->
<div class="easyui-layout" data-options="fit:true,border:false">
	<!-- top view-->
	<div id="form-header" data-options="region:'north',border:false" >
		 <div id="form-header-wrapper">
				<table cellpadding="0" cellspacing="0" width="100%" height="100%" border="0">
					<tr>
						<td align="left" valign="middle">
							<a href="#" class="easyui-linkbutton" iconCls="icon-document" plain="true" onclick="">New</a>
							<a href="#" class="easyui-linkbutton" iconCls="icon-journal" plain="true" onclick="">Journal</a>
						</td>							
						<td height="25" align="right" valign="middle">								
							<span class="form-title">
								<?php echo $menu_label; ?>
							</span>
						</td>
					</tr>
				</table>		     	
		 </div>			
	</div>
	<!-- end top view -->	
	<!-- center view -->
	<div id="form-body" data-options="region:'center',border:false">
		<div id="form-wrapper" class="easyui-panel"  style="width:1180%;height:548px;padding:5px;">
			<form id="fm_payment" name="fm_payment" method="post">
				<table cellpadding="0" cellspacing="3" width="100%" height="100%" border="0">
				    <tr>
				      <td valign="middle" height="22" align="left"><label>Voucher No.</label></td>
				      <td align="left" valign="middle">
							<input name="txt_voucher_no" id="txt_voucher_no" type="text" class="easyui-validatebox" style="width:198px;" />
							&nbsp;&nbsp;
							<input type="checkbox" name="chk_multi_currency" id="chk_multi_currency" />
							<span>Cheque</span>
					  </td>
				      <td align="left" valign="middle">&nbsp;</td>
				      <td rowspan="6" align="left" valign="top">
				        <table cellpadding="0" cellspacing="0" width="100%" height="100%" border="0">
				          <tr>
				            <td align="right" valign="top">
				              <table cellpadding="0" cellspacing="1" width="100%" border="0">
				                <tr>
				                  <td height="20">&nbsp;</td>
				                  <td width="100" align="center" valign="middle" bgcolor="#333399"><span style="color: #fff">Cash Payment No.</span></td>
				                  <td width="100" align="center" valign="middle" bgcolor="#333399"><span style="color:#fff;">Cash Payment. Date</span></td>
			                    </tr>
				                <tr>
				                  <td>&nbsp;</td>
				                  <td height="20" align="left" valign="top"><input type="text" name="txt_payment_no2" id="txt_payment_no2" class="easyui-validatebox" style="width:120px;"  required="required" /></td>
				                  <td align="right" valign="top"><input name="txt_payment_date2" id="txt_payment_date" type="text" class="easyui-datebox" style="width:120px;height:20px" required="required" /></td>
			                    </tr>
				              </table>
				              <br/>
				              <br/>
				              <br/>
				              <span class="blink">PERINGATAN :</span>
				              <p>Form ini hanya dapat digunakan untuk melakukan transaksi dengan </p>
				              <p>total invoice sama dengan total faktur yang lebih kecil atau sama dengan Rp.250.000,00</p>
			                </td>
			              </tr>
			            </table>
			          </td>
					</tr>
				    <tr>
						<td valign="middle" height="22" align="left" width="100">
							<label>Paid From</label>
						</td>
						<td valign="middle" align="left">
							<select name="cmb_bank_account" class="easyui-combogrid" id="cmb_bank_account" style="width:200px;height:20px" required="true" data-options="
							panelWidth: 300,
							idField: 'AccountNumber',
							textField: 'AccountName',
							url: '',
							method: 'get',
							columns: [[
							{field:'AccountNumber',title:'Account Number',width:110},
							{field:'AccountName',title:'Bank Account Name',width:190}
							]],
							fitColumns: true
							">
							</select>
						</td>
						<td width="50" align="left" valign="middle">&nbsp;</td>
				    </tr>
					<tr>
						<td valign="middle" height="22" align="left">
							<label>Cheque No.</label>
						</td>
						<td align="left" valign="middle">
							<input name="txt_cheque_no" id="txt_cheque_no" type="text" style="width:78px" />
						</td>
						<td rowspan="4" align="left" valign="middle">&nbsp;</td>
					</tr>
					<tr>
					  <td valign="middle" height="22" align="left"><label>Cheque Date</label></td>
					  <td align="left" valign="middle"><input name="txt_cheque_date" id="txt_date2" type="text" class="easyui-datebox" style="width:80px;" /></td>
				    </tr>
					<tr>
					  <td valign="top" height="37" align="left"><label>Memo</label></td>
					  <td align="left" valign="middle"><textarea class="textbox" style="resize:none;" name="txa_memo" id="txa_memo" cols="50" rows="2"></textarea></td>
				    </tr>
					<tr>
						<td valign="middle" height="21" align="left">
							<label>Amount</label>
						</td>
						<td align="left" valign="middle">
							<input name="txt_amount" id="txt_amount" type="number" class="easyui-validatebox" style="width:100px;height:18px" required="required" />
							<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-calculator',size:'small'" onClick="">
						</td>
					</tr>						
				</table>
				<!--Datagrid-->
				<table id="dtg_payment" class="easyui-edatagrid" toolbar="#tb_dtg_payment"
					idField="id"
					rownumbers="true" fitColumns="true" singleSelect="true" style="height:340px;">
					<thead>
						<tr>
							<th align="center" valign="middle" data-options="
							field:'AccountNumber', width:250,
							formatter:function(value,row){
								return row.AccountName;
							},
							align:'left',
							editor:{
								type:'combobox',
								options:{
									valueField:'AccountNumber',
									textField:'AccountName',
									url:'',
									required:true
								}
							}">Account Name</th>							
							<th align="center" valign="middle" data-options="field:'Amount',width:120,align:'center',editor:{type:'numberbox',options:{precision:2}}">Amount</th>
							<th align="center" valign="middle" data-options="field:'Memo',width:400,align:'left',editor:'text'">Memo</th>
							<th align="center" valign="middle" data-options="field:'DepartmentCode',width:150,
							formatter:function(value,row){
								return row.DepartmentName;
							},
							editor:{
								type:'combobox',
								options:{
									valueField:'DepartmentCode',
									textField:'DepartmentName',
									url:''
								}
							}">Department</th>
					  </tr>
					</thead>
				</table>
				<div id="tb_dtg_payment">
					<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:$('#dtg_payment').edatagrid('addRow')">New</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="javascript:$('#dtg_payment').edatagrid('destroyRow')">Delete</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" plain="true" onclick="javascript:$('#dtg_payment').edatagrid('cancelRow')">Cancel</a>
				</div>
				<table cellpadding="0" cellspacing="0" width="100%" border="0">
					<tr>
						<td align="right" height="20" valign="bottom">
							Total Payment :: 0
						</td>
					</tr>
				</table>
			</form>
		</div>
		<div id="form-footer">
			 <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-help" onclick="" plain="true">Help</a>
			 <a href="javascript:void(0)" class="easyui-linkbutton form-button" iconCls="icon-save" onclick="">Save</a> 								
			 <a href="javascript:void(0)" class="easyui-linkbutton form-button" iconCls="icon-print" onclick="">Preview & Print</a>   
			 <a href="javascript:void(0)" class="easyui-linkbutton form-button" iconCls="icon-cancel" onclick="">Cancel</a>	
		</div>		
	</div>
</div>