<?php
ob_start();
session_start();

?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php include'head.php' ?>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="Bitter Mobile Template">
<meta name="keywords" content="bootstrap, mobile template, bootstrap 4, mobile, html, responsive" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<script type="text/javascript">
let currentUrl = location.href;
history.replaceState('', '', 'login.php');
history.pushState('', '', currentUrl);
</script>
<style>
#alert .modal-dialog{padding:20px; margin-top:130px;}
#registertoast .modal-dialog{padding:0px; margin-top:130px;}
.appHeader1 {
    	background-image: url("bg.jpg");
}
 .btn { 
        color: white;
    height:45px; 
    border-radius:13px; 
    background-image: linear-gradient(
#ae18e3, 
#5b1474);
    
}
.textbox {
  height: auto;
    width: 100%;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 26px;
    font-size: 13px;
    font-weight: 400;
    margin: 0px 0;
    cursor: pointer;
    transition: all 0.4s ease;
}
   .cu-btn{
       position: absolute;
    right: 18px;
    top: 4px;
    border: none;
    color: #fff;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 14px;
    height: 32px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color:#4F0761;
   }
</style>
</head>

<body>

<!-- Page loading -->

<!-- * Page loading --> 

<div data-v-432e6ed0="" class="home mian game">
    
    

<!-- App Header -->
<div class="appHeader1">
  <div class="left"> <a href="myaccount.php" class="icon goBack"> <i class="icon ion-md-arrow-back"></i> </a>
    <div class="pageTitle">Update Profile</div>
  </div>
</div>
<!-- searchBox --> 

<!-- * searchBox --> 
<!-- * App Header --> 

<!-- App Capsule -->

<?php

$userid = $_SESSION['frontuserid'];
//print_r($userid);exit;
$sql = "select * from tbl_user where id='$userid'";
$select=mysqli_query($con,$sql)or die(mysqli_error($con));
$row=mysqli_fetch_array($select);
?>

<div id="appCapsule" class="pb-2" style="padding: 15px;">
  <div class="appContent1 pb-0">
    <form action="profile_update.php" method="post" >
         <div class="inner-addon left-addon"> <i style="font-size: 13px; top: 3px;" class="fa fa-address-card inner-addon icon"></i>
        <input type="text" class="form-control textbox" placeholder="Enter Name" id="name" name="name" value="<?php echo $row['name']; ?>">
      </div>
      <div class="inner-addon left-addon"> <i class="icon ion-md-phone-portrait"></i>
        <input type="text" class="form-control textbox" placeholder="Mobile Number" id="mobile" name="mobile" readonly value="<?php echo $row['mobile']; ?>">
      </div>
      <div class="inner-addon left-addon"> <i style="font-size: 13px; top: 3px;" class="fa fa-envelope inner-addon icon"></i>
        <input type="email" class="form-control textbox" placeholder="Email" id="email" name="email" value="<?php echo $row['email']; ?>">
      </div>
      <!--<div class="inner-addon left-addon"> <i class="icon ion-md-checkbox">&emsp;&emsp;</i>-->
      <!--  <input type="text" class="form-control textbox" placeholder="Email Verification Code" id="email_verification_code" name="email_verification_code" required>-->
      <!--  <a class="cu-btn" style="color:white;" onclick="myfunction()">Get Code</a>-->
      <!--</div>-->
       <!--<div class="inner-addon left-addon"> <i class="icon ion-md-key"></i>
        <input type="text" class="form-control textbox" placeholder="New Password" id="security" name="security">
      </div>-->
      <div class="text-center mt-3">
       <input type="submit" name="submit"  value="Update" class="btn btn-primary" style="width:213px;height:37px;background-color:var(--background-color) !important;border-radius: 7px;background-image:none;border:none;"
        
      </div>
    </form>
  </div>
</div>
<!-- appCapsule -->
    
    
</div>



<?php include("include/footer.php");?>
  

<!-- Jquery --> 
<script src="assets/js/lib/jquery-3.4.1.min.js"></script> 
<!-- Bootstrap--> 
<script src="assets/js/lib/popper.min.js"></script> 
<script src="assets/js/lib/bootstrap.min.js"></script> 
<!-- Owl Carousel --> 
<script src="assets/js/plugins/owl.carousel.min.js"></script> 
<!-- Main Js File --> 
<script src="assets/js/app.js"></script>
 
  <script src="assets/js/forgot-password.js"></script>
</body>
</html>