JezK

Edit File: query_data.php

<?php session_start();
	include("db_connect_db_new.php");
	if($_SESSION["loggedIn"] == 0)
	 	header("location: index.php");
$user2 = $_SESSION["user"];

?>
<html>
	<head>
	<link rel = "stylesheet" href= "BootStrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="navbar3.css">
	<script src= "BootStrap/js/bootstrap.min.js"></script>
    <script src="BootStrap/js/jQuery.min.js"></script>
    <script src="BootStrap/js/bootstrap.min.js"></script>
	<style>
	body{ 
		width: 100%;
		
		position: relative;
		height: auto;
		background-color:#F0F8FF;

}

#body{
		padding-left: 30px;
	
	}

/* table{
	        border-collapse: collapse;
		}

th, td {
    		padding: 15px;
    		text-align: left;
		} */

#day_end, #day_start{
		width: 65px;
	}

#month_start, #month_end{
		width: 85px;
	}

#year_start, #year_end{
	    width: 65px;
	}

.affix {
      top:0;
      width: 100%;
      z-index: 9999 !important;
  }
  
  .FormLabel {padding-top: 20px;}
  .FormLabel input[type="radio"]{float: right;}
  #button{padding-top: 20px;}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
thead{
	background-color: #f5ebe1;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
 
}

tr:nth-child(even) {
  background-color: #dddddd;
}
.pull{
  text-align:center;
}
.row{
  
  background:#99b3ff;
  
}

.pull-right{
	margin-bottom:1%;
	float: right;
  padding: 6px;
  margin-top: 8px;
  margin-right: 16px;
  background: white;
  font-size: 17px;
  border: 3px solid;
  cursor: pointer;
  margin-top:-5%;
}
.container-fluid{
  margin-left:8%
}
.image{
	float:left;
  margin-left:-30%
}

</style>
 	</style>

</head>
	<body>

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header ">
     <a class="navbar-brand" href="#" id = "li"><?php echo "Logged in as : ".$user2;?></a>
    </div>
	<img  class="image" src="krifylogo.jpeg" alt="logo" width="8%" >
    <ul class="nav navbar-nav navbar-right">
      <li><a href="front.php" id = "li">Home</a></li>
      <li ><a href="myform.php" id = "li">Add Visitor</a></li>
      <li><a href="logoutform.php" id = "li">Checked Out Visitors</a></li>
      <li class="active"><a href="query_data.php">View Data</a></li> 
      <li><a href="logout.php" id = "li">Logout</a></li> 
    </ul>
  </div>
</nav>

<div id='body'>
			
		<div class="row" style = "height: auto;margin-left: -30;">
		<div class="col-sm-2" style="border-right: solid 2px; height: 95%;margin-bottom: 40px;background-color: rgba(35, 213, 216, 0.34);float: left;">	
		<h2>Search By  </h2>
		<script>
		function undisable() {
			document.getElementById("dateF").disabled=false;
			document.getElementById("dateP").disabled=false;
		}
		function disable() {
			document.getElementById("dateF").disabled=true;
			document.getElementById("dateP").disabled=true;
		}
		</script>
		<form action = "<?php echo $_SERVER["PHP_SELF"] ;?>" method = "POST" style = "padding-top:20px;">
		
		<div class="FormLabel" style="border-top: solid 2px;">		
		 <label for = "all" >View All Entries :</label><input type = "radio" id = "allData" name = "search"  value = "all" onclick="disable()">
		 </div>
		 <div class="FormLabel" style="border-top: solid 2px;">
		 <label for =" active entries">View all Active Visitors : </label><input type = "radio" name = "search"  id="active" value ="active" onclick="disable()">
		 </div>
		 <div style="border-bottom: solid 2px;padding-bottom: 12px;">
		 <div class="FormLabel" style="border-top: solid 2px;">
		 <label for = "date">Search By Date :</label> <input type = "radio" id = "bydate" name = "search" value="dates" 
		 onclick="undisable()">
		</div>

<div>
          
          <input type="date" id="dateP" name = "dateP" value= "<?php echo $datePF;?>" id = "in1" oninput = "onDateInput()" disabled required /> 
          <input type="date" id="dateF" name = "dateF" value= "<?php echo $dateFP;?>" id = "in2" disabled required />
		
	</div>
</div>
<script type="text/javascript">

function onDateInput(){				
var inputDateA = document.getElementById('in1').value;
		
		if(inputDateA)
			document.getElementById('in2').setAttribute('min', inputDateA);

}

