<?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){
		var keywords = [];
		var fields = [];
		<if criteria="!empty($start_date)">
			keywords.push("$start_date");
			fields.push("startdate");
		</endif>
		
		<if criteria="!empty($end_date)">
			keywords.push("$end_date");
			fields.push("enddate");
		</endif>
		
		<if criteria="!empty($email)">
			keywords.push("$email");
			fields.push("email");
		</endif>
		
		<if criteria="!empty($type)">
			keywords.push("$type");
			fields.push("type");
		</endif>
		
		$.get("transactionhistory.php", {getlist: "ajax", \'keyword[]\': keywords, \'field[]\': fields, sortf: sortfield, sortd: sortdetail, p: page, type: \'$type\'}, function(data){
			$("#loadingprogress").css("visibility","hidden");
			$("#ajaxlist").html(data);
			
			$.get("transactionhistory.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 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 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
	  
	  <if criteria="$show_table_list">
	  
	  <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
			Member Transaction History
          </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">
                  <h3 class="box-title"></h3>
				  <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="transactionhistory.php" method="post" onsubmit="return confirm(\'Are you sure?\')">
					  <table class="table table-bordered table-hover">
						<thead>
							<tr>
								<if criteria="empty($type)">
								<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(\'sorttransactiontype\')">
								Transaction Type <img id="sorttransactiontype" src="plugins/datatables/images/sort_both.png" border="0" style="vertical-align: middle"></th>
								<else>
								<th width="20%" height="25" align="center" style="cursor: pointer" onclick="sorts(\'sorttransactiontype\')">
								Transaction Type <img id="sorttransactiontype" src="plugins/datatables/images/sort_both.png" border="0" style="vertical-align: middle"></th>
								</if>
								
								<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="10%" height="25" align="center" style="cursor: pointer" onclick="sorts(\'sortname\')">
								Name <img id="sortname" 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(\'sorttransactiondate\')">
								Transaction Date <img id="sorttransactiondate" src="plugins/datatables/images/sort_both.png" border="0" style="vertical-align: middle"></th>
								<if criteria="empty($type)">
								<th width="15%" height="25" align="center">
								Saldo Masuk</th>
								<th width="15%" height="25" align="center">
								Saldo Keluar</th>
								<else>
								<th width="15%" height="25" align="center">
								Bonus</th>
								</if>
							</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(\'transactionhistory.php\',\'_self\')"><i class="fa fa-mail-reply"></i> Back</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 -->
	  
	  <else>
	  
	  <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
			Filter Member Transaction History
          </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">
					<form name="frms" action="transactionhistory.php" method="post">
					  <div class="box-body">
						<if criteria="!empty($errmsg)">
						<div class="col-md-12 padding-0">
							$errmsg
						</div>
						</endif>
						
						<!--Col 1-->
						<div class="col-md-6 padding-0 padding-right-10">
							<div class="form-group">
								<label for="startdate">From Date</label>
								<input type="text" name="startdate" value="" id="startdate" class="form-control date_only">
							</div>
							<div class="form-group">
								<label for="enddate">To Date</label>
								<input type="text" name="enddate" value="" id="enddate" class="form-control date_only">
							</div>
							
							<div class="form-group">
								<label for="email">Email</label>
								<input type="text" name="email" class="form-control" value="">
							</div>
							
							<div class="form-group">
								<label for="type">Type</label>
								<select name="type" class="form-control">
									<option value="">All</option>
									<option value="bonus">Bonus</option>
								</select>
							</div>
							
							
						</div>
						<!--Col 2-->
						<div class="col-md-6 padding-0 padding-left-10">
						</div>
						
					  </div><!-- /.box-body -->

					  <div class="box-footer">
						<input type="hidden" value="filter_history" name="do">
						<button type="submit" class="btn btn-success"><i class="fa fa-filter"></i> Submit</button>
					  </div>
					</form>
              </div><!-- /.box -->
			</div><!-- /.col -->
		  </div><!-- /.row -->
		  
		</section><!-- /.content -->
      </div><!-- /.content-wrapper -->
	  
	  </if>
	  $footer
	 
	</div><!-- ./wrapper -->
	
	<!-- Bootstrap Date Time Picker -->
	<script src="js/bootstrap-datetimepicker.js"></script>

	<script type="text/javascript">
		<if criteria="$show_table_list">
		ajaxfromcookie("");
		</endif>
		
		$(function () {
			$(".date_only").datetimepicker({
				language:  "id",
				format:"dd-mm-yyyy",
				autoclose: 1,
				minView: 2,
				pickerPosition: "bottom-right"
			});
			
			<if criteria="$show_table_list">
			$(".date_only").datetimepicker().on("changeDate", function(ev){
				searchnow();
			});
			</endif>
		});
	</script>
</body>
</html>';
?>