<?php
	include'session.php';
	include'../connection.php';
	include'../functions.php';
	
	
?>
<html>
<head>
	<title>Change Profile</title>
	<!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
	<link rel="icon" href="images/logo.png" type="image/gif" sizes="16x16">
	
	<!-- Admin CSS File Link -->
	<link rel="stylesheet" href="css/style.css">
	
	<!-- User JAVA SCRIPT File Link -->
	<script type="text/javascript" src="js/script.js"></script>

	
	<!-- Font Awesome Icone -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	
	<style>
		.div1{
			background:#f7f7f7;
			width:50%;
			height:500px;
			float:left;
			text-align:center;
		}
		.subDiv1{
			background:#6b5127;
			color:white;
			width:30%;
			height:40px;
			line-height:40px;
			margin:15px 0px 0px 10px;
			border-radius:;
			font-size:17px;
			float:left;
		}
		.subDiv1Add{
			background:#6b5127;
			color:white;
			width:30%;
			height:100px;
			line-height:100px;
			margin:10px 0px 10px 10px;
			border-radius:;
			font-size:17px;
			float:left;
		}
		.subDiv2{
			color:white;
			width:64%;
			height:40px;
			line-height:40px;
			margin:15px 0px 0px 0px;
			border-radius:;
			font-size:19px;
			float:left;
		}
		
		.subDiv2Add{
			color:white;
			width:64%;
			height:100px;
			line-height:100px;
			margin:10px 0px 10px 0px;
			border-radius:;
			font-size:19px;
			float:left;
		}
		.div1 input, .div1 select, .div1 p{
			color:black;
			text-align:left;
			width:100%;
			height:40px;
			margin:0px;
			padding:2px 10px;
			border:1px solid #6b5127;
			font-size:17px;
		}
		input[type=file]
		{
			border:none;
		}
		.div1 textarea{
			width:100%;
			height:100px;
			padding:2px 10px;
			border:1px solid #6b5127;
			font-size:19px;
		}
		.divImg{
			background:white;
			width:94%;
			height:100px;
			margin:15px 10px;
			padding:8px;
			border:1px solid #6b5127;
			font-size:19px;
			text-align:left;
		}
		.divImg img{
			width:19%;
			height:80px;
			float:left;
		}
		.divImg input{
			width:70%;
			float:right;
			font-size:15px;
		}
		input[type=submit]{
			background:#6b5127;
			width:94%;
			margin:15px 10px 10px 0px;
			padding:2px;
			color:white;
			font-size:25px;
			transition:1s;
			text-align:center;
		}
		input[type=submit]:hover{
			background:white;
			color:#6b5127;
			border:1px solid #6b5127;
			cursor:pointer;
			transition:1s;
		}
		
		@media(max-width:768px)
		{
			.div1{
				width:100%;
				height:auto;
			}
			.nav,.container{
				height:auto;
			}
			.subDiv1{width:35%; font-size:15px;}
			.subDiv2{width:59%; font-size:15px;}
			.subDiv1Add{width:35%; font-size:15px;}
			.subDiv2Add{width:59%; font-size:15px;}
			input[type=submit]{width:94%; margin:15px 2%;}
		}
	</style>
	
	<link rel="stylesheet" href="css/mediaStyle.css">
