<!---- 
    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>							
						</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_job_costing" name="fm_job_costing" method="post">
				<table cellpadding="0" cellspacing="3" width="100%" height="100%" border="0" style="margin-bottom:10px;">					
					<tr>
					  <td height="20" align="left" valign="top"><label>Batch No.</label></td>
					  <td height="20" align="left" valign="top">
						<input name="txt_batch_no" id="txt_batch_no" type="text" class="easyui-validatebox" style="width:98px;" required="required" /></td>
					  <td align="right" valign="top">&nbsp;</td>
					</tr>
					<tr>
						<td width="10%" height="20" align="left" valign="top">Date</td>
						<td width="49%" height="20" align="left" valign="top">
							<input name="txt_jc_date" id="txt_jc_date" type="text" class="easyui-datebox" style="width:100px;height:20px;" required="required" /></td>
						<td width="41%" align="right" valign="top">&nbsp;</td>
					</tr>
					<tr>
						<td height="20" align="left" valign="top">Job Cost Account</td>
						<td height="20" align="left" valign="top">
							<select name="cmb_job_cost_account" class="easyui-combogrid" id="cmb_job_cost_account" style="width:200px;height:20px" required="true" data-options="
								panelWidth: 300,
								idField: 'customer_no',
								textField: 'customer_name',
								url: '<?php echo base_url(); ?>custom/get_data/customer',
								method: 'get',
								columns: [[
								{field:'customer_no',title:'Customer No',width:110},
								{field:'customer_name',title:'Customer Name',width:190}
								]],
								fitColumns: true
								">
								</select>
						</td>
						<td align="right" valign="top">&nbsp;</td>
					</tr>
					<tr>
						<td height="20" align="left" valign="top">Description</td>
						<td height="20" align="left" valign="top"><textarea class="textbox" style="resize:none;" name="txa_memo" id="txa_memo"  cols="50" rows="2"></textarea></td>
						<td align="right" valign="top">&nbsp;</td>
					</tr>
					 <tr>
						<td height="20" align="left" valign="top">Dept.</td>
						<td height="20" align="left" valign="top">
							<select name="cmb_dept" id="cmb_dept" class="easyui-combobox" style="width:250px;height:20px;">													
							</select>
						</td>
						<td align="right" valign="top">&nbsp;</td>
					</tr>							
				</table>
				<!--Datagrid-->
				<table id="dtg_jobcosting" class="easyui-edatagrid" toolbar="#tb_dtg_jobcosting"
					idField="id"
					rownumbers="true" fitColumns="true" singleSelect="true" style="height:369px;">
					<thead>
							<tr>
								<th field="RequiredItem" width="75" editor="{type:'validatebox',options:{required:true}}">Item</th>
								<th field="Date" width="50" editor="text">Date</th>
								<th field="Descdription" width="120" editor="text">Item Description</th>
								<th field="Qty" width="50" editor="{type:'numberbox',options:{required:true}}">Quantity</th>
								<th field="Unit" width="50" editor="{type:'numberbox',options:{required:true}}">Unit</th>
								<!--<th field="Cost" width="75" editor="{type:'numberbox',options:{required:true}}">Cost</th>
								<th field="Warehouse" width="150" editor="text">Warehouse.</th>
								<th field="Departemen" width="150" editor="text">Dept.</th>
								<th field="QtyControl" width="75" editor="text">Qty Control</th>
								<th field="SerialNumber" width="50" editor="text">SN</th>-->							
							</tr>
						</thead>
				</table>
				<div id="tb_dtg_jobcosting">
					<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:$('#dtg_jobcosting').edatagrid('addRow')">New</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="javascript:$('#dtg_jobcosting').edatagrid('destroyRow')">Delete</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" plain="true" onclick="javascript:$('#dtg_jobcosting').edatagrid('cancelRow')">Cancel</a>
				</div>
				<table cellpadding="0" cellspacing="0" width="100%" border="0">
					<tr>
						<td align="right" height="20" valign="bottom">
							<strong>Total Job Cost: 0</strong>
						</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-ok" onclick=""> App. Dir</a> 								
			 <a href="javascript:void(0)" class="easyui-linkbutton form-button" iconCls="icon-ok" onclick="" >App. Mgr</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>