<script>

		
function view_ac() {
  var x = document.getElementById("view_ac");
	
	 var unit_ac = document.getElementById("unit_ac");
	 var bulk_ac = document.getElementById("bulk_ac");
	 var crude_ac = document.getElementById("crude_ac");
	
  if (x.style.display === "none") {
    x.style.display = "block";
	  
	   
	  unit_ac.style.display="none";
	  crude_ac.style.display="none";
	  bulk_ac.style.display="none";
	  
  }
	else {
    x.style.display = "none";
  }
	
	
}
		


</script>





<?PHP


session_start();
$status = $_SESSION['status'];
$privilage = $_SESSION['privilage']; 


$background_color =$_SESSION['background_color'];
$text_color =$_SESSION['text_color'];

		$bottom_backgroundcolor = $_SESSION['bottom_backgroundcolor'] ;
		$bottom_textcolor = $_SESSION['bottom_textcolor'] ;







if (!(isset($_SESSION['login']) && $_SESSION['login'] != '')) {
	header ("Location: ../login.php");
}

//echo 'WELCOME'.'    '.$_SESSION['name'].'   '.'<A HREF = logout.php>Log out</A>';

?>

<?php

$privilage = $_SESSION['privilage']; 

$ID = $_SESSION['ID']; 
//echo "<br>";
 $app_name = $_SESSION['app_name'];
//echo "<br>";
 $status = $_SESSION['status'];

//echo "<br>";
/*
if($status == "inactive"){
//echo "it works";
	
	header ("Location: payments_page.php");
	
						 }
*/
?>






<?php
require 'config.php';

$db_handle = mysqli_connect(DB_SERVER, DB_USER, DB_PASS);
//$database = $_SESSION['database'];



$database = "lawpedc3_lbs_users";

$db_found = mysqli_select_db($db_handle, $database);


?>


<?php
if(isset($_POST['A'])){
	 
    $product = $_POST['product'];
	$amount = $_POST['amount'] ;

	$uname =$product;
    $pword = $amount;

	$db_found = new mysqli(DB_SERVER, DB_USER, DB_PASS, $database );
					
					/*	
			$SQL = $db_found->prepare("INSERT INTO txn_table (product_name, amount, user_id) VALUES (?,?,?)");
			$SQL->bind_param('sss', $uname, $pword,  $_SESSION['user_id']  );
			$SQL->execute();
			header ("Location: dashboard.php");
	*/
	
	 $date = date("Y-m-d");
	
	//$time = date("h-m-d");

	
	$SQL = $db_found->prepare("INSERT INTO txn_table (product_name, amount, user_id,date) VALUES (?,?,?,?)");
			$SQL->bind_param('ssss', $uname, $pword,  $_SESSION['user_id'], $date );
			$SQL->execute();
			header ("Location: dashboard.php");
		
						

	
	
	
		echo $notification = "operation successfull";




}







else if(isset($_POST['B'])){
	
	echo 'B';

}

else if(isset($_POST['C'])){
	
	echo 'C';

}


else if(isset($_POST['refresh'])){
	
echo 'it refeshes';


}


else{
	
}
?>


<!DOCTYPE html>
<html lang="en">
<head>
	<title>Lawped</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	 <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png">
  <link rel="icon" type="image/png" href="assets/img/favicon.png">
	
	
	  <!--manifest file for pwa ap-->
	 <link href="manifest.json"  rel = "manifest">
	   <!--manifest file for pwa ap-->
	  
	  <!--ios support-->
	   <link href="img/icons/icon-96.png"  rel = "apple-touch-icon">
	  <meta name="apple-mobile-web-app-status-bar" content="#00695c">
	  <meta name="theme-color" content="#00695c">
	  <!--ios suppoer-->
	
	  <script src="app.js"></script>
	
	
<!--===============================================================================================-->	
		
	
 <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
  <!-- Material Icons -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
  <!-- CSS Files -->
  <link id="pagestyle" href="assets/css/material-dashboard.css" rel="stylesheet" />
	
	 <link href="css/bootstrap-4.4.1.css" rel="stylesheet">
<!--===============================================================================================-->
	
