<?php 
include("includes/db_config.php");
$id=$_GET['id'];
$sqlid="select * from user_profile where id='$id'";
$result = mysqli_query($conn, $sqlid);
$res= mysqli_fetch_array($result);	
$country=$res['country'];
$state=$res['state'];
$city=$res['city'];
$sql_country = mysqli_query($conn,"select * from countries where id = '$country'");
$row_country = mysqli_fetch_array($sql_country);
$sql_state = mysqli_query($conn,"select * from states where id = '$state'");
$row_state = mysqli_fetch_array($sql_state);
$sql_city = mysqli_query($conn,"select * from cities where id = '$city'");
$row_city = mysqli_fetch_array($sql_city);	
$shp_country=$res['shp_country'];
$shp_state=$res['shp_state'];
$shp_city=$res['shp_city'];
$sql_country = mysqli_query($conn,"select * from countries where id = '$shp_country'");
$s_country = mysqli_fetch_array($sql_country);
$sql_state = mysqli_query($conn,"select * from states where id = '$shp_state'");
$s_state = mysqli_fetch_array($sql_state);
$sql_city = mysqli_query($conn,"select * from cities where id = '$shp_city'");
$s_city = mysqli_fetch_array($sql_city);?>
<!DOCTYPE html>
<html lang="en-IN">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Orange Groceries</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<?php include("includes/css.php")?>
</head>

