<script>
    function showLoader()
	{
	    var i = document.getElementById("loader");
	    i.style.display="block";
	}
	
	function hideLoader()
	{
	    var i = document.getElementById("loader");
	    i.style.display="none";
    }
</script>
<?php
    
	$dataUser=getUser($userid);
	$usrName=$dataUser['Name'];
	$usrBal=getBal($userid);
	
	echo"<img src='images/loader2.gif' id='loader'></img>";
	echo "<div class='header'>
	        <input type='text' id='usrid' value='".$userid."' style='display:none;'>
	        <input type='text' id='distId' value='".$District."' style='display:none;'>
			<div class='brand'>
				<a href='index.php'><img src='images/logo.png'></img><h3>LLP RECHARGE</h3></a>
				<i class='fa fa-bars' onclick='shownav()'></i>
			</div>
			<div class='notification'>
				<div class='notifDiv'>
					<i class='fa fa-bell'></i>
					<div class='nodi'></div>
				</div>
				<div class='notifDiv'>
					<i class='fa fa-envelope'></i>
					<div class='nodi'></div>
				</div>
				<div class='notifDiv' onclick='showInvoice()' style='width:34%;'>
					<i class='fa fa-shopping-cart'></i>
					<div class='nodi'></div>
				</div>
			</div>
			<div class='user-div'>
				<i class='fa fa-user' onclick='userDiv()'></i>
				<div class='outr'><div class='innr' id='innr'></div></div>
				<div id='user-details'>
					<p><b>Userid : </b>".$userid."</p>
					<p><b>Name :</b> ".$usrName."</p>
					<p><b>Wallet Bal : </b> <i class='fa fa-inr' style='font-size:16px; margin-top:0;'></i> ".floor($usrBal)."</p>
					<a href='logout.php'><i class='fa fa-sign-out' id='signout'></i> Logout</a>
				</div>
			</div>
		</div>";
?>
<div id="msgDiv"></div>
<script>
</script>