Untitled

<?php
		include_once 'resources/session.php';
		include_once 'resources/database.php';
		include_once 'resources/utilities.php';
?>


<html>

<head>
	<?php include_once 'partials/head.php' ?>
	<link href="css/pages/se-profile.css" rel="stylesheet" type="text/css">
</head>

<body>

	<?php if(!isset($_SESSION['username'])):?>
		<div class="login-forms">
			<a href="index.php"><img id="logo" class="" src="_new_images_folder/logos/horizontal_outline.png"></a>
			<div class="card-nomargin add_padding">
				<h1>Game</h1>
				<p>Sorry! Only registered members are allowed to see this page. <br><a href="login.php">Log in</a> or <a href="signup.php">Sign up</a> to play.</br></p>
			</div>
		</div>
	<?php else: ?>

		<?php include_once 'partials/headers.php' ?>
		<?php include_once 'partials/parseProfile.php' ?>

		<div class = "main_content">

			<div class="card-firstdiv add_padding" style="position: relative;">
				<div class="flex-container">

					<!-- Profile Image -->
                    <div class="two-fifths">
                        <!--div id="characterContainer" style="margin-right: 10px; width: 100%;" -->
                        <div id="characterContainer" style="width: 100%; position: relative;" ></div>
						<!--img style="margin-right: 10px; width: 100%;" src="profile/scholar_sprite.php" -->
					</div>
					<!-- Info on the right (Your Information, Your Scholar, Your Account) -->
					<div class="three-fifths">
						<h1>Profile</h1>

						<div>
							<!-- <div class="flex-panel" style="padding: 10px; border: 2px solid #f3def2; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;"> -->
							<div class="x-card-purple">
								<div class="x-card-purple-header">
									<div class="center">
										<h4>YOUR INFORMATION</h4>
									</div>
								</div>

								<div class="x-card-content">
									<p style="width:100%;"><b>Email:</b> <?php if(isset($email)) echo $email; ?> | <a href="profile/edit_email.php?user_identity=<?php if(isset($encode_id)) echo $encode_id; ?>">Edit</a></p>
									</br>

									<p style="width:100%;"><b>Username:</b> <?php if(isset($username)) echo $username; ?> | <a href="profile/edit_username.php?user_identity=<?php if(isset($encode_id)) echo $encode_id; ?>">Edit</a></p>
									</br>

									<p style="width:100%;"><b>Password:</b> ********** | <a href="profile/edit_password.php?user_identity=<?php if(isset($encode_id)) echo $encode_id; ?>">Edit</a></p>
									</br>

									<p style="width:100%;"><b>Date Joined:</b> <?php if(isset($date_joined)) echo $date_joined; ?></p>
									</br>
								</div>
							</div>
						</div>

						<div>
							<div class="x-card-yellow">
								<div class="x-card-yellow-header">
									<div class="center">
										<h4>YOUR SCHOLAR</h4>
									</div>
								</div>

								<div class="x-card-content">
									<img  style="width: 100%; border-radius: 10px;" src="profile/profile_idcard.php">
								</div>
							</div>
						</div>


						<div>
							<div class="x-card-pink">
									<div class="x-card-pink-header">
									<div class="center">
										<h4>YOUR ACCOUNT</h4>
									</div>
								</div>

								<div class="x-card-content flex-container center">
									<div class="one-half">
										<div id="reset-progess" class="button pink_button"><a style="color:white;">Reset Progress</a></div>
                                    </div>
                                    <div class="one-half">
										<div id="delete-account" class="button pink_button"><a style="color:white;">Delete account</a></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id = "DB_handle"></div>

			<div id = "resetProgressDiv-popupHandler">
				<div id = "resetProgressDiv">
					<div id = "resetProgressDiv-progressBar-logo"></div>
					<div id = "resetProgressDiv-progressBar"></div>
				</div>
			</div>

		</div>
		<?php include_once 'partials/footers.php' ?>

	<?php endif ?>

</body>

<script>

	document.getElementById('reset-progess').onclick = function()
	{
		var resetProgress = popup("RESET PROGRESS?", "yes/no");

		//override the onclick of the buttons
		resetProgress[0].onclick = function ()
		{
			deletePopup();
			resetAllProgress();
		}

		//override the onclick of the buttons
		resetProgress[1].onclick = function ()
		{
			deletePopup();
		}
    }

    document.getElementById('delete-account').onclick = function()
	{
		var deleteAccount = popup("DELETE ACCOUNT?", "yes/no");

		//override the onclick of the buttons
		deleteAccount[0].onclick = function ()
        {

			deletePopup();
		}

		//override the onclick of the buttons
		deleteAccount[1].onclick = function ()
		{
			deletePopup();
		}
	}


   refreshImage();
</script>

</html>