</head>
	
	 <script src="js/main.js"></script>
	
	
	
	<style>


		
		.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
 
	
	 background: blue;
	
	
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
				.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-left: 16px solid pink;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
		
		






	body, html {
background-color: #E1E1DB;
}

	
		
	
            div.scroll {
                //margin:4px, 4px;
               // padding:4px;
               // background-color: #494747;
                width: 100%;
                height: 110px;
               // overflow-x: hidden;
               // overflow-y: auto;
				overflow: auto;
                text-align:justify;
            }
		
		div.scroll_history {
                /margin:4px, 4px;
               // padding:4px;
               // background-color: #132FD0;
                width: 100%;
                height: 310px;
               //overflow-x: hidden;
               //overflow-y: auto;
				//overflow: auto;
                text-align:justify;
            }
		
		
		div.scroll_bod {
                margin:4px, 4px;
               // padding:4px;
                //background-color: green;
                width: 100%;
                height: 300px;
               // overflow-x: hidden;
                //overflow-y: auto;
				//overflow: auto;
                text-align:justify;
            }
		
		
		
		
		
		
		
		
		
		
		
		
		
			.btn {
 // background-color: DodgerBlue;
			
			 background-color: <?php echo  $bottom_backgroundcolor ?>;
  border: none;
  //color: white;
			
		color:<?php echo  $bottom_textcolor ?>;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}

/* Darker background on mouse-over */
.btn:hover {
 background-color: RoyalBlue;
	
	
}
		

	</style>
	
<body onLoad= "unit_ac(),bulk_ac(),crude_ac(),spinner()">


	
	
	<!--newheader-->
	
	
	
	
	<!--new headeer-->
	
	
	<div class="jumbotron-fluid" style="background-color: #030A5F; color: #F0ECEC; ">
	
				<i class='fas fa-user-circle'>  <?php echo $_SESSION['name'].'   '.' (IDN '. $_SESSION['user_id'].' ) ' ?></i>
			
			
