<?php include 'templates/header.php'; ?>
	
<div class="col-sm-12 row">
	<div class="col-sm-12">
		<h2>
			User Options 
		</h2>
		
		<p>
			<form action="includes/logout.php">
				<button class="btn btn-default pull-right">
					Logout
				</button>
			</form>
		</p>
		
		<p>
			Modify your options to your preferences. 
		</p>
		
		<p>
			<b>
				Email:
			</b>
			<?php echo $_SESSION['user']; ?>
		</p>
		
		<?php include 'templates/color-select.html'; ?>
		
		<?php include 'templates/password.php'; ?>
	</div>
</div>

<?php echo '<script>var userId = "' . $_SESSION['userId'] . '"; </script>'; // use this to echo the session user ID for the JS to use ?> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="js/user-script.js"></script>

<?php include 'templates/footer.html'; ?>
<?php include 'templates/header.php'; ?>
	
<div class="col-sm-12 row">
	<div class="col-sm-12">
		<h2>
			User Options 
		</h2>
		
		<p>
			<form action="includes/logout.php">
				<button class="btn btn-default pull-right">
					Logout
				</button>
			</form>
		</p>
		
		<p>
			Modify your options to your preferences. 
		</p>
		
		<p>
			<b>
				Email:
			</b>
			<?php echo $_SESSION['user']; ?>
		</p>
		
		<?php include 'templates/color-select.html'; ?>
		
		<?php include 'templates/note-order.html'; ?>
		
		<?php include 'templates/password.php'; ?>
	</div>
</div>

<?php echo '<script>var userId = "' . $_SESSION['userId'] . '"; </script>'; // use this to echo the session user ID for the JS to use ?> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="js/user-script.js"></script>

<?php include 'templates/footer.html'; ?>
Include the new note order template
Include the new note order template
