bnmbertsu,yu,yu,yu,uy,ltdfg

<?php
						session_start();
						include('../Mplusedata&base/config.php');
						if(strlen($_SESSION['alogin'])==0)
							{	
						header('location:index.php');
						}
						else{
						date_default_timezone_set('Asia/Kolkata');// change according timezone
						$currentTime = date( 'd-m-Y h:i:s A', time () );

?>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>Member Order Page || Ann</title>
		<meta name="description" content="Static &amp; Dynamic Tables" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		
		
		<link rel="stylesheet" href="assets/css/fonts.googleapis.com.css" />
		
		<link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
		
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
		
		
		
		<script src="assets/js/ace-extra.min.js"></script>
		
		
	</head>

<body class="no-skin">
		<?php include("topheader.php");?>
		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>
			<?php include("leftheader.php");?>
			<div class="main-content">
				<div class="main-content-inner">
			<div class="page-content">
					     <div class="row">
							<div class="col-xs-12">
								
								<div class="hr hr-18 dotted hr-double"></div>
								<div class="row">
									<div class="col-xs-12">

<div class="clearfix">
											<div class="pull-right tableTools-container"></div>
										</div>
										<div class="table-header">
											 Member Order List
										</div>
										<div>
											<table id="dynamic-table" class="table table-striped table-bordered table-hover">
												<thead>
														<tr>
														<th>#</th>

<th> Name</th>
														<th width="50">Email /Contact no</th>
														<th>Shipping Address</th>
														<th>Product </th>
														
														<th>Order Date</th>
														<th>Action</th>
														
													
													</tr>
												</thead>

<tbody>
												<?php 
												 $f1="00:00:00";
												$from=date('Y-m-d')." ".$f1;
												$t1="23:59:59";
												$to=date('Y-m-d')." ".$t1;
												$delv="Delivered";
												$query=mysqli_query($con,"select users.name as username,users.email as useremail,users.contactno as usercontact,users.shippingAddress as shippingaddress,users.shippingCity as shippingcity,users.shippingState as shippingstate,users.shippingPincode as shippingpincode,products.productName as productname,products.shippingCharge as shippingcharge,orders.orderStatus as orderStatus,orders.quantity as quantity,orders.orderDate as orderdate,products.productPrice as productPrice,products.productPrice as productprice,orders.id as id,orders.memberorder_number as member_order  from orders join users on  orders.userId=users.id join products on products.id=orders.productId where  orderStatus!='$delv'");
												$cnt=1;
												while($row=mysqli_fetch_array($query))
												{
												?>										
										<tr>
											<td>
<?php echo $row['member_order']; ?>
<hr>
<?php if($row['orderStatus']=="Delivered") { ?>
											<?php  echo "<p style='background-color:#29dd29'>Delivered</p>";?>
											<?php } ?>
											<?php if($row['orderStatus']=="in Process") { ?>
											<?php  echo "<p style='background-color:#fbf702'>in Process</p>";?>
											<?php }
												if(($row['orderStatus']!="in Process")&&($row['orderStatus']!="Delivered"))   { echo "New";} 	?></td>

<td><?php echo htmlentities($row['username']);?></td>
											<td><?php echo htmlentities($row['useremail']);?>/<?php echo htmlentities($row['usercontact']);?></td>
										
											<td><?php echo htmlentities($row['shippingaddress'].",".$row['shippingcity'].",".$row['shippingstate']."-".$row['shippingpincode']);?></td>
											<td><?php echo htmlentities($row['productname']);?></td>
											<td><?php echo htmlentities($row['orderdate']);?></td>
											<td>
							<div class="hidden-sm hidden-xs action-buttons">
								<a class="blue" href="#my-modal2<?php echo htmlentities($row['id']);?>" data-toggle="modal">

<i class="ace-icon fa fa-search-plus bigger-130"></i>
										</a>
								<div id="my-modal2<?php echo htmlentities($row['id']);?>" class="modal fade" tabindex="-1">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
												<h3 class="smaller lighter blue no-margin"><?php echo htmlentities($row['username']);?></h3>
											</div>

<div class="modal-body">
											<table>
											
											<thead>
											<tr><td>Customer name&nbsp;</td><td><?php echo htmlentities($row['username']);?></td></tr>
											<tr><td>Email&nbsp;</td><td><?php echo htmlentities($row['useremail']);?></td></tr>
											<tr><td>shippingaddress&nbsp;</td><td><?php echo htmlentities($row['shippingaddress']);?></td></tr>
											<tr><td>productname&nbsp;</td><td><?php echo htmlentities($row['productname']);?></td></tr>
											<tr><td>Product Quantity&nbsp;</td><td><?php echo htmlentities($row['quantity']);?></td></tr>
											<tr><td>productPrice&nbsp;</td><td><?php echo htmlentities($row['productPrice']);?></td></tr>
											
											<?php if($row['shippingaddress']=="رام الله") {?> 
												<tr><td>Total:&nbsp; </td><td>
												<?php
												$total=$row['productPrice']*$row['quantity'];
												$Totaldelv=$total+15;
												echo $Totaldelv;?></td></tr>

<?php }?>
											<?php if($row['shippingaddress']!="رام الله") {?> 
											<tr><td>Total:&nbsp; </td><td>
												<?php 
												$total=$row['productPrice']*$row['quantity'];
												$Totaldelv=$total+25;
												echo $Totaldelv;?></td></tr>
											<?php }?>
											<tr><td>orderdate:&nbsp; </td> <td><?php echo htmlentities($row['orderdate']);?></td></tr>
											</thead>
											</table>
											</div>

<div class="modal-footer">
												<button class="btn btn-sm btn-danger pull-right" data-dismiss="modal">
													<i class="ace-icon fa fa-times"></i>
													Close
												</button>
											</div>
										</div>
									</div>
								</div>
								<script src="assets/js/jquery-2.1.4.min.js"></script>

<script type="text/javascript">
										if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
									</script>
									<script src="assets/js/bootstrap.min.js"></script>

<script src="assets/js/ace-elements.min.js"></script>
									<script src="assets/js/ace.min.js"></script>

<script type="text/javascript">
										jQuery(function($) {
											$('.modal.aside').ace_aside();
											
											$('#aside-inside-modal').addClass('aside').ace_aside({container: '#my-modal2."<?php echo $row['id']?>".modal-dialog'});
											
											//$('#top-menu').modal('show')
											
											$(document).one('ajaxloadstart.page', function(e) {
												//in ajax mode, remove before leaving page
												$('.modal.aside').remove();
												$(window).off('.aside')
											});
											
											
											//make content sliders resizable using jQuery UI (you should include jquery ui files)
											//$('#right-menu > .modal-dialog').resizable({handles: "w", grid: [ 20, 0 ], minWidth: 200, maxWidth: 600});
										})
									</script>
									
										<a class="green" href="#my-modal<?php echo htmlentities($row['id']);?>" data-toggle="modal">
										<i class="ace-icon fa fa-pencil bigger-130"></i>
								</a>
								<div id="my-modal<?php echo htmlentities($row['id']);?>" class="modal fade" tabindex="-1">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
												<h3 class="smaller lighter blue no-margin"><?php echo htmlentities($row['productname']);?></h3>
											</div>

<div class="modal-body">
													<?php

$oid=$row['id'];
										if(isset($_POST['submit2'])){
										$status=$_POST['status'];
										$remark=$_POST['remark'];//space char
										$oids=$_POST["saeed"];
										$query=mysqli_query($con,"insert into ordertrackhistory(orderId,status,remark) values('$oid','$status','$remark')");
										$sql=mysqli_query($con,"update orders set orderStatus='$status' where id='$oids'");
																					echo "<script type='text/javascript'>window.location.href = 'member_order.php'; </script>";

//}
										}

?>
													<script language="javascript" type="text/javascript">
													function f2()
													{
													window.close();
													}ser
													function f3()
													{
													window.print(); 
													}
													</script>

<tr height="50">
	      <td  class="fontkink"><input type="hidden" value="<?php echo $row["id"];?>" name="saeed">

<td colspan="2" class="fontkink2" style="padding-left:0px;"><div class="fontpink2"> <b>Update Order !</b></div></td>
      
    </tr>
   
    <?php 
$ret = mysqli_query($con,"SELECT * FROM ordertrackhistory WHERE orderId='$oid'");
     while($row=mysqli_fetch_array($ret))
      {
     ?>
		
    
    
      <tr height="20">
      <td class="fontkink1" ><b>At Date:</b></td>
      <td  class="fontkink"><?php echo $row['postingDate'];?></td>
    </tr>
     <tr height="20">
      <td  class="fontkink1"><b>Status:</b></td>
      <td  class="fontkink"><?php echo $row['status'];?></td>
    </tr>
     <tr height="20">
      <td  class="fontkink1"><b>Remark:</b></td>
      <td  class="fontkink"><?php echo $row['remark'];?></td>
    </tr>

<tr>
      <td colspan="2"><hr /></td>
    </tr>
   <?php } ?>
   <?php 
$st='Delivered';
   $rt = mysqli_query($con,"SELECT * FROM orders WHERE id='$oid'");
     while($num=mysqli_fetch_array($rt))
     {
     $currrentSt=$num['orderStatus'];
   }
     if($st==$currrentSt)
     { ?>
   <tr><td colspan="2"><b>
      Product Delivered </b></td>
   <?php }else  {
      ?>
   
    <tr height="50">
      <td class="fontkink1">Status: </td>
      <td  class="fontkink"><span class="fontkink1" >
        <select name="status" class="fontkink" required="required" >
          <option value="">Select Status</option>
                 <option value="in Process">In Process</option>
                  <option value="Delivered">Delivered</option>
        </select>
        </span></td>
    </tr>

<tr style=''>
      <td class="fontkink1" >Remark:</td>
      <td class="fontkink" align="justify" ><span class="fontkink">
        <textarea cols="50" rows="7" name="remark"  required="required" ></textarea>
        </span></td>
    </tr>
    <tr>
      <td class="fontkink1">&nbsp;</td>
      <td  >&nbsp;</td>
    </tr>
    <tr>
      <td class="fontkink">       </td>
      <td  class="fontkink"> 
	  <input type="submit" name="submit2"  value="update"   size="40" style="cursor: pointer;" /> &nbsp;&nbsp;   
    </tr>
<?php } ?>
</table>
 </form>
								</div>
								</div>

</div>
				
											
											</td>
											</tr>

<?php $cnt=$cnt+1; } ?>
										</tbody>
											</table>
										</div>
									</div>
								</div>

</div>
						</div>
					</div>
				</div>
			</div>

<?php include("fotter.php");?>

<script src="assets/js/jquery-2.1.4.min.js"></script>

<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="assets/js/bootstrap.min.js"></script>

<script src="assets/js/jquery.dataTables.min.js"></script>
		<script src="assets/js/jquery.dataTables.bootstrap.min.js"></script>
		<script src="assets/js/dataTables.buttons.min.js"></script>
		<script src="assets/js/buttons.flash.min.js"></script>
		<script src="assets/js/buttons.html5.min.js"></script>
		<script src="assets/js/buttons.print.min.js"></script>
		<script src="assets/js/buttons.colVis.min.js"></script>
		<script src="assets/js/dataTables.select.min.js"></script>

<script src="assets/js/ace-elements.min.js"></script>
		<script src="assets/js/ace.min.js"></script>

<script type="text/javascript">
			jQuery(function($) {
				//initiate dataTables plugin
				var myTable = 
				$('#dynamic-table')
				//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
				.DataTable( {
					bAutoWidth: false,
					"aoColumns": [
					  { "bSortable": false },
					  null, null,null, null, null,
					  { "bSortable": false }
					],
					"aaSorting": [],
					
					
					//"bProcessing": true,
			        //"bServerSide": true,
			        //"sAjaxSource": "http://127.0.0.1/table.php"	,
			
					//,
					//"sScrollY": "200px",
					//"bPaginate": false,
			
					//"sScrollX": "100%",
					//"sScrollXInner": "120%",
					//"bScrollCollapse": true,
					//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"
					//you may want to wrap the table inside a "div.dataTables_borderWrap" element
			
					//"iDisplayLength": 50
			
			
					select: {
						style: 'multi'
					}
			    } );
			
				
				
				$.fn.dataTable.Buttons.defaults.dom.container.className = 'dt-buttons btn-overlap btn-group btn-overlap';
				
				new $.fn.dataTable.Buttons( myTable, {
					buttons: [
					  {
						"extend": "colvis",
						"text": "<i class='fa fa-search bigger-110 blue'></i> <span class='hidden'>Show/hide columns</span>",
						"className": "btn btn-white btn-primary btn-bold",
						columns: ':not(:first):not(:last)'
					  },
					  {
						"extend": "copy",
						"text": "<i class='fa fa-copy bigger-110 pink'></i> <span class='hidden'>Copy to clipboard</span>",
						"className": "btn btn-white btn-primary btn-bold"
					  },
					  {
						"extend": "csv",
						"text": "<i class='fa fa-database bigger-110 orange'></i> <span class='hidden'>Export to CSV</span>",
						"className": "btn btn-white btn-primary btn-bold"
					  },
					  {
						"extend": "excel",
						"text": "<i class='fa fa-file-excel-o bigger-110 green'></i> <span class='hidden'>Export to Excel</span>",
						"className": "btn btn-white btn-primary btn-bold"
					  },
					  {
						"extend": "pdf",
						"text": "<i class='fa fa-file-pdf-o bigger-110 red'></i> <span class='hidden'>Export to PDF</span>",
						"className": "btn btn-white btn-primary btn-bold"
					  },
					  {
						"extend": "print",
						"text": "<i class='fa fa-print bigger-110 grey'></i> <span class='hidden'>Print</span>",
						"className": "btn btn-white btn-primary btn-bold",
						autoPrint: false,
						message: 'This print was produced using the Print button for DataTables'
					  }		  
					]
				} );
				myTable.buttons().container().appendTo( $('.tableTools-container') );
				
				//style the message box
				var defaultCopyAction = myTable.button(1).action();
				myTable.button(1).action(function (e, dt, button, config) {
					defaultCopyAction(e, dt, button, config);
					$('.dt-button-info').addClass('gritter-item-wrapper gritter-info gritter-center white');
				});
				
				
				var defaultColvisAction = myTable.button(0).action();
				myTable.button(0).action(function (e, dt, button, config) {
					
					defaultColvisAction(e, dt, button, config);
					
					
					if($('.dt-button-collection > .dropdown-menu').length == 0) {
						$('.dt-button-collection')
						.wrapInner('<ul class="dropdown-menu dropdown-light dropdown-caret dropdown-caret" />')
						.find('a').attr('href', '#').wrap("<li />")
					}
					$('.dt-button-collection').appendTo('.tableTools-container .dt-buttons')
				});
			
				////
			
				setTimeout(function() {
					$($('.tableTools-container')).find('a.dt-button').each(function() {
						var div = $(this).find(' > div').first();
						if(div.length == 1) div.tooltip({container: 'body', title: div.parent().text()});
						else $(this).tooltip({container: 'body', title: $(this).text()});
					});
				}, 500);
				
				
				
				
				
				myTable.on( 'select', function ( e, dt, type, index ) {
					if ( type === 'row' ) {
						$( myTable.row( index ).node() ).find('input:checkbox').prop('checked', true);
					}
				} );
				myTable.on( 'deselect', function ( e, dt, type, index ) {
					if ( type === 'row' ) {
						$( myTable.row( index ).node() ).find('input:checkbox').prop('checked', false);
					}
				} );
			
			
			
			
				/////////////////////////////////
				//table checkboxes
				$('th input[type=checkbox], td input[type=checkbox]').prop('checked', false);
				
				//select/deselect all rows according to table header checkbox
				$('#dynamic-table > thead > tr > th input[type=checkbox], #dynamic-table_wrapper input[type=checkbox]').eq(0).on('click', function(){
					var th_checked = this.checked;//checkbox inside "TH" table header
					
					$('#dynamic-table').find('tbody > tr').each(function(){
						var row = this;
						if(th_checked) myTable.row(row).select();
						else  myTable.row(row).deselect();
					});
				});
				
				//select/deselect a row when the checkbox is checked/unchecked
				$('#dynamic-table').on('click', 'td input[type=checkbox]' , function(){
					var row = $(this).closest('tr').get(0);
					if(this.checked) myTable.row(row).deselect();
					else myTable.row(row).select();
				});
			
			
			
				$(document).on('click', '#dynamic-table .dropdown-toggle', function(e) {
					e.stopImmediatePropagation();
					e.stopPropagation();
					e.preventDefault();
				});
				
				
				
				//And for the first simple table, which doesn't have TableTools or dataTables
				//select/deselect all rows according to table header checkbox
				var active_class = 'active';
				$('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
					var th_checked = this.checked;//checkbox inside "TH" table header
					
					$(this).closest('table').find('tbody > tr').each(function(){
						var row = this;
						if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
						else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
					});
				});
				
				//select/deselect a row when the checkbox is checked/unchecked
				$('#simple-table').on('click', 'td input[type=checkbox]' , function(){
					var $row = $(this).closest('tr');
					if($row.is('.detail-row ')) return;
					if(this.checked) $row.addClass(active_class);
					else $row.removeClass(active_class);
				});
			
				
			
				/********************************/
				//add tooltip for small view action buttons in dropdown menu
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				
				//tooltip placement on right or left
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					//var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
				
				
				
				
				/***************/
				$('.show-details-btn').on('click', function(e) {
					e.preventDefault();
					$(this).closest('tr').next().toggleClass('open');
					$(this).find(ace.vars['.icon']).toggleClass('fa-angle-double-down').toggleClass('fa-angle-double-up');
				});
				/***************/
				
				
				
				
				
				/**
				//add horizontal scrollbars to a simple table
				$('#simple-table').css({'width':'2000px', 'max-width': 'none'}).wrap('<div style="width: 1000px;" />').parent().ace_scroll(
				  {
					horizontal: true,
					styleClass: 'scroll-top scroll-dark scroll-visible',//show the scrollbars on top(default is bottom)
					size: 2000,
					mouseWheelLock: true
				  }
				).css('padding-top', '12px');
				*/
			
			
			})
		</script>
	</body>
</html>
<?php } ?>