<i class="fa fa-calendar"> inactive</i> 
		  <div class="" style="float: right; color: #ED0307;"><a HREF = "logout.php" onClick="spinner()"><span style="color: #F9F833"><i class='fas fa-power-off'>logout</i></span></a></div>
			

			
		</div>
	
	
				<?php 
	
	//this script is to change the app picture of the app
	
	//echo $_SESSION['biz_nature'];
	
	if( $_SESSION['biz_nature'] =="phamarcy")
	{
		
		$img = "pharmacy.png"  ;
	}
	
	else if( $_SESSION['biz_nature'] =="printing press")
	{
		$img = "print.png" ;
	}
	
	else if( $_SESSION['biz_nature'] =="bookshop")
	{
		$img = "book3.png" ;
	}
	
	else if( $_SESSION['biz_nature'] =="drinks")
	{
		$img = "drink.png" ;
	}
	
	else if( $_SESSION['biz_nature'] =="retailshop")
	{
		$img = "retailshop.png" ;
	}
	
	else if( $_SESSION['biz_nature'] =="gas")
	{
		$img = "gas2.jpg" ;
	}
	else if( $_SESSION['biz_nature'] =="electronics")
	{
		$img = "electronics.jpg" ;
	}
	
	else if( $_SESSION['biz_nature'] =="cement")
	{
		$img = "cement.jpg" ;
		//$img = "drinkss.jpg" ;
	}
	
	
	
	else if( $_SESSION['biz_nature'] =="coldroom")
	{
		//$img = "cement.jpg" ;
		$img = "coldroom.jpg" ;
	}
	
	
	else if( $_SESSION['biz_nature'] =="supermark")
	{
		//$img = "cement.jpg" ;
		$img = "retailshop.png" ;
		
	}
	
	
	
	//	$img = "pharmacy3.jpg" ;
	
	
	
	?>

	
	
		<div class="jumbotron" style="background-color: darkblue; background-image:url(<?php echo $img ; ?>)">
			
			<div style="color: #FDFDF9;  "><h4><b><marquee behavior="alternate"><span style="color: #F9F0F1"><?php echo $_SESSION['biz_name']; ?></span></marquee></b></h4></div>
			
			
			
			
			
			
		
			<div class="row" >
		
				<div class="col-md-12" >
			
					<table style="margin: auto; width: auto" >
		
	
						<tbody >
						
						<tr >
				
							<td>
					
								<button class="btn" style= "width: inherit; height: 70px" onClick= "window.alert('inactive APP')"><i class='fas fa-coins'></i> Income </button>
					
								
								
								
								
								<!--<input type="submit" value='INCOME' onClick="view_ac()" class="btn btn-dark" style= "width: inherit; height: 70px;color:"  name = "A"  >-->
					
					
			
							</td>
	
							<td>
		   
								<a href="report_wizard.php"> <button class="btn" style= "width: inherit; height: 70px"  onClick= "window.alert('inactive APP')"><i class='fas fa-file-invoice'></i> Report </button> </a>
								
								<!--<a href="report_wizard.php"><input type="button" onClick="spinner()" value="Report" class="btn btn-info" style= "width: ; height: 70px"  name = "A" ></a>-->
				
							</td>
	
							<td>
		
							<a href="cloud_pin_mgt.php"> 	<button class="btn" style= "width: inherit; height: 70px" onClick= "view_ac(),spinner()"><i class="material-icons">apps</i> Activate </button> </a>
								
								
			
							</td>
	
	
	
				
						</tr>
		
						</tbody>
					</table>
		
				</div>
	
    
			</div>
			
			
			
			<div class="row">
			
				<table style="margin: auto;width: auto" >
		
	
					<tr>
				
						<td>
					
							
							<button class="btn" style= "width: inherit; height: 50px" onClick= "window.alert('inactive APP')"><i class='fas fa-coins' style="color:#FC8789"></i> Expenses </button>
					 
							<!--<input type="submit" onClick="unit_ac()" value="EXPENSES" class="btn btn-dark" style= "width: inherit; height: 50px" name = "A" >-->
					
					
				
						</td>
	
						<td>
		
							
							
								<button class="btn" style= "width: inherit; height: 50px" onClick= "window.alert('inactive APP')"><i class="fa fa-circle-o"></i> Inventory</button>
							
							<!--<a href="inventory_ac.php"> <input type="submit" value="Inventory" onClick="spinner()" class="btn btn-info" style= "width: inherit; height: 50px" name = 
															   "A" ></a>-->
				
						</td>
	
						<td>
							
							
							
								<button class="btn" style= "width: inherit; height: 50px" onClick= "window.alert('inactive APP')"><i class='fas fa-user-plus'></i> </button>
		 
							<!--<a href="add_user.php"> <input type="submit" value="Add users" onClick="spinner()" class="btn btn-info" style= "width: inherit; height: 50px" name = "A"  ></a>-->
				
						</td>
	
	
	
					</tr>
			
			
				</table>
		
		
			
			</div>
				
	
			<div class="row">
			
				<table style="margin: auto; width: auto"  >
		
	
					<tr>
				
						<td>
			<a href="payment_activate.php">	<button class="btn" style= "width: inherit; height: 50px" onClick=" spinner()"><i class="fa fa-refresh"></i> </button> </a>
					 
							<!--<a href="dashboard.php"><input type="button" value="Refresh" class="btn btn-info " onClick=" spinner()" style= "width: inherit; height: 50px"  >-->
					
					
				
						</td>
	
						<td>
							
		 
							<button class="btn" style= "width: inherit; height: 50px"   onClick= "window.alert('inactive ')"><i class='fas fa-receipt' ></i> Receipts</button>
							
							
							
				
						</td>
	
						<td>
		 
							<button class="btn" style= "width: inherit; height: 50px" onClick= "window.alert('inactive APP')"><i class="fa fa-cogs"></i> </button>
							<!--<a href="setup_ac.php"><input type="submit" value="Setup" class="btn btn-info" style= "width:inherit; height: 50px" name = "A" onClick= "spinner()" ></a>-->
				
						</td>
	
	
	
			
		
				</table>
	
			
		
				</tr>
			
	</div>
	
	<div class="row">
			
				<table style="margin: auto; width: auto"  >
		
	
					<tr>
				
						<td>
					
								<button class="btn" style= "width: inherit; height: 40px" onClick= "window.alert('inactive APP')"><i class="fa fa-circle-o"></i> DEBT MGT</button>
					 
							<!--<a href="debtors.php"><input type="button" value="DEBT MGT" class="btn btn-info" onClick="spinner()" style= "width: inherit; height: 40px"  ></a>-->
					
					
				
						</td>

						<td>
		 
								<button class="btn" style= "width: inherit; height: 40px" onClick= "window.alert('inactive APP')"><i class="fa fa-database"></i> </button>
							
						<!--<a href="database.php">	<input type="button" value="database" class="btn btn-info" style= "width: inherit; height: 40px" name = "A" onClick="spinner()"  > </a>-->
				
						</td>
	
						<td>
							
								<button class="btn" style= "width: inherit; height: 40px" onClick= "window.alert('inactive APP')"><i class='fas fa-users'></i> </button>
		 
						<!--	<a href="customers.php"><input type="submit" value="CUSTOMERS" class="btn btn-info" style= "width:inherit; height: 40px" name = "A" onClick="spinner()" ></a>-->
				
						</td>
	
	
	
			
		
				</table>
	
			
				</tr>
			
	</div>
	
	
			
	
			
	<div style="align-content: center; text-align: center; color:white">
		
		<?php echo "inactive" ?> 
		
	
		
	</div>

	
			
			
			
			
	
		
		</div>
	
	
	<!--script to show recent inserted record-->
	
	
		

	<div style="text-align:  center;background-color:#050404; font-size: 2px ">
		<h6> <marquee behavior="scroll" style="color: #F7E81B"> <?php echo "welcome to"."  ".$_SESSION['biz_name']." ||  ".'this App'."  ".$_SESSION['app_code']."  ".'is inactive to activate kindly follow the instruction below'."  ". ""." || "."we are into:".$_SESSION['biz_nature']."   || Company Role: $privilage" ?>
		</marquee></h6>
