 

<div class="panel panel-default">
	<div class="panel-heading" style='padding:15px 10px'>
		<div class='row' style='margin-bottom:20px;'>
			<div class='col-sm-4'>
				<input type='text' class='form-control' placeholder='Code Barcode' id='barcodemutasi'>
			</div>
		</div>	
		<form action="" method="post" data-parsley-validate enctype="multipart/form-data" id='submitrowmutasi'>
			<div class="row">
				<div class='col-sm-4'>
					Nama Barang :
					<select name='id_barang' id='mutasi_barang' class='form-control' required>
						<option value=''> - Pilih Barang -</option>
						<?php
						if(isset($barang) && count($barang) > 0): foreach($barang as $row):
							echo "<option value='$row[id_barang]'  data-nama='$row[nama]'  data-stok='$row[stok]' data-satuan='$row[satuan]' data-harga='$row[harga_beli]'>$row[nama] - $row[satuan]</option>";
						endforeach; endif;
						?>
					</select>
				</div>
				<div class='col-sm-2'>
					Harga : <input type='opacity' value='' required class='form-control numbersmutasi' readonly id='mutasi_harga' name='mutasi_harga' data-max='1' data-harga='0' step="any"  min=0 max=1> 
				</div>
				<div class='col-sm-1'>
					Qty : <input type='number' value='' required class='form-control numbersmutasi' id='mutasi_qty' name='mutasi_qty' data-max='1' data-harga='0'> 
				</div>
				<div class='col-sm-2'>
					Total : <input type='text' readonly required class='form-control' id='mutasi_total' name='mutasi_total'> 
				</div>
				<div class='col-sm-2'>
					&nbsp;<br>
					<button type='submit' class='btn btn-sm btn-success'><i class='fa fa-plus'></i> Tambahkan</button>
				</div>
			</div>
		</form>
	</div>
	<form action="" method="post" data-parsley-validate enctype="multipart/form-data" id='submitallsmutasi'> 
		
		<div class="panel-body">
			<div class="table-responsive">
				<table class="table table-striped table-bordered table-hover" id='listablemutasi'>
					<thead>
						<tr style='background:#DDDDDD;'> 
							<th width=''>Nama Barang</th> 
							<th width='50'>Qty</th> 
							<th width='100'>Satuan</th> 
							<th width='150'>Harga</th> 
							<th width='150'>Total</th>  
							<th width='50'></th>
						</tr>
					</thead> 
					<tbody>
					
					</tbody>
				</table>
			</div>
			<table class="  subsub" style='width:100%;'>
				<tr>
					<td width='400'> 
					</td>
					<td></td>
					<td width='150'>Total</td>
					<td width='200'>
						<div id='divtotal'>Rp. 0</div>
						<input type='text' name='subtotal' id='subtotal' required class='form-control hide' readonly value='0'>
					</td>
				</tr>   
				<tr>
					<td ><br>
						No Mutasi:
						<input type='text' name='no' value='<?=$no?>' class='form-control' style='width:200px;' readonly>
					</td> 
				</tr> 
				<tr>
					<td ><br>
						Tujuan:
						<input type='text' name='tujuan' value='' class='form-control' style='width:200px;'>
					</td> 
				</tr> 
				<tr>
					<td ><br>
						Tanggal Mutasi:
						<input type='text' name='tanggal' value='' class='form-control datepicker' data-date-format='yyyy-mm-dd' style='width:200px;' required>
					</td> 
				</tr> 
				<tr>
					<td  ><br>
						Keterangan :
						<input type='text' name='keterangan' value='' class='form-control' >
					</td> 
				</tr> 
			</table>
		</div>
		<div class="panel-footer">
			<button type="submit" onclick=" " class="btn btn-primary">Submit</button>
			<a href='<?=$url?>mutasi' class='btn btn-default'>Batal</a>
		</div>	
	</form>
</div>
<style>
	.subsub div{
		font-weight:bold;
		padding:5px 10px;
		border:1px solid #CCCCCC;
		background:#EFEFEF;
		text-align:right;
	}
	.subsub td{
		padding:0px ;
	}
	.subsub .form-control{
		padding:0px 10px;
	}
	.table{ 
	}
	.totd{
		padding:10px;
		background:#0B2A05;
		color:#FFFFFF;
		font-size:20px;
	}
	#submitrow input{
		color:#000000;
	}
	#listable tr:hover{
		background:#EFEFEF;
	}
</style>

<script>

</script>
<script>
	window.onload = function() {
	  var input = document.getElementById("barcodemutasi").focus();
	}
	

	
</script>