</head>
<body>
	<!--Header Divison-->
	<?php
		require'header.php';
	?>
	
	<!--Container Division-->
	<div class="container">
		<?php
			include'menu.php';
			
			$reDistributer=mysqli_query($con,"SELECT * FROM user WHERE Userid='$userid'");
	        $dataDistributer=mysqli_fetch_array($reDistributer);
	        $userState=$dataDistributer['State'];
	        $quGetStatId="SELECT * FROM state WHERE Name='$userState'";
	        $reGetStateId=mysqli_query($con,$quGetStatId);
	        $dataStateId=mysqli_fetch_array($reGetStateId);
	        
	        
	        
	if(isset($_POST['submit']))
	{	
	    $mobile=$_POST['mobile'];
		$email=$_POST['email'];
		$state=$_POST['state'];
		$district=$_POST['district'];
		$pin=$_POST['pin'];
		$address=$_POST['address'];
		
		if($state!=="--Select State--" || $district!=="--Select District--")
		{
			if($reUpdate=mysqli_query($con,"UPDATE user SET Address='$address', State='$state', City='$district', Mobile='$mobile', Pincode='$pin', Mail='$email'  WHERE Userid='$userid'"))
			{
				echo "<div class='msg-div'>
						<form method='post'>
						<h3>Profile has been changed successfully !</h3><br>
						<i class='fa fa-check-circle' aria-hidden='true' id='okIcon'></i><br><br>
						<button type='submit' class='btnPopup'>OK</button><br><br>
						</form>
					</div>";
			}
			else
			{
				echo "<div class='msg-div'>
			            <form method='post'>
				            <h3>Something Error !</h3><br>
				            <i class='fa fa-ban' aria-hidden='true' id='NotokIcon'></i><br><br>
				            <button type='submit' class='btnPopup'>OK</button><br><br>
			            </form>
		            </div>";
			}
		}
		else
		{
			echo "<div class='msg-div'>
			            <form method='post'>
				            <h3>Something Error !</h3><br>
				            <i class='fa fa-ban' aria-hidden='true' id='NotokIcon'></i><br><br>
				            <button type='submit' class='btnPopup'>OK</button><br><br>
			            </form>
		            </div>";
		}
	}
		?>
		<div class="content">
			<div class="head">
				<div class="title"><p>Change Profile :-</p></div>
				<div class="msg"><marquee><?php include'../msg.php'; ?></marquee></msg>
			</div><hr>
			<div class="data-content">
				<form method="post" enctype="multipart/form-data">
					<div class="div1">
						<div class="subDiv1">Userid Id: </div><div class="subDiv2"><p><?php echo $dataDistributer['Userid']; ?></p></div>
						<div class="subDiv1">Your Name: </div><div class="subDiv2"><p><?php echo $dataDistributer['Name']; ?></p></div>
						<div class="subDiv1">Mobile No.: </div><div class="subDiv2"><input type="number" name="mobile" value="<?php echo $dataDistributer['Mobile']; ?>"></div>
						<div class="subDiv1">E-Mail Id: </div><div class="subDiv2"><input type="email" name="email" value="<?php echo $dataDistributer['Mail']; ?>"></div>
					</div>
					<script>
						function dist()
						{
							var stateId = document.getElementById("stat").value;
							var distId = document.getElementById("distId").value;
							var xmlhttpState = new XMLHttpRequest();
							xmlhttpState.open("GET","ajax_district.php?stateId="+stateId+"&distId="+distId, false)
							xmlhttpState.send(null);
							document.getElementById("distPlace").innerHTML = xmlhttpState.responseText;
						}
					</script>
					<div class="div1">
						<div class="subDiv1">State: </div>
						<div class="subDiv2">
						<select name="state" id="stat" onchange="dist()">
							<?php
								$reState=mysqli_query($con,"SELECT * FROM state ORDER BY Name");
								while($dataState=mysqli_fetch_array($reState))
								{
								    if($dataStateId['Id']==$dataState['Id'])
								    {
									    echo "<option selected>".$dataState['Name']."</option>";
								    }
								    else
								    {
								        echo "<option>".$dataState['Name']."</option>";
								    }
								}
							?>
						</select>
						</div>
						<div class="subDiv1">District: </div>
						<div class="subDiv2">
						<select name="district" id="distPlace">
						    <option value="<?php echo $dataDistributer['City']; ?>"><?php echo $dataDistributer['City']; ?></option>
						</select>
						</div>
						<div class="subDiv1">Pin No.: </div><div class="subDiv2"><input type="text" name="pin" value="<?php echo $dataDistributer['Pincode']; ?>"></div>
						
						<div class="subDiv1Add">Address: </div><div class="subDiv2Add"><textarea name="address"><?php echo $dataDistributer['Address']; ?></textarea></div>
						<input type="submit" name="submit" value="Submit"  onclick='showLoader()'>
					</div>
				</form>
			</div>
		</div>
	</div>
	<?php
		require'footer.php';
	?>
</body>
</html>