</div>









	<!--script to show recent inserted record-->
	
	
		<div class="scroll_body" style="background-color: whit" id=""  >
	
	<div class="container-fluid" style="" >
		
		
		
		<div class="jumbotron-fluid" style="background-color: ">
		
		
				<div class="row">
				
										<div class="col-md-4" style="padding-top: 8px" id="unit_ac">
											<div id="">
											
											<form METHOD ="POST" ACTION = "dashboard.php" style="width: 100%">
											<table width="100%">
				<tr>
				
					
					
					<td>  <select class="custom-select"  style="width:"  id="inputGroupSelect03" name="product">
																			<option selected>Select Product</option>
		
																	  </select> 
					</td>
					
						 
						 													<td>
						 	  <input type= "text" style="width:100%" placeholder="Amount" class="form-control" aria-label="Amount (to the nearest dollar)" name="amount">
						 													
						 													</td>
						 
						 
							</tr>
			</table>
			 <input type="submit" value="SAVE" class="btn-dark" style= "width: 100%" name = "A" >
											
											</form>
											</div>	
											
										</div>
										
					
										<div class="col-md-4" style="padding-top: 8px" id="bulk_ac">
 <form METHOD ="POST" ACTION = "dashboard.php" style="width: 100%">
											<table width="100%">
				<tr>
				
					
					
					<td>  
					<input type="text" class="form-control" name="product" placeholder="Job Description" aria-label="Amount" aria-describedby="basic-addon2">
					</td>
					<td>
					<input type="text" class="form-control" name="amount" placeholder="Amount" aria-label="Recipient's username" aria-describedby="basic-addon2">
				
					
																			</td>
						 
												
						 												
						 
							</tr>
			</table>
			 <input type="submit" value="SAVE" class="btn-info" style= "width: 100%" name = "A" >
											
											</form>
										</div>
					
										
								
				<div class="col-md-4" style="padding-top: 8px; background-color:" id="crude_ac"  >
					</div>

					

				</div>
		
		
		</div>
		
		
		
		
		<?php
		
		
		
		