</script>
	
	<script type="text/javascript">
		
	 var dateInput = document.getElementById('in1');
	 var dateInput2 = document.getElementById('in2');
	   
	   if(dateInput.value != "" || dateInput2.value != "")
          document.getElementById('inputdate').removeAttribute("class");

</script>
  <div id = "button">
   <button type= "submit" name = "submit"  class="btn btn-success"><span class="glyphicon glyphicon-search"></span>&nbsp;Search</button>
  </div>
  </form>
  </div>

<div class="col-sm-10">
	
<?php
	
	
     if($_SERVER["REQUEST_METHOD"] == "POST"){
	
	
	if(!isset($_POST["search"])){
			echo "<br><br><span style = 'color : red;'>PLease Select any field !</span>"; exit();}

/*-----------------------------------DISPAYING ALL DATA------------------------------------------*/
	
 if(isset($_POST["search"]) && $_POST["search"]=="all") 
 {
    $query = "SELECT * FROM info_visitor";
	$result = mysqli_query( $link,$query);
	$count = mysqli_num_rows($result);
			    
	if($count){
		echo "<br><h2 style = 'padding-left: 16px;''><b>Information of all visitors :</b></h2><br/>
		<input id='myInput' type='text' placeholder='Search..' class='pull-right'>

<table class='myId'>
	
		<thead>
			<tr>
			
			
			<th>Serial</th>
			<th>Receipt ID</th>
				<th>Name</th>
				<th>Contact</th>
				<th>Date</th>
				<th>Time In</th>
				<th>Time Out</th>				
				<th>Purpose</th>
				<th>meetingTo</th>	
				<th>location</th>
				<th>company</th>
				<th>Image</th>
				<th>registeredBy</th>
				<th>Status</th>
			</tr>
		</thead>
		<tbody>
			 ". headingMake($result)."
		
		</tbody>
	
	</table>
       
		";
		
		
		
	}else{echo "<br><span style = 'color : red;'>No Entries to Display</span>";}
   			
	 
}

/* -----------------------------------DISPLAY ACTIVE VISITORS------------------------------------*/
 		
 else if(isset($_POST["search"])&& $_POST["search"]=="active"){
 	if( empty($_POST["day_start"]) && empty($_POST["day_end"]) && empty($_POST["active"])) {

$sql = "SELECT * FROM info_visitor WHERE Status = 'ONLINE'";
 	 $result = mysqli_query($link, $sql);
 	 $count = mysqli_num_rows($result);
 			
 		if($count){

echo "<br><h3 style = 'padding-left: 16px;''><b> Information of Active Visitors:<b></h3><br/>
			 <input id='myInput' type='text' placeholder='Search..'class='pull-right'>
			 <table class='myId'>
	
		<thead>
			<tr>
			<th>Serial</th>
			<th>Receipt ID</th>
				<th>Name</th>
				<th>Contact</th>
				<th>Date</th>
				<th>Time In</th>
				<th>Time Out</th>				
				<th>Purpose</th>
				<th>meetingTo</th>				
				<th>location</th>
				<th>company</th>
				<th>Image</th>
				<th>registeredBy</th>
				<th>Status</th>
			</tr>
		</thead>
		<tbody>
			 ". headingMake($result)."
		
		</tbody>
	
	</table>";

}else{echo "<br><span style = 'color : red;'>No Entry Found !</span>";}
		}else{echo "<br><span style = 'color : red;'>select one at a time1.</span>";} 
 	
 }

/*-------------------------DISPALYING SELECTED DATA--------------------------------------------------*/

else if(isset($_POST["search"])&& $_POST["search"]=="dates"){

if( empty($_POST["dateP"])|| empty($_POST["dateF"])) 
	 echo "<br><br><span style = 'color : red;'>Select a valid option</p>";
else{
	 $datePF = $_POST['dateP'];
	     $dateFP = $_POST['dateF'];
		$dateP =explode('-',$_POST['dateP']);
	 	$dateF = explode('-', $_POST['dateF']);		     
	 													 /* Vriables used many times seperatly , 
	 													  * so can't use arrray now !! 
	 													  * future Reminder 
	 													  */

$day_start = $dateP[2];
		$day_end = $dateF[2];
		$month_start = $dateP[1];
	    $month_end = $dateF[1];
	    $year_start = $dateP[0];
		$year_end = $dateF[0];
	    $inputDate = array("$day_start", "$day_end", "$month_start", "$month_end", "$year_start", "$year_end");
			 
	 if($day_end >= $day_start && $month_end >= $month_start && $year_end >= $year_start){
	 if($day_start <=31 && $day_end<=31){
		$sql = "SELECT * FROM info_visitor WHERE day >= '$day_start' AND day <= '$day_end' AND year >= '$year_start' 
              AND year <= '$year_end' AND month >= '$month_start' AND month <='$month_end'";
		 $result = mysqli_query($link,$sql);
		 $count = mysqli_num_rows($result);
		
	 if($count){

//if($inputDate[0] == $inputDate[1])
	 if(1 == 1)
		echo "<br><br><h3 style = 'padding-left: 16px;'><b>Visitors Information from $inputDate[0]-$inputDate[2]-$inputDate[4]to 
		$inputDate[1]-$inputDate[3]-$inputDate[5]:<b><br/></h3> <br>
		<input id='myInput' type='text' placeholder='Search..' class='pull-right'>
		<table class='myId'>
	
		<thead>
			<tr>
			<th>Serial</th>
			<th>Receipt ID</th>
				<th>Name</th>
				<th>Contact</th>
				<th>Date</th>
				<th>Time In</th>
				<th>Time Out</th>				
				<th>Purpose</th>
				<th>meetingTo</th>				
				<th>location</th>
				<th>company</th>
				<th>Image</th>
				<th>registeredBy</th>
				<th>Status</th>
			</tr>
		</thead>
		<tbody>
			 ". headingMake($result)."
		
		</tbody>
	
	</table>";
 		
	 else
		echo "<br><br><h3 style = 'padding-left: 16px;'>Visitor Information from $inputDate[0]-$inputDate[2]-$inputDate[4] to 
	          $inputDate[1]-$inputDate[3]-$inputDate[5] : <br/></h3>";
		
		headingMake($result);
	 
	 }else{echo "<br><br><span style = 'color : red;'>No Match Found Sorry</span>";}
	 }else{echo "<br><br><span style = 'color : red;'>Their are max 31 days in any month !</span>";}
	
  	} else echo "<br><br><p style = 'color : red;'>select correct order, from past  to future !</p>";}
   }

/*-----------------------------------------------------------------------------------------------------------*/

}

