<style>

.satuan{
	width:80px
}
</style><div class="col-md-12">

</div>


<div class="col-md-4">
<div class="box">
<!-- /.box-header -->
<div class="box-body">
<form id="addBarangForm"  action="" method="post" style="display:">
<p>
<div class="input-group" style="display:">
<span class="input-group-btn"><button style="background:white;border: 1px solid #ccc" class="btn " type="button" ><i class="fa  fa-barcode"></i> </button></span>
<input class="form-control" type="text" id="barcode" autofocus  title="kode barang" name="barcode" autocomplete=OFF placeholder="Barcode Barang">
</div>
</p>
</form>

<!-- Opsi Manual Entry -->
<div class="form-group" style="margin-top:5px">
<label>
<input type="checkbox" id="manualEntry" value="1"> Input Manual (Barang Tidak Ada di Produk)
</label>
</div>

<form id="addCartForm"  action="" method="post" style="display:">
<input title="userID" class="form-control" type="text" name="user_id" value="<?php echo userID($_SESSION['user']);?>" style="display:none">
<input title="userID" class="form-control" type="text" name="addCart" value="kasir_penjualan" style="display:none">

<div class="input-group" id="kodeBarangGroup">
<span class="input-group-btn"><button class="btn " type="button" >Kode Barang  </button></span>
<input class="form-control" type="text" id="kodeBarang" name="kode_barang" title="kode barang" autocomplete=OFF ><span class="input-group-btn" autocomplete=OFF>
<button class="btn " type="button"  id="showBarang" title="cari barang atau tekan F1"><i class="fa  fa-search" aria-hidden="true"  ></i> [F1]</button>
</span>
</div>
<p style="font-size:11px;color:#999;margin-top:3px"><i class="fa fa-info-circle"></i> Tekan F4 untuk input manual</p>

<div class="input-group" id="namaBarangManualGroup" style="display:none;margin-top:5px">
<span class="input-group-btn"><button class="btn " type="button" >Nama Barang  </button></span>
<input class="form-control" type="text" id="namaBarangManual" placeholder="Masukkan nama barang manual">
</div>

<input style="display:none;margin-top:5px" class="form-control" type="text" id="idBarang">
<input style="margin-top:5px" class="form-control" type="text" id="namaBarang" readonly>

<input style="display:block;margin-top:5px;display:none" class="form-control" type="text" id="stokBarang" readonly placeholder="Stok">
<div id="fSatuan"></div>

<div class="input-group" id="hargaManualGroup" style="display:none;margin-top:5px">
<span class="input-group-addon">Harga Manual</span>
<input class="form-control" type="number" id="hargaManual" placeholder="Masukkan harga">
</div>

<div class="input-group" style="margin-top:5px">
<span class="input-group-addon">Jumlah</span>
<input style="text-align:center" id="qty" name="qty" type="number" value="1" class="form-control "  title="jumlah barang" > 
<span class="input-group-btn">
<input class="btn btn-warning " type="submit" value="tambah">
<button style="display:none" class="btn btn-warning" type="button"  id="addCart"><i class="fa  fa-check-square-o" aria-hidden="true"></i> Tambah</button>
</span>
</div>
<div id="loadFaktur"></div>


</form>
<div>
<a href="#" class='btn btn-primary btn-lg' id='bayarKasir' style="margin-top:10px;width:100%"><i class='fa fa-print'></i> Selesai [END]</a>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="box">
<div class="box-body">
<span id="totalSum"></span>
<span id="totalSumBayar" style="display:none"></span>
</div>
</div>
<div class="box">
<!-- /.box-header -->
<div class="box-body">
	  <div class="table-responsive">
		<table class="table table-bordered table-hover " id="dataTable" width="100%" cellspacing="0">
		  <thead>
			<tr>
			  <th style="width:20px">ID</th>
			  <th>Kode</th>
			  <th>Nama Barang</th>
			  <th>Harga </th>
			  <th style="width:80px">Qty</th>
			  <th>Satuan</th>
			  <th>Sub Total</th>

			  <th style="width:50px">Action</th>
			</tr>
		  </thead>
		</table>
	  </div>
	</div>
  </div>
</div>