//$dat = date("h:i") ;
		
		 $date = date("Y-m-d");
			  //==================================================================================
			 //this junk of code is to sum up daily transaction
			//==================================================================================
	  $SQL = "SELECT  * FROM login   where ID= $ID   ORDER BY ID DESC";
	
	
	  $result = mysqli_query($db_handle, $SQL);

$db_found = mysqli_fetch_assoc($result) ;
	   
	  //===================================================================================
		
		
	  		?>
		
	
		
		
		<td><div class=" lds-roller" id="spin" style="margin: auto">  <div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> </td> <td></td> 
		
		<div class="jumbotron-fluid" style="background-color: " id="view_ac">
		




					<div class="row " style="margin-top: 1px; background-color:">
		
			<div class = "col-md-6 " style="background-color:;padding: 10px">
				 <strong ><span style="color:#260B4D;color: #086310;padding: "> <br> APP information
					     </span></strong>
			
			  <div class="jumbotron-fluid scroll" style="font-size:12; ">
				  
				 
				  
	  <table class="table table-dange table-hover" style="font-size:12; width:100%  " >
  <tbody>
    
		
     
    </tr>
 			
		<tr>
	 	
		
			
			<td>
			Status
			</td>
			
			<td>
			<?php echo $db_found['status'];?>
			</td>
			
			
	  	</tr>
	  <tr>
	 	
		
			
			<td>
			APP CODE
			</td>
			
			<td>
			<?php echo $db_found['app_code'];?>
			</td>
			
			
	  	</tr>
	  	<tr>
	 	
		
			
			<td>
			APP Owner
			</td>
			
			<td>
			<?php echo $db_found['name'];?>
			</td>
			
			
	  	</tr>
	  	<tr>
	 	
		
			
			<td>
			Profile ID
			</td>
			
			<td>
			IDN<?php echo $db_found['ID'];?>
			</td>
			
			
	  	</tr>
	  	<tr>
	 	
		
			
			<td>
			Database
			</td>
			
			<td>
			<?php echo $db_found['d_b'];?>
			</td>
			
			
	  	</tr>
	  
	  <tr>
	 	
		
			
			<td>
			Privilage
			</td>
			
			<td>
			<?php echo $db_found['privilage'];?>
			</td>
			
			
	  	</tr>
	  
	  <tr>
	 	
		
			
			<td>
			Business Name
			</td>
			
			<td>
			<?php echo $db_found['biz_name'];?>
			</td>
			
			
	  	</tr>
	    <tr>
	 	
		
			<td>
			Nature of Business 
			</td>
			
			<td>
			<?php echo $db_found['biz_nature'];?>
			</td>
			
			
	  	</tr>
	  <tr>
	 	
		
			<td>
			Nationality
			</td>
			
			<td>
			<?php echo $db_found['nation'];?>
			</td>
			
			
	  	</tr>
	  
	  	<tr>
	 	
		
			
			<td>
			Email
			</td>
			
			<td>
			<?php echo $db_found['email'];?>
			</td>
			
			
	  	</tr>

<tr>
	 	
		
			<td>
			City
			</td>
			
			<td>
			<?php echo $db_found['city'];?>
			</td>
			
			
	  	</tr>
	  <tr>
	 	
		
			<td>
			Phone Number
			</td>
			
			<td>
			<?php echo $db_found['fone'];?>
			</td>
			
			
	  	</tr>
	  	<tr>
	 	
		
			
			<td>
			Login Detail
			</td>
			
			<td>
			<?php echo $db_found['L1'];?>
			</td>
			
			
	  	</tr>
	   <tr>
	 	
		
			<td>
			Application Date
			</td>
			
			<td>
			<?php echo $db_found['date'];?>
			</td>
			
			
	  	</tr>
	  
	  <tr>
	 	
		
			<td>
			Activation Date
			</td>
			
			<td>
			<?php echo $db_found['activation_date'];?>
			</td>
			
			
	  	</tr>

	  <tr>
	 	
		
			<td>
			Experation Date
			</td>
			
			<td>
			<?php echo $db_found['expiration_date'];?>
			</td>
			
			
	  	</tr>
	  
	 
	
	
  </tbody>