<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">
		<?php include("includes/header.php");?>
		<?php include("includes/sidebar.php");?>
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>
					Dashboard
					<small>Control panel</small>
				</h1>
				<ol class="breadcrumb">
					<li><a href="index.php"><i class="fa fa-dashboard"></i> Home</a></li>
					<li class="active">Dashboard</li>
				</ol>
			</section>
			<!-- Main content -->
			<section class="content">
				<div class="row">
					<div class="col-md-3">
						<!-- Profile Image -->
						<div class="box box-danger">
							<div class="box-body box-profile">
								<img class="profile-user-img img-responsive img-circle" src="profile-image/<?php echo $res['prof_img']; ?>" alt="User profile picture">
								<h3 class="profile-username text-center">Mr. <?php echo $res['fname']." ".$res['lname']; ?></h3>
								<ul class="list-group list-group-unbordered">
									
									<li class="list-group-item">
										<b>Phone</b> <a class="pull-right"><?php echo $res['mob_no']; ?></a>
									</li>
									<li class="list-group-item">
										<b>Email</b> <a class="pull-right"><?php echo $res['email']; ?></a>
									</li>
								</ul>
							</div>
							<!-- /.box-body -->
						</div>
						<!-- /.box -->
						
					</div>
					<div class="col-xs-9">
						<div class="box box-danger">
							<div class="box-header">
								<div class="row">
									<div class="col-md-9">
										<h3 class="box-title">Edit Customer Details</h3>
									</div>
								<!-- 	<div class="col-md-3"><a href="add-Customer.php"><button class="btn btn-flat btn-custom2 btn-block"><i class="fa fa-plus"></i> Add New Customer</button></a></div> -->
								</div>
							</div>
							<div class="box-body">
								<div class="nav-tabs-custom">
									<ul class="nav nav-tabs nav-justified">
										<li class="active"><a href="#tab_1" data-toggle="tab">Profile </a></li>
										<!-- <li><a href="#tab_2" data-toggle="tab"> Edit Profile </a></li> -->
									</ul>
									<div class="tab-content">
										<div class="tab-pane active" id="tab_1">
											<div class="row">
												<div class="col-md-6">
													<div class="form-group">
														<label for="full_name">Name</label>
														<input class="form-control" placeholder="Full Name" name="full_name" type="text" value="<?php echo $res['fname']." ".$res['fname']; ?>" readonly>
													</div>
												</div>
											
												<div class="col-md-6">
													<div class="form-group">
														<label for="email" class="control-label">Email</label>
														<input class="form-control" placeholder="Email" name="email" type="text" value="<?php echo $res['email']; ?>" readonly>
													</div>
												</div>
												<div class="col-md-6">
													<div class="form-group">
														<label for="contact_no" class="control-label">Contact Number</label>
														<input class="form-control" placeholder="Contact Number" name="contact_no" type="text" value="<?php echo $res['mob_no']; ?>" readonly>
													</div>
												</div>
												
												<div class="col-md-6">
													<div class="form-group">
														<label for="permanentaddress">Customer Permanent Address</label>
														<textarea class="form-control" placeholder="Enter Your Permanent Address" name="permanentaddress" cols="30" rows="4" id="address" readonly><?php $addr=  $res['addr'].", ".$row_city['name'].", ".$row_state['name'].", ".$row_country['name'].", ".$res['pincode']; echo $addr; ?></textarea>
													</div>
												</div>

												<div class="col-md-6">
													<div class="form-group">
														<label for="permanentaddress">Customer Shipping Address</label>
														<textarea class="form-control" placeholder="Enter Your Permanent Address" name="permanentaddress" cols="30" rows="4" id="address" readonly><?php $addr=  $res['shp_addr'].", ".$s_city['name'].", ".$s_city['name'].", ".$s_state['name'].", ".$s_country['name'].", ".$res['shp_pincode']; echo $addr; ?></textarea>
													</div>
												</div>


												<div class="col-md-4">
													<div class="form-group">
														<label for="pic">Photo</label><br />
														<div class="dppicbrowse"><img src="img/profile/<?php echo $res['prof_img']; ?>" style="height:120px;" alt="your image" class="img-responsive" /> </div>
													</div>
												</div>
											</div>
										</div>
										<!-- /.tab-pane -->
										<div class="tab-pane" id="tab_2">
											<form action="" autocomplete="off" method="post" accept-charset="utf-8">
												<div class="row">
													<div class="form-group">
														<div class="col-md-6">
															<label for="full_name">Name</label>
															<input class="form-control" placeholder="Full Name" name="full_name" type="text" value="">
														</div>

														<div class="col-md-6">
															<label for="emp_id">Customer-ID</label>
															<input class="form-control" placeholder="Customer ID" name="emp_id" type="text" value="MMG-EMP001" readonly>
														</div>
														<div class="col-md-6">
															<label for="email" class="control-label">Email</label>
															<input class="form-control" placeholder="Email" name="email" type="text" value="abc@gmail.in" readonly>
														</div>
														<div class="col-md-6">
															<label for="contact_no" class="control-label">Contact Number</label>
															<input class="form-control" placeholder="Contact Number" name="contact_no" type="text" value="+91-9876543210">
														</div>
														<div class="clearfix"></div>
														<h4>Present Address</h4>
														<div class="col-md-6">
															<label for="address">Your Address</label>
															<textarea class="form-control" placeholder="Enter Your Address eg. 101, Near central mall" name="address" rows="2" id="address"></textarea>
														</div>
														<div class="col-md-6">
															<label for="State">Select State</label>
															<select class="form-control" name="state">
																<option value=""> -- Select State --</option>
																<option value="Telangana"> Telangana</option>
																<option value="Maharashtra"> Maharashtra</option>
																<option value="Tamil Nadu"> Tamil Nadu</option>
																<option value="Other">Other</option>
															</select>
														</div>
														<div class="clearfix"></div>

														<div class="col-md-6">
															<label for="City">Select City</label>
															<select class="form-control" name="City">
																<option value=""> -- Select City --</option>
																<option value="Hyderabad"> Hyderabad</option>
																<option value="Warangal"> Warangal</option>
																<option value="Other">Other</option>
															</select>
														</div>
														<div class="col-md-6">
															<label for="pcode">Pin Code</label>
															<input class="form-control" placeholder="Enter Pin Code" name="pcode" type="text" value="">
														</div>
														<div class="clearfix"></div>
														<h4>Shipping Address</h4>
														<div class="col-md-6">
															<label for="address">Your Address</label>
															<textarea class="form-control" placeholder="Enter Your Address eg. 101, Near central mall" name="address" rows="2" id="address"></textarea>
														</div>
														<div class="col-md-6">
															<label for="State">Select State</label>
															<select class="form-control" name="state">
																<option value=""> -- Select State --</option>
																<option value="Telangana"> Telangana</option>
																<option value="Maharashtra"> Maharashtra</option>
																<option value="Tamil Nadu"> Tamil Nadu</option>
																<option value="Other">Other</option>
															</select>
														</div>
														<div class="clearfix"></div>

														<div class="col-md-6">
															<label for="City">Select City</label>
															<select class="form-control" name="City">
																<option value=""> -- Select City --</option>
																<option value="Hyderabad"> Hyderabad</option>
																<option value="Warangal"> Warangal</option>
																<option value="Other">Other</option>
															</select>
														</div>
														<div class="col-md-6">
															<label for="pcode">Pin Code</label>
															<input class="form-control" placeholder="Enter Pin Code" name="pcode" type="text" value="">
														</div>
													</div>
													<div class="col-md-6 mt-20">
														<div class="form-actions">
															<button type="submit" name="submit" id="submit" class="btn btn-success btn-lg"><i class="fa fa fa-check-square-o"></i> Update</button>
														</div>
													</div>
												</div>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- /.content -->
		</div>
		<!-- /.content-wrapper -->
		<?php include("includes/footer.php");?>
		<div class="control-sidebar-bg"></div>
	</div>
	<?php include("includes/js.php");?>
	<script>
		function readURL(input) {
			if (input.files && input.files[0]) {
				var reader = new FileReader();

				reader.onload = function(e) {
					$('#picuser')
						.attr('src', e.target.result);
				};

				reader.readAsDataURL(input.files[0]);
			}
		}

		function read1URL(input) {
			if (input.files && input.files[0]) {
				var reader = new FileReader();

				reader.onload = function(e) {
					$('#adhharcard')
						.attr('src', e.target.result);
				};

				reader.readAsDataURL(input.files[0]);
			}
		}

		function read2URL(input) {
			if (input.files && input.files[0]) {
				var reader = new FileReader();

				reader.onload = function(e) {
					$('#pancards')
						.attr('src', e.target.result);
				};

				reader.readAsDataURL(input.files[0]);
			}
		}

		function read3URL(input) {
			if (input.files && input.files[0]) {
				var reader = new FileReader();

				reader.onload = function(e) {
					$('#gstin')
						.attr('src', e.target.result);
				};

				reader.readAsDataURL(input.files[0]);
			}
		}

	</script>
</body>

</html>
