<div id="tb">
    <div title="Transaction" data-options="closable:false" style="padding:10px">
        <div style="height:50%;padding-bottom:10px">
        <table id="dg_hdr"></table> 
        
        <div id="toolbar_hdr">  
			<? if ($t=="1"){	?>
            <a href="javascript:void(0)" id="btnTbh" class="easyui-linkbutton" iconCls="icon-add" plain="true">Add</a>  
            <? }?>
            <? if ($u=="1"){	?>
            <a href="javascript:void(0)" id="btnUbh" class="easyui-linkbutton" iconCls="icon-edit" plain="true">Edit</a> 
            <? }?>
            <? if ($h=="1"){	?>
            <a href="javascript:void(0)" id="btnHps" class="easyui-linkbutton" iconCls="icon-remove" plain="true">Delete</a>  
            <? }?> 
            <a href="javascript:void(0)" id="btnPrint" class="easyui-linkbutton" iconCls="icon-print" plain="true" title="Print">Print Slip</a>
            <span style="display:inline-block;">
            &nbsp; &nbsp; &nbsp;
            <input id="q">
            </span>
        </div>
        
        <div id="dlg" class="easyui-dialog" style="width:70%;" inline="true" closed="true" buttons="#dlg-buttons">
        <form id="fm" class="form-horizontal" role="form" method="post" style="padding:10px;">
            <input type="submit" id="btnSubmit" name="btnSubmit" style="display:none">
            <input type="hidden" id="matin_id" name="matin_id">
            <div class="form-group">
                <label class="control-label col-md-2">Incoming No.</label>
              <div class="col-md-2">
                <input class="form-control easyui-textbox" id="matin_no" name="matin_no" style="width:90%" required>
              </div>
              <label class="control-label col-md-2">Incoming Type</label>            
              <div class="col-md-2">          
                <input class="form-control" name="matin_type" id="matin_type" style="width:90%" required>
              </div>
              <label class="control-label col-md-2">Incoming Date</label>            
              <div class="col-md-2">          
                <input class="form-control easyui-datebox" id="matin_date" name="matin_date" maxlength="10" style="width:90%" required>
              </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-2">PO No.</label>
              <div class="col-md-2">
                <input class="form-control easyui-textbox" id="po_no" name="po_no" style="width:90%">
              </div>
              <label class="control-label col-md-2">Shipper</label>
              <div class="col-md-2">          
                <input class="form-control" name="supplier" id="supplier" style="width:90%">
              </div>
              <label class="control-label col-md-2">DO Seller No.</label>
              <div class="col-md-2">          
                <input class="form-control easyui-textbox" id="supl_do" name="supl_do" maxlength="10" style="width:90%">
              </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-2">Inv No.</label>
              <div class="col-md-2">
                <input class="form-control easyui-textbox" id="supl_inv" name="supl_inv" style="width:90%">
              </div>
              <label class="control-label col-md-2">Line</label>
              <div class="col-md-2">          
                <input class="form-control easyui-textbox" name="line" id="line" style="width:90%">
              </div>
              <label class="control-label col-md-2">PIC Input</label>
              <div class="col-md-2">          
                <input class="form-control easyui-textbox" id="pic" name="pic" style="width:90%" readonly>
              </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-2">Jenis BC</label>
                <div class="col-md-2">
                    <input class="form-control easyui-textbox" id="KdJnsDok" name="KdJnsDok" style="width:90%">
                </div>
                <label class="control-label col-md-2">No. Pendaftaran</label>
                <div class="col-md-2">
                    <input class="form-control easyui-textbox" name="NoDaf" id="NoDaf" minlength="6" maxlength="6" style="width:90%">
                </div>
                <label class="control-label col-md-2">Tgl. Pendaftaran</label>
                <div class="col-md-2">
                    <input class="form-control easyui-datebox" id="TgDaf" name="TgDaf" style="width:90%">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-2">No. Pengeluaran</label>
                <div class="col-md-2">
                    <input class="form-control easyui-textbox" id="matout_id" name="matout_id" style="width:90%">
                </div>
            </div>
        </form>
        </div>
        <div id="dlg-buttons">
            <a href="#" id="btnSim" class="easyui-linkbutton c6" iconCls="icon-ok">Simpan</a>
            <a href="javascript:void(0)" id="btnReset" class="easyui-linkbutton" iconCls="icon-cancel">Kosongkan</a>
        </div>

        </div>
        <div style="height:50%">
            <table id="dg_det"></table>
            <div id="toolbar_det">  
                <? if ($t=="1"){	?>
                <a href="javascript:void(0)" id="btnBarScan" class="easyui-linkbutton" iconCls="icon-barw" plain="true">Add</a>  
                <a href="javascript:void(0)" id="btnTbh2" class="easyui-linkbutton" iconCls="icon-add" plain="true">Add</a>  
                <? }?>
                <? if ($u=="1"){	?>
                <a href="javascript:void(0)" id="btnUbh2" class="easyui-linkbutton" iconCls="icon-edit" plain="true">Edit</a> 
                <? }?>
                <? if ($h=="1"){	?>
                <a href="javascript:void(0)" id="btnHps2" class="easyui-linkbutton" iconCls="icon-remove" plain="true">Delete</a>  
                <? }?> 
            </div>
            <div id="dlg2" class="easyui-dialog" style="width:40%;" closed="true" buttons="#dlg2-buttons">
            <form id="fm2" class="form-horizontal" role="form" method="post" style="padding:10px;">
                <input type="submit" id="btnSubmit2" name="btnSubmit2" style="display:none">
                <input type="hidden" id="child_no" name="child_no">
                <input type="hidden" id="mat_id0" name="mat_id0">
                <div class="form-group">
                    <label class="control-label col-md-3">Item Code</label>
                  <div class="col-md-2">
                    <input class="form-control" id="mat_id" name="mat_id" style="width:90%" required>
                  </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3">Item Description</label>
                  <div class="col-md-9">
                    <input class="form-control easyui-textbox" id="NmBarang" name="NmBarang" style="width:100%" readonly>
                  </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3">UOM</label>
                  <div class="col-md-2">
                    <input class="form-control" id="Sat" name="Sat" style="width:90%" readonly>
                  </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3">LOT</label>
                  <div class="col-md-3">
                    <input class="form-control easyui-datebox" id="lot_no" name="lot_no" maxlength="10" style="width:90%">
                  </div>
                </div> 
                <div class="form-group">
                    <label class="control-label col-md-3">Qty.</label>
                  <div class="col-md-3">
                    <input class="form-control" id="qty" name="qty" style="width:100%">
                  </div>
                </div><?php /*?> <?php */?>
                
            </form>
            </div>
            <div id="dlg2-buttons">
                <a href="#" id="btnSim2" class="easyui-linkbutton c6" iconCls="icon-ok">Simpan</a>
                <a href="javascript:void(0)" id="btnReset2" class="easyui-linkbutton" iconCls="icon-cancel">Kosongkan</a>
            </div>
            
            <div id="dlg3" class="easyui-dialog" style="width:40%;" closed="true" buttons="#dlg3-buttons" modal="true">
            <form id="fm3"class="form-horizontal" role="form" method="post" style="padding:10px;" onSubmit="return false">
                <input type="submit" id="btnSubmit3" name="btnSubmit3" style="display:none">
                <div class="form-group">
                    <label class="control-label col-md-3">Barcode Item</label>
                  <div class="col-md-8">
                    <input class="form-control" id="barcode" name="barcode" style="width:90%" required><label class="checkbox-inline"><input type="checkbox" id="fifo" name="fifo" value="1">FIFO</label>
                  </div>
                </div>                  
            </form>
            </div>
            <div id="dlg3-buttons">
                <a href="#" id="btnSim3" class="easyui-linkbutton c6" iconCls="icon-ok">Simpan</a>
                <a href="javascript:void(0)" id="btnReset3" class="easyui-linkbutton" iconCls="icon-cancel">Kosongkan</a>
            </div>
        </div>
    </div>
    <div title="List View" data-options="closable:false" style="padding:10px">
        <table id="dg_hdrdet"></table>
        <div id="toolbar_hdrdet">  
            <a href="javascript:void(0)" id="btnPrint2" class="easyui-linkbutton" iconCls="icon-print" plain="true" title="Print">Print</a> 
            <a href="javascript:void(0)" id="btnExcel" class="easyui-linkbutton" iconCls="icon-xls" plain="true" title="Excel">Excel</a>
            <span style="display:inline-block;">
            &nbsp; &nbsp; &nbsp;
            <input id="q2">
            </span>
        </div> 
    </div>    
</div>