GIF89a php
Current File : /home/viralhoga/public_html/user-profile.php
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<meta charset="utf-8">
<meta name="description"
    content="" />
<meta name="keywords"
    content="" />
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- title -->
<title>Viralhoga.com</title>
<!-- favicon -->
<link rel="icon" type="image/x-icon" href="img/logo/favicon.png">
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- magnific-popup css -->
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<!-- animate css -->
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<!-- bootstrap icon -->
<link rel="stylesheet" type="text/css" href="css/bootstrap-icons.css">
<!-- font-awesome css -->
<link rel="stylesheet" type="text/css" href="css/all.min.css">
<!--fether css -->
<link rel="stylesheet" type="text/css" href="css/feather.css">
<!-- owl css -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css">
<!-- swiper-bundle css -->
<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css">
<!-- slick slider css -->
<link rel="stylesheet" type="text/css" href="css/slick.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/ourstyle.css">
</head>
<body>
<!-- header start -->
<?php include('includes/navbar.php');
if(!isset($_SESSION['reg_id']) || empty($_SESSION['reg_id']))echo "<script>window.location='login.php'</script>";
	//profile data
	$my_profile = $obj->select_all('register',"where reg_id='$_SESSION[reg_id]'");
	$profileData = mysqli_fetch_array($my_profile);
	//update profile

	?>
<!-- header end -->
<main>
  <!-- breadcrumb start-->
  <section class="breadcrumb-area">
    <div class="container">
      <div class="col">
        <div class="row">
          <div class="breadcrumb-index">
            <!-- breadcrumb main-title start-->
            <div class="breadcrumb-title">
              <h2>Profile</h2>
            </div>
            <!-- breadcrumb main-title end-->
            <!-- breadcrumb-list start -->
            <ul class="breadcrumb-list">
              <li class="breadcrumb-item-list"> <a href="index.php">Home</a> </li>
              <li class="breadcrumb-item-list"> <span>Profile</span> </li>
            </ul>
            <!-- breadcrumb-list end -->
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- breadcrumb start-->
  <section class="customer-page section-ptb">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-8 p-lg-5 p-3 col-10 shadow rounded-2">
          <div class="acc-form">
            <div class="log-acc-page" id="CustomerLoginForm">
              <!-- account title start -->
              <div class="content-main-title text-center mb-4">
                <div class="section-cont-title">
                  <h2><span>My Profile</span></h2>
                </div>
              </div>
              <!-- account title end -->
              <!-- account login start -->
              <div class="acc-page">
                <div class="login">
                  <form method="post">
                    <div class="login-form-container">
                      <ul class="fill-form">
                        <li>
                          <label>Full name</label>
                          <input type="text" name="name" value="<?php echo $profileData['cfname']?>" placeholder="Full name" required>
                        </li>
                        <li>
                          <label for="">Gender</label>
                          <select class="w-100" name="gender" required>
						    <option value="">Select</option>
                            <option <?php if($profileData['clname']=="Male")echo "selected";?>>Male</option>
                            <option <?php if($profileData['clname']=="Female")echo "selected";?>>Female</option>
                            <option <?php if($profileData['clname']=="Other")echo "selected";?>>Other</option>
                          </select>
                        </li>
                        <li class="log-email">
                          <label>Email address</label>
                          <input type="email" name="email" value="<?php echo $profileData['cemail']?>" class="input-full" placeholder="Email address" autocomplete="off" required>
                        </li>
                        <li class="log-email">
                          <label>Address</label>
                          <input type="text" name="cadd1" value="<?php echo $profileData['cadd1']?>" class="input-full" placeholder="Address" autocomplete="off" required>
                        </li>
                      </ul>
                      <div class="form-action-button"> 
					   <button type="submit" name="submit" class="btn btn-danger px-4 w-100">Save Changes</button>
					  </div>
                    </div>
                  </form>
                </div>
              </div>
              <!-- account login end -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</main>
<!-- footer start -->
<?php include('includes/footer.php');
//update profile
  if(isset($_POST['submit'])){
  $update_Q = "update `register` set cfname='$_POST[name]',clname='$_POST[gender]',cemail='$_POST[email]',cadd1='$_POST[cadd1]' where reg_id='$_SESSION[reg_id]'";
  if(mysqli_query($con,$update_Q)){
    echo "<script>alert('Profile has updated successfully');window.location='user-profile.php'</script>";
  } 
}
?>
<!-- screen-bg start -->
<div class="screen-bg"></div>
<!-- screen-bg end -->
<!-- back-to-top start -->
<a href="javascript:void(0)" id="top" class="scroll"> <span><i class="feather-arrow-up"></i></span> </a>
<!-- back-to-top end -->
<!-- jquery -->
<script src="js/jquery-3.6.3.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<script src="js/popper.min.js"></script>
<!-- magnific-popup js -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- owl js -->
<script src="js/owl.carousel.min.js"></script>
<!-- swiper-bundle js -->
<script src="js/swiper-bundle.min.js"></script>
<!-- slick js -->
<script src="js/slick.min.js"></script>
<!-- waypoints js -->
<script src="js/waypoints.min.js"></script>
<!-- counter js -->
<script src="js/counter.js"></script>
<!-- main js -->
<script src="js/main.js"></script>
</body>
</html>