edit_profile.php

<?php
require_once(dirname(__FILE__) . "/includes/common/only_allow_login.php");
require_once(dirname(__FILE__) . "/includes/common/defaults.php");
$PAGE["title"] .= " : Edit Profile for" . $_SESSION["username"];
$PAGE["styles"][] = "card_form.css";
$PAGE['includeCSRF'] = true;
$PAGE["scripts"] = array_merge($PAGE["scripts"], array("edit_profile.js", "search.js", "ajax.js"));
require_once(dirname(__FILE__) . "/templates/common/header.php");
require_once(dirname(__FILE__) . "/includes/common/choose_navbar.php");
require_once(dirname(__FILE__) . "/classes/User.php");
?>

<?php
$user = new User;
$user = $user->load($_SESSION['userId']);
?>

<div class="container">
	<div class="grid grid-long grid-small-margins shadow-1">
		<form class="cardForm split" action="actions/user/edit_profile.php" id="editProfile" method="post">
			<?php insertCsrfToken(); ?>
			<div class="formHeader">
				<h3 class="formTitle">Edit User Details</h3>
			</div>
			<div class="formBody">
				<div class="errors"></div>
				<div class="formField">
					<span> User name: </span><input type="text" name="username" title="User name:" id="username" value="<?php echo $user->username; ?>" placeholder="Username" required>
				</div>
				<div class="formField">
					<span> Email: </span><input type="email" name="email" id="email" value="<?php echo $user->email; ?>" placeholder="Email" required>
				</div>
			</div>
			<footer class="formFooter">
				<input type="submit" value="Submit">
			</footer>
		</form>
	</div>

	<div class="grid grid-long grid-small-margins shadow-1">
		<form class="cardForm split" id="changePassword" action="actions/user/edit_profile.php" method="post">
			<?php insertCsrfToken(); ?>
			<div class="formHeader">
				<h3 class="formTitle">Change Password</h3>
			</div>
			<div class="formBody">
				<div class="errors"></div>
				<div class="formField">
					<span>Password: </span><input type="password" name="pwd1" placeholder="Password" required>
				</div>
				<div class="formField">
					<span>Rewrite Password: </span><input type="password" name="pwd2" placeholder="Repeat your password please!" required>
				</div>
			</div>
			<footer class="formFooter">
				<input type="submit" value="Submit">
			</footer>
		</form>
	</div>
	<hr/>

	<?php
		$filename = "public/images/profile/" . $_SESSION["userId"] . ".jpg";
		if (file_exists($filename)) :?>
		<div class="editProfileBackgroundParent">
			<img alt="profile picture" class="editProfileBackground" src="<?= $filename ?>"/>
		</div>
	<?php endif ?>
	<div class="grid grid-long grid-small-margins shadow-1">
		<form class="cardForm split" id="changePicture" action="actions/user/edit_profile.php" method="post" enctype="multipart/form-data">
			<?php insertCsrfToken(); ?>
			<div class="formHeader">
				<h3 class="formTitle">Edit Profile Picture</h3>
			</div>
			<div class="formBody">
				<div class="errors"></div>
				<div class="formField">
					<span>New Picture: </span><input type="file" name="profile" required>
				</div>
			</div>
			<footer class="formFooter">
				<input type="submit" value="Submit">
			</footer>
		</form>
	</div>

	<hr/>
	<a class="strong center largeFont" id="deleteUserAccount" ><i class="material-icons">delete</i> Delete Account</a>
</div>


<?php require_once(dirname(__FILE__) . "/templates/common/footer.php"); ?>