<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>
		<?php 
		$login = $this->login;
		if(!empty($login['kd_user'])){
			echo $login['kd_user'].' | ';
		}
		?> 
		<?php echo $this->baseTitle ?>
	</title>
	<script src="<?php echo $this->baseUrl ?>assets/js/jquery-1.7.2.min.js" type="text/javascript"></script>
</head>
<style type="text/css">	
#_body{
	margin: 0px auto;
	width: 800px;
}
#_body2x{
	margin-top: 50px;
	width: 100%;
	border: 2px solid #0f8ad6;
	padding: 30px;
	border-radius: 10px;
	border-color: #0f8ad6;
	background-color: #e6f0f5;
}
#_scan{
	text-align: center;
}
#kode{
	text-align: center;
	padding: 3px;
	font-size: 20px;
	width: 250px;
	border-radius: 5px;
	border: 2px solid #acb2b5;
	background-color: #fafcfc;
}
#_tab_item{
	border: 1px solid #aaacad;
	margin-top: 20px;
	width: 100%;
}
#_tab_item tr td{
	padding: 20px;
	font-family: arial;
	font-weight: bold;
	vertical-align: top;
}
#_nama{
	font-size: 20px;
	padding: 5px;
	text-align: center;
}
#_harga{
	margin-top: 20px;
	text-align: center;
	font-size: 40px;
}
#_sat{
	margin-left: 300px;
	margin-top: -20px;
	font-size: 20px;
}
#_promo{
	margin-top: 20px;
}
._promo{
	margin-top: 20px;
}
._promo_ket{
	margin-left: 20px;
	font-size: 15px;
}
._promo_ket2{
	margin-left: 20px;
	font-size: 11px;
}
#_ketSat{
	text-align: center;
	margin-top: 20px;
}
#_hargaCoret{
	margin-left: 100px;
	font-size: 20px;
	text-decoration: line-through;
}
</style>	
<body>
<div id="_body">
	<div id="_body2x">
		<div id="_scan">
			<input type="text" id="kode">
		</div>
		<table id="_tab_item" cellspacing="0" cellpadding="0">
			<tr>
				<td colspan="2" id="_nama" class="_custome"> </td>
			</tr>
			<tr>
				<td style="width: 50%; border-top: 1px solid #aaacad; border-right: 1px solid #aaacad; min-height: 100px;">
					<div>HARGA : </div>
					<div id="_hargaCoret" class="_custome"> </div>
					<div id="_harga" class="_custome"> </div>
					<div id="_sat" class="_custome"> </div>
					<div id="_ketSat" class="_custome"> </div>
				</td>
				<td style="width: 50%; border-top: 1px solid #aaacad">
					<div>PROMO : </div>
					<div id="_promo" class="_custome">
						<div class="_promo"> </div>
					</div>
				</td>
			</tr>
		</table>
	</div>
</div>
<div id="Proses"></div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
	$('#kode').keyup(function(e){
		if(e.which === 13){
			makeLoadDet();
		}
	})
	makeLoadDet = function(){
		$('#_nama').html('Memanggil...');
		_loadBeli = $.ajax({
			type: 'GET',
			url: "<?php echo $this->baseUrl ?>login/cek/&kode="+$('#kode').val(),
			data: $(this).serialize(),
			success: function(data) {
				$('#Proses').html(data);
			},
		});
	}
	// makeLoadDet();
})
</script>
