<meta name="viewport" content="width=device-width, initial-scale=1">
<?php

define('YBASE',true);
	if (isset($_SESSION['yuser'])) {
			include 'config/connect.php';
			include 'config/function.php';
			include 'config/config.php';
			cekSession($_SESSION['yuser']);
			include_once 'config/log.php';
	$mtime = microtime(); $mtime = explode (" ", $mtime); $mtime = $mtime[1] + $mtime[0]; $tstart = $mtime;?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title><?php echo $set->nama_toko;?></title>
    <link rel="stylesheet" type="text/css" href="css/layout.css">
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
    <link rel="stylesheet" type="text/css" href="css/easyui.css">
    <link rel="stylesheet" type="text/css" href="css/icon.css">
	<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.css">
    <link rel="stylesheet" type="text/css" href="css/jquery_notification.css">
    <link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css"/>
    <link rel="stylesheet" type="text/css" href="css/jpaging.css">
    <link rel="stylesheet" type="text/css" href="css/ui.datepicker.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>
    <script type='text/javascript' src='js/jquery.paginate.js'></script>
    <script type="text/javascript" src="js/ui.core.js"></script>
    <script type='text/javascript' src="js/jquery.autocomplete.js"></script>
    <script type="text/javascript" src="js/ui.datepicker.js"></script>
    <script type="text/javascript" src="js/jquery.PrintArea.js"></script>
	<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="js/clock.js"></script>
    <script type="text/javascript" src="js/jquery_notification_v.1.js"></script>
	<script type="text/javascript">
	//untuk paging halaman (ajax)
		$(document).ready(function(){
			var modul 	= $("#modul").val();
			$("#tampil_data").load('tampil_data.php?hal=1&modul='+modul);
			$("#paging").load('paging.php');
	
			$("#text").keyup(function(){
				var hal		= 1;							  	
				var cari	= $("#text").val();
				var field	= $("#ypos_field").val();
				$.ajax({
				type		: "GET",
				url			: "tampil_data.php",
				data		: "hal="+hal+"&cari="+cari+"&field="+field+"&modul="+modul,
				success	: function(data){
					$("#tampil_data").html(data);
					$("#paging").load('paging.php?hal=1'+'&cari='+cari+'&field='+field);
				}
			});	
		});
	});
	//untuk komponen core modul management
	$(document).ready(function() {
		$("input[name^='item']").change(function() {
			if($(this).attr("checked")) $(this).closest("tr").children().children().removeAttr("disabled")
					else {
						//remove checks
						$(this).closest("tr").children().children().removeAttr("checked")
						//make all disabled
						$(this).closest("tr").children().children().attr("disabled","true")
						//but fix me
						$(this).removeAttr("disabled")
				}
			})
		})
		//autocomple pencarian barang
		$().ready(function() {
			$("#brg").autocomplete("list-barang.php", {
			width: 408,
			matchContains: true,
			selectFirst: true
				});
			$("#brg").result(function(event, data, formatted) {
				var kode = formatted.split(' - ');
				$.ajax({
					type : "POST",
					data : "kdbrg="+kode[0],
					url  : "getBarang.php",
					dataType : "json",
					success : function(data) {
						$("#qty").val('1');
						$("#harga").val(data.harga);
						$("#harga_disc").val(data.harga);
						$("#jum").val(data.harga * 1)
					}
				});
			});
			$("#brg").keyup(function() {
				var kode = ('#brg').val().split(' - ');
				$.ajax({
					type : "POST",
					data : "kdbrg="+kode[0],
					url : "getBarang.php",
					dataType : "json",
					success : function(data) {
						$("#qty").val('1');
						$("#harga").val(data.harga);
						$("#harga_disc").val(data.harga);
						$("#jum").val(data.harga * 1)
					}
				})
			})	
		});

	 //fungsi clear input pada textbox
	 function clearInput(element){
				element.value="";
			}
	//hitung otomatis pada transaksi penjualan/pembelian
   	 $(function(){
    		$("#harga_disc").keyup(function(){
    			var jum = $(this).parent().next().find('#jum');
    			var item = $(this).parent().prev().find('#qty');
    			$(jum).val($(this).val() * $(item).val());
    	});
    		$("#qty").keyup(function(){
   				var jum = $(this).parent().next().next().find('#jum');
    			var harga = $(this).parent().next().find('#harga_disc');
   			 	$(jum).val($(this).val() * $(harga).val());
    	});
			$("#total_harga").keyup(function() {
				var hs = $(this).parent().next().find("#hs");
				var qty = $(this).parent().prev().find("#qty_p");
				$(hs).val($(this).val() / $(qty).val());
			});
			$("#qty_p").keyup(function() {
				var hs = $(this).parent().next().next().find("#hs");
				var th = $(this).parent().next().find("#total_harga");
				$(hs).val($(th).val() / $(this).val());
			});
    });
	//fungsi datepicker
      $(document).ready(function(){
		 $(".tgl").datepicker({
					dateFormat  : "yy-mm-dd",        
          changeMonth : true,
          changeYear  : true					
        });
      });
	//fungsi upload webcam
		$(document).ready(function(){
			$("#upload_results").hide();$("#simpan").hide();
			$("#ambil_photo").click(function(){
			$("#upload_results").show(500);
			$("#simpan").show(500);
			$("#print_area").hide();
				});	
		});		

	//fungsi print page
	(function($) {
		$(document).ready(function(e) {
			$("#print").bind("click", function(event) {
				$('#resi').printArea();
			});
		});
	}) (jQuery);

	//Pewarnaan pada table (belang-belang)
	$(function() {
		$("#dataTable tr:even").addClass("stripe1");
		$("#dataTable tr:odd").addClass("stripe2");
		$("#dataTable tr").hover(
		
		function() {
			$(this).toggleClass("highlight");
		},
		function() {
			$(this).toggleClass("highlight");
		}
	);
});
</script>
<script>    
    //fungsi displayTime yang dipanggil di bodyOnLoad dieksekusi tiap 1000ms = 1detik
    function tampilkanwaktu(){
        //buat object date berdasarkan waktu saat ini
        var waktu = new Date();
        //ambil nilai jam, 
        //tambahan script + "" supaya variable sh bertipe string sehingga bisa dihitung panjangnya : sh.length
        var sh = waktu.getHours() + ""; 
        //ambil nilai menit
        var sm = waktu.getMinutes() + "";
        //ambil nilai detik
        var ss = waktu.getSeconds() + "";
        //tampilkan jam:menit:detik dengan menambahkan angka 0 jika angkanya cuma satu digit (0-9)
        document.getElementById("clock").innerHTML = (sh.length==1?"0"+sh:sh) + "." + (sm.length==1?"0"+sm:sm) + "." + (ss.length==1?"0"+ss:ss);
    }
</script>
</head>
<body>

    <!-- bawah header -->
    <div class="panel-header" fit="true" style="height:21px;padding-top:8px;padding-right:15px ">
		<div style="float:left;">
		<a style="color:#fff;" href="index.php" iconcls="icon-home"><span class="l-btn-left">
        <span style="padding-left: 20px;" class="l-btn-text icon-home">Home</span></span></a>
        <a style="color:#fff;" href="page=about" iconcls="icon-home"><span class="l-btn-left">
        <span style="padding-left: 20px;" class="l-btn-text icon-home">About</span></a>
        <a style="color:#fff;" href="logout.php" iconcls="icon-logout"><span class="l-btn-left">
        <span style="padding-left: 20px;" class="l-btn-text icon-logout">Kode Sales :(<?php echo $_SESSION['yuser'];?>)</span></span></a>
		
		<font onload="tampilkanwaktu();setInterval('tampilkanwaktu()', 1000);" color='#fff'><span id="clock"></span></font>	
		
		</div>
	</div>
	
	<table>
	<tbody>
	<tr><td>
	<figure align="center">
	<a href="listcustomer.php" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Customer" border="" height="80" src="images/cust.png" title="Customer" width="80">
	<figcaption  width='80'>	<span>Customer</span></figcaption></a>
	</figure>
	</td><td>
	<figure align="center">
	<a href="belumaktif.php" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src='images/kranjang.png' alt="Sales Order" border="" height="80" title="Sales Order" width="80">
	<figcaption  width='80'>	<span>List Sales Order</span></figcaption></a>
	</figure>
	</td></tr>
	
	<tr><td>
	<figure align="center">
	<a href="belumaktif.php" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="nama gambar" border="" height="80" src="images/stok.png" title="Saldo Stock" width="80">
	<figcaption  width='80'>	<span>Saldo Stock</span></figcaption></a>
	</figure>
	</td><td>
	<figure align="center">
	<a href="belumaktif.php" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src='images/rupiah.png' alt="Pembayaran" border="" height="80" title="Pembayaran" width="80">
	<figcaption  width='80'>	<span>LIst Pembayaran</span></figcaption></a>
	</figure>
	</td></tr>
	
	<tr><td>
	<figure align="center">
	<a href="cusmark.php" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Map" border="" height="80" src="images/map.png" title="Google Map" width="80">
	<figcaption  width='80'>	<span>Google Map</span></figcaption></a>
	</figure>
	</td><td>
	<figure align="center">
	<a href="belumaktif.php" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src='images/cari1.jpg' alt="Pembayaran" border="" height="80" title="Pencarian" width="80">
	<figcaption  width='80'>	<span>Pencarian</span></figcaption></a>
	</figure>
	</td></tr>
	
	</tbody>
	</table>
	
</body>
</html>
<?php } else {
	header('location:login.php');
}