function echoDetails($row){
 	if($row["TimeOUT"] == NULL) $row["TimeOUT"] = "Not Yet Logged out";
	  echo "<tr><td>" .$row['Name']."</td><td>"
	                  .$row['Contact'] ."</td><td>"
	                  .$row["Purpose"]."</td><td>"
	                  .$row["Date"]."</td><td>"
	      
	                    .$row["TimeIN"]."</td><td>".$row["TimeOUT"]. "</td><td>"
	                    .$row["Status"]."</td><td>"
	                    .$row["registeredBy"]."</td></tr>" ;  
	
 }
	$data ="";
	function headingMake($res){
		$data ="";  
       while($result = mysqli_fetch_array($res, MYSQLI_ASSOC)){

//    echo '<div class="col-sm-2">
//              <div class="thumbnail" style = "width:175px;">
	           
// 	           <p style = "text-align:center;"><strong>'.$result['Name'].' </strong></p>
// 	           <p>Receipt ID : '.$result['ReceiptID'].'</p>
// 	           <p>Contact : '.$result['Contact'].'</p>
// 	           <p>Time In : '.$result['TimeIN'].'</p>
// 	           <p>Date    : '.$result['Date'].'</p>
// 	           <p>Meeting : '.$result['meetingTo'].'</p>
// 	        </div>
// 	       </div>';

$data.= "
		   <tr>
		   <td>".$result['Serial']."</td>
		   <td>".$result['ReceiptID']."</td>
			 <td>".$result['Name']."</td>
			 <td>".$result['Contact']."</td>
			 <td>".$result['Date']."</td>
			 <td>".$result['TimeIN']."</td>
			 <td>".$result['TimeOUT']."</td>			 
			 <td>".$result['Purpose']."</td>
			 <td>".$result['meetingTo']."</td>			 
			 <td>".$result['location']."</td>
			 <td>".$result['company']."</td>
			 <td><img src='uploads/".$result['img']."' width='80px' height='auto'/></td>
			 <td>".$result['registeredBy']."</td>
			 <td>".$result['Status']."</td>
	       </tr>
	       ";
	   }
	   return $data;
  }         
 
         
?>

</div>
	</div>