user_profile.php

<?php
    include_once "views_preprocessor.php";

    // user can't view this page if they are not logged in
    if (!check_session()) {
        redirect_to('signup.php?msg=you must have an account here');
    }

    // send user an email containing a token that will last for an hour
    // the token will be used as a verification code to change sensitive data
    // such as password and email

    // pull user details from the database except, password (allow user to enter password)
    $user_email = get_user_email();

    $select_user_data_query = "SELECT `users`.`user_first_name`, `users`.`user_last_name`, `users`.`user_email`, `users`.`user_bio` FROM `users` WHERE `users`.`user_email`='$user_email' LIMIT 1";


    $select_user_data_result = mysqli_query($db_connection, $select_user_data_query);

    if (!$select_user_data_result) {
        redirect_to("index.php?msg=couldn't read your data from our system, try refreshing your page and try again later");
    }

    $user_data = mysqli_fetch_array($select_user_data_result);

?>



<div class="index-body container">

    <div class="text-center text-info text-warning card-subtitle">
		<p>Make changes and click the button to update</p>
		<p>Certain information updates require further information, which would be sent to you via e-mail</p>
		<p>Some changes are permanent such as deleting profile - you can not gain the articles or comment deleted</p>
		<p>Because we do not keep any data of yours</p>
    </div>

	<div class="card card-update mx-auto mt-0">

		<div class="card-header">My Account</div>

        <!-- card body for first name starts here -->
		<div class="card-body text-capitalize">

            <!-- first name form starts here -->
			<form method="POST" action="controllers/update_first_name.php" class="">

				<div class="form-group">
					<div class="form-row">

						<div class="col-md-4">
							<!-- first name -->
							<div class="form-label-group">
								<p class="form-control border-0"  name="update_first_name" ><?=$user_data['user_first_name'];?></p>
								<label for="first name" class="text-capitalize">Current First name</label>
							</div>

						</div>

						<div class="col-md-5">

							<!-- new first name -->
							<div class="form-label-group">
								<input type="text" class="form-control" id="last_name" name="update_first_name" placeholder="new first name"  autofocus/>
								<label for="new first name" class="text-capitalize">New First name</label>
							</div>

						</div>

                        <div class="col-md-2">

							<!-- first name update button -->
							<div class="form-label-group">
								<button class="form-control-sm btn btn-primary text-capitalize" id="last_name" name="update_first_name_btn" placeholder="Last name" type="submit" >GO</button>
							</div>

						</div>
					
					</div>
					
				</div>
				
			</form>
			<!-- first name form ends here -->

		</div>
        <!-- card body for first name ends here -->

        <hr>

        <!-- card body for last name starts here -->
        <div class="card-body text-capitalize">
            <!-- last name form starts here -->
			<form method="POST" action="controllers/update_last_name.php" class="">

				<div class="form-group">
					<div class="form-row">

						<div class="col-md-4">
							<!-- last name -->
							<div class="form-label-group">
								<p class="form-control border-0" name="update_last_name"><?=$user_data['user_last_name'];?></p>
								<label for="last name" class="text-capitalize">Current Last name</label>
							</div>

						</div>

						<div class="col-md-5">
							<!-- new last name -->
							<div class="form-label-group">
								<input type="text" class="form-control" id="update_last_name" name="update_last_name" placeholder="new last name"/>
								<label for="last name" class="text-capitalize">New Last name</label>
							</div>

						</div>

                        <div class="col-md-2">
							<!-- last name update button -->
							<div class="form-label-group">
								<button class="form-control-sm btn btn-primary text-capitalize" id="update_last_name_btn" name="update_last_name_btn" type="submit" >GO</button>
							</div>

						</div>
					
					</div>
					
				</div>
				
			</form>
			<!-- last name form ends here -->

		</div>
        <!-- card body for last name ends here -->

		        <hr>

        <!-- card body for bio starts here -->
        <div class="card-body text-capitalize">

            <!-- bio form starts here -->
			<form method="POST" action="controllers/update_bio.php" class="">

				<div class="form-group">

					<div class="form-row">

						<div class="col-md-4">

							<!-- bio -->
							<div class="form-label-group">
								<p class="form-control border-0"><?=$user_data['user_bio'];?></p>
								<label for="bio name" class="text-capitalize">Current bio</label>
							</div>

						</div>

						<div class="col-md-5">

							<!-- new bio -->
							<div class="form-label-group">
								<input type="text" class="form-control" id="update_bio" name="update_bio" placeholder="new bio"  autofocus/>
								<label for="bio" class="text-capitalize">New bio</label>
							</div>

						</div>

                        <div class="col-md-2">
							<!-- bio update button -->
							<div class="form-label-group">
								<button class="form-control-sm btn btn-primary text-capitalize" id="update_bio_btn" name="update_bio_btn" type="submit" >GO</button>
							</div>

						</div>
					
					</div>
					
				</div>
				
			</form>
			<!-- bio form ends here -->

		</div>
        <!-- card body for bio ends here -->

        <hr>

        <!-- card body for email starts here -->
        <div class="card-body text-capitalize">
            <!-- email form starts here -->
			<form method="POST" action="controllers/update_email.php" class="">

				<div class="form-group">
					<div class="form-row">

						<div class="col-md-4">
							<!-- email -->
							<div class="form-label-group">
								<p class="form-control border-0" ><?=$user_data['user_email'];?></p>
								<label for="email name" class="text-capitalize">Current email</label>
							</div>

						</div>

                        <div class="col">
							<!-- email update button -->
							<div class="form-label-group">
								<button class="form-control-sm btn btn-primary text-capitalize" id="update_email" name="update_email_btn" type="submit" >Change Email</button>
							</div>

						</div>
					
					</div>
					
				</div>
				
			</form>
			<!-- email form ends here -->

		</div>
        <!-- card body for email ends here -->

        <hr>

        <!-- card body for password starts here -->
        <div class="card-body">

            <!-- password form starts here -->
			<form method="POST" action="controllers/update_password.php" class="">

				<div class="form-group">

					<div class="form-row">

						<div class="col-md-4">
							<!-- password -->

							<div class="form-label-group">
								<p class="form-control border-0">***********</p>
								<label for="password name" class="text-capitalize">Current password</label>
							</div>

						</div>

                        <div class="col">
							<!-- password update button -->
							<div class="form-label-group">
								<button class="form-control-sm btn btn-primary text-capitalize" id="update_password_btn" name="update_password_btn" type="submit" >Change Password</button>
							</div>

						</div>
					
					</div>
					
				</div>
				
			</form>
			<!-- password form ends here -->

		</div>
        <!-- card body for password ends here -->

		<hr>

        <!-- card body for delete account starts here -->
        <div class="card-body">

            <!-- password form starts here -->
			<form method="POST" action="controllers/delete_profile_processor.php" class="">

				<div class="form-group">

					<div class="form-row">

						<div class="col-md-3">
							<!-- password -->

							<div class="form-label-group">
								<p class="form-control border-0">This is irreversible</p>
							</div>

						</div>

                        <div class="col-md-8">
							<!-- password update button -->
							<div class="form-label-group">
								<button class="form-control-sm btn btn-danger text-capitalize col" id="delete_account_btn" name="delete_account_btn" type="submit" >Delete Account</button>
							</div>

						</div>
					
					</div>
					
				</div>
				
			</form>
			<!-- password form ends here -->

		</div>
        <!-- card body for password ends here -->


	</div>
	<!-- card ends here -->

</div>


<?php
    /* include footer */
    include_once "templates/footer.php";

?>