<?php
$html = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
$headinclude
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	function ajaxsearch(keywords,fields,sortfield,sortdetail,page){
		$.get("admindeposit.php", {getlist: "ajax", \'keyword[]\': keywords, \'field[]\': fields, sortf: sortfield, sortd: sortdetail, p: page}, function(data){
			$("#loadingprogress").css("visibility","hidden");
			$("#ajaxlist").html(data);
			
			$.get("admindeposit.php", {getlist: "pagenav", \'keyword[]\': keywords, \'field[]\': fields, p: page}, function(data){
				var arrdata = data.split("|^|");
				generatepagenav(arrdata);
			});
		});
	}
	
	function ajaxfromcookie(page){
		var pagestuff = getCookie("pagestuff");
		if (page == ""){
			if (pagestuff == ""){
				page = 1;
			}
			else{
				page = pagestuff;
			}
		}
		setCookie("pagestuff",page);
		
		$("#loadingprogress").css("visibility","visible");
		
		var fieldstext = getCookie("fieldstuff");
		
		if (fieldstext != ""){
			var keywordstext = getCookie("keywordstuff");
			
			var keywords = keywordstext.split(",");
			var fields = fieldstext.split(",");
			
			var lf = fields.length;
			for (var i = 0; i < lf; i++){
				$("#"+fields[i]).val(keywords[i]);
			}
		}
		
		var sortstuff = getCookie("sortstuff");
		var sortstuffdetail = getCookie("sortstuffdetail");
		if (sortstuff != ""){
			if (sortstuffdetail == "ASC"){
				$("#"+sortstuff).attr("src","plugins/datatables/images/sort_asc.png");
			}
			else{
				$("#"+sortstuff).attr("src","plugins/datatables/images/sort_desc.png");
			}
		}
		
		ajaxsearch(keywords,fields,sortstuff,sortstuffdetail,page);
	}
	
	function searchnow(){
		$("#loadingprogress").css("visibility","visible");
				
		var keywords = new Array();
		var fields = new Array();
		
		var transaction_number = $("#transaction_number").val();
		if (transaction_number  != ""){
			keywords.push(transaction_number);
			fields.push("transaction_number");
		}
		var user = $("#user").val();
		if (user != ""){
			keywords.push(user);
			fields.push("user");
		}
		var email = $("#email").val();
		if (email != ""){
			keywords.push(email);
			fields.push("email");
		}
		var startdate = $("#startdate").val();
		if (startdate != ""){
			keywords.push(startdate);
			fields.push("startdate");
		}
		var enddate = $("#enddate").val();
		if (enddate != ""){
			keywords.push(enddate);
			fields.push("enddate");
		}
		var amount = $("#amount").val();
		if (amount != ""){
			keywords.push(amount);
			fields.push("amount");
		}
		var type = $("#type").val();
		if (type != ""){
			keywords.push(type);
			fields.push("type");
		}
		var status = $("#status").val();
		if (status != ""){
			keywords.push(status);
			fields.push("status");
		}
				
		setCookie("keywordstuff",keywords);
		setCookie("fieldstuff",fields);
		setCookie("pagestuff","1");
		
		var sortfield = getCookie("sortstuff");
		var sortdetail = getCookie("sortstuffdetail");
		
		ajaxsearch(keywords,fields,sortfield,sortdetail,1);
	}
	
	function sorts(id,field){
		var sortfield = "";
		var sortdetail = "";
		var sortstuff = getCookie("sortstuff");
		if (sortstuff == id){
			var sortstuffdetail = getCookie("sortstuffdetail");
			
			if (sortstuffdetail == "ASC"){
				$("#"+id).attr("src","plugins/datatables/images/sort_desc.png");
				setCookie("sortstuffdetail","DESC");
				sortdetail = "DESC";
			}
			else{
				$("#"+id).attr("src","plugins/datatables/images/sort_asc.png");
				setCookie("sortstuffdetail","ASC");
				sortdetail = "ASC";
			}
		}
		else{
			if (sortstuff != ""){
				$("#"+sortstuff).attr("src","plugins/datatables/images/sort_both.png");
			}
			
			$("#"+id).attr("src","plugins/datatables/images/sort_asc.png");
			setCookie("sortstuff",id);
			setCookie("sortstuffdetail","ASC");
			sortdetail = "ASC";
		}
			
		sortfield = id;
		searchnow();
	}
	
	function loadajax(event){
		/*if (!detectspecialkeys(event)){
			var kn = getKeyEvent(event);
			if (kn == 13){*/
				searchnow();
			/*}
		}*/
	}
</script>
</HEAD>