</table>
						
	
	
	</div>

					</div>
						
			<div class = "col-md-4 " style="background-color:">
				
							 
	
				
						 <div class="jumbotron-fluid scroll_history" style="font-size:12; ">
				  
	<span style="color:#3502C5;padding: 4px;"><br><strong ><p><b> How to Activate APP: </b></strong> </span> <p> </p> <b>   Buy a Product Key from our Vendors or directly from our offices. Click on Activate then follow the instruction. In 24hrs duration your App(<?php echo $db_found['app_code'];?>) will be actived. <p>  </p>Customer Care: <a href ="tel:09055158742">  090-551-587-42.</a></b><p>
							 
							 <!-- </p><b> or Make Payment of $5 or N5000 to [Account-Details:Alaye.V.David,Access-Bank(1431944079)] in other to use this app for a Year Period</b> <p>
							 </p> <b>After Payment, WhatsApp or Email your APP Code and payment Details to LBS@lawped.com.ng.</b><p>
							 </p> <b>Inless than 24hrs your APP will be Activated <br> Customer Care: 090-551-587-42.</b><p></p>			  
	-->
	
	</div>
			</div>
			
		</div>
		
		</div>
		
		
	
		
	
</div>
	
	</div>


</body>
</html>




	<script>
		
		
function view_ac() {
  var x = document.getElementById("view_ac");
	
	 var unit_ac = document.getElementById("unit_ac");
	 var bulk_ac = document.getElementById("bulk_ac");
	 var crude_ac = document.getElementById("crude_ac");
	
  if (x.style.display === "none") {
    x.style.display = "block";
	  
	   
	  unit_ac.style.display="none";
	  crude_ac.style.display="none";
	  bulk_ac.style.display="none";
	  
  }
	else {
    x.style.display = "none";
  }
	
	
}
		
		
	
function unit_ac() {
	var x = document.getElementById("unit_ac");
	 var unit_ac = document.getElementById("bulk_ac");
	 var crude_ac = document.getElementById("crude_ac");
	var view_ac = document.getElementById("view_ac");
	
  if (x.style.display === "none") {
   
	   x.style.display = "block";
	  
	  unit_ac.style.display="none";
	  crude_ac.style.display="none";
	  view_ac.style.display="none";
	  
	  
  } 
	else {
    x.style.display = "none";
		
		
		
  }
	
	
}		
		
		
function bulk_ac() {
  var x = document.getElementById("bulk_ac");
	
	 var unit_ac = document.getElementById("unit_ac");
	 var crude_ac = document.getElementById("crude_ac");
	var view_ac = document.getElementById("view_ac");
	
  if (x.style.display === "none") {
    x.style.display = "block";
	  
	   unit_ac.style.display="none";
	  crude_ac.style.display="none";
	   view_ac.style.display="none";
  } 
	else {
    x.style.display = "none";
  }
}		
		
			
function crude_ac() {
  var x = document.getElementById("crude_ac");
	
	var unit_ac = document.getElementById("unit_ac");
	 var bulk_ac = document.getElementById("bulk_ac");
	var view_ac = document.getElementById("view_ac");
	
  if (x.style.display === "none") {
    x.style.display = "block";
	  unit_ac.style.display="none";
	  bulk_ac.style.display="none";
	  view_ac.style.display="none";
  } 
	else {
    x.style.display = "none";
  }
}		
		
			
		

		


</script>			
			




 <!--   Core JS Files   -->
  <script src="assets/js/core/popper.min.js"></script>
  <script src="assets/js/core/bootstrap.min.js"></script>
 
  <script>
    var win = navigator.platform.indexOf('Win') > -1;
    if (win && document.querySelector('#sidenav-scrollbar')) {
      var options = {
        damping: '0.5'
      }
      Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);
    }
  </script>
  <!-- Github buttons -->
  <script async defer src="https://buttons.github.io/buttons.js"></script>
  <!-- Control Center for Material Dashboard: parallax effects, scripts for the example pages etc -->





<script>


		function spinner() {
  
			var x = document.getElementById("spin");
	
	
	
  if (x.style.display === "none") {
    x.style.display = "block ";
	  
	  
  }
	else {
    x.style.display = "none";
  }
	
	
}
	
		



</script>