<body class="skin-blue sidebar-mini">
    <div class="wrapper">
      
      $header
	  
      $navbar
	  
	  <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
           Deposit List
            <small>preview of all deposit list</small>
          </h1>
          <!--
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Tables</a></li>
            <li class="active">Simple</li>
          </ol>
		-->
        </section>
		
		<!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-md-12">
              <div class="box box-primary">
                <div class="box-header">
				  <span style="float: right; visibility: hidden" id="loadingprogress"><img src="img/loading.gif" border="0" width="15" height="15"></span>
                </div><!-- /.box-header -->
                <div class="box-body">
					<form action="admindeposit.php" method="post" onsubmit="return confirm(\'Are you sure?\')">
					  <table class="table table-bordered table-hover">
						<thead>
							<tr>				  
								<th width="15%" height="25" align="center" style="cursor: pointer" onclick="sorts(\'sorttransactionnumber\')">
								Transaction Number <img id="sorttransactionnumber" src="plugins/datatables/images/sort_both.png" border="0" style="vertical-align: middle"></th>
								<th width="15%" height="25" align="center" style="cursor: pointer" onclick="sorts(\'sortemail\')">
								Email <img id="sortemail" src="plugins/datatables/images/sort_both.png" border="0" style="vertical-align: middle"></th>
								<th width="20%" height="25" align="center" style="cursor: pointer" onclick="sorts(\'sortuser\')">
								Name <img id="sortuser" src="plugins/datatables/images/sort_both.png" border="0" style="vertical-align: middle"></th>
								<th width="15%" height="25" align="center" style="cursor: pointer" onclick="sorts(\'sorttype\')">
								Type <img id="sorttype" src="plugins/datatables/images/sort_both.png" border="0" style="vertical-align: middle"></th>
								<th width="15%" height="25" align="center" style="cursor: pointer" onclick="sorts(\'sortdate\')">
								Deposit Date <img id="sortdate" src="plugins/datatables/images/sort_both.png" border="0" style="vertical-align: middle"></th>
								<th width="10%" height="25" align="center" style="cursor: pointer" onclick="sorts(\'sortamount\')">
								Amount <img id="sortamount" src="plugins/datatables/images/sort_both.png" border="0" style="vertical-align: middle"></th>
 								<th width="10%" height="25" align="center" style="cursor: pointer" onclick="sorts(\'sortstatus\')">
								Status <img id="sortstatus" src="plugins/datatables/images/sort_both.png" border="0" style="vertical-align: middle"></th>
							</tr>
							<tr bgcolor="#EFEFEF" style="color: #fff">
								<th height="25" align="center">
								<input type="text" class="form-control input-xs" id="transaction_number" style="width: 95%; font-size: 10px;" onkeyup="loadajax(event)"></th>
								<th height="25" align="center">
								<input type="text" class="form-control input-xs" id="email" style="width: 95%; font-size: 10px;" onkeyup="loadajax(event)"></th>
								<th height="25" align="center">
								<input type="text" class="form-control input-xs" id="user" style="width: 95%; font-size: 10px;" onkeyup="loadajax(event)"></th>
								<th height="25" align="center">
								<select class="form-control input-xs" id="type" style="width: 95%; font-size: 10px;" onchange="searchnow()">
									<option value="">All</option>
									$deposit_type_list
								</select></th>
								<th height="25" align="center">
								<input type="text" placeholder="Start Date" onkeyup="loadajax(event)" style="font-size: 10px;" id="startdate" class="form-control input-xs date_only">
								<input type="text" placeholder="End Date" onkeyup="loadajax(event)" style="font-size: 10px;" id="enddate" class="form-control input-xs date_only">
								</th>
								<th height="25" align="center">
								<input type="text" class="form-control input-xs" id="amount" style="width: 95%; font-size: 10px;" onkeyup="loadajax(event)"></th>
 								<th height="25" align="center">							
									<select id="status" class="form-control input-xs" onchange="searchnow()" style="width: 95%; font-size: 10px;">
									<option value=""> All Status</option>
									<option value="1"> Pending</option>
									<option value="2"> Success</option>
									<option value="3"> Reject</option>
								</select></th>
							</tr>
						</thead>
						<tbody id="ajaxlist"></tbody>
					  </table>
						<div class="col-md-12 padding-0">
							<div class="col-xs-6 padding-0">
							  <!--<a href="invoice-print.html" target="_blank" class="btn btn-default"><i class="fa fa-print"></i> Print</a>
							  <button class="btn btn-success" onclick="window.open(\'adminproductdetail.php?add=new\',\'_self\')"><i class="fa fa-credit-card"></i> Submit Payment</button>  -->
							  <!--<button type="button" class="btn btn-primary" style="margin-right: 5px;" onclick="window.open(\'deposit_detail.php?add=new\',\'_self\')"><i class="fa fa-plus"></i> Add New</button>-->
							</div>
							<div class="col-xs-6 padding-0">
								$listaction
							</div>
						</div>
					</form>
                </div><!-- /.box-body -->
                <div class="box-footer clearfix">
					
					<div class="col-md-6 padding-0" id="recordsbottom"></div>
					<div class="col-md-6 padding-0 align-right" id="pagebottom"></div>
					
					<!--<div class="col-xs-6 padding-0">
					  <ul class="pagination pagination-sm no-margin pull-right">
						<li><a href="#">&laquo;</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">&raquo;</a></li>
					  </ul>
					  $pagelink
					</div>-->
                </div>
				
				
              </div><!-- /.box -->
			</div><!-- /.col -->
		  </div><!-- /.row -->
		  
		</section><!-- /.content -->
      </div><!-- /.content-wrapper -->
	  
	  $footer
	 
	</div><!-- ./wrapper -->
	
	<!-- Bootstrap Date Time Picker -->
	<script src="js/bootstrap-datetimepicker.js"></script>

	<script type="text/javascript">
		ajaxfromcookie("");
		<if criteria="$_GET[\'error\'] == \'notsupportedimagefile\'">
		alert("Image file not supported. Supported Image File : JPEG, GIF, PNG");
		</endif>
		<if criteria="$_GET[\'error\'] == \'noimage\'">
		alert("No image file uploaded");
		</endif>
		<if criteria="$_GET[\'error\'] == \'status\'">
		alert("Deposit status can not be changed");
		</endif>
		
		$(function () {
			$(".date_only").datetimepicker({
				language:  "id",
				format:"yyyy-mm-dd",
				autoclose: 1,
				minView: 2,
				pickerPosition: "bottom-right"
			});
			
			$(".date_only").datetimepicker().on("changeDate", function(ev){
				searchnow();
			});
		});
	</script>
</body>
</html>';
?>