<%- include('top') %>
<script type="text/javascript">
	// Require login to see this page.
	app.auth.forceLogin()
</script>

	<div class="full-title">
		<div class="container">
			<h1 class="mt-4 mb-3">Profile
			</h1>
		</div>
	</div>

	<br>
	<br>

	<div class="centered-content">
		<div class="container">
			<div class="row">
				<div class="col-md-3 border-right">
					<div class="d-flex flex-column align-items-center text-center p-3 py-5"><img
							class="rounded-circle mt-5" width="150px"
							src="https://st3.depositphotos.com/15648834/17930/v/600/depositphotos_179308454-stock-illustration-unknown-person-silhouette-glasses-profile.jpg">
					</div>
				</div>
				<div class="col-md-5 border-right">
					<div class="p-3 py-5">
						<div class="d-flex justify-content-between align-items-center mb-3">
							<h4 class="text-right">Profile Settings</h4>
						</div>
						<div class="row mt-2">
							<div class="col-md-6"><label class="labels">Name</label><input type="text"
									class="form-control" placeholder="first name" value=""></div>
							<div class="col-md-6"><label class="labels">Surname</label><input type="text"
									class="form-control" value="" placeholder="surname"></div>
						</div>
						<div class="row mt-3">
							<div class="col-md-12"><label class="labels">Mobile Number</label><input type="text"
									class="form-control" placeholder="enter phone number" value=""></div>
							<div class="col-md-12"><label class="labels">Address</label><input type="text"
									class="form-control" placeholder="enter address" value=""></div>
							<div class="col-md-12"><label class="labels">Email</label><input type="text"
									class="form-control" placeholder="enter email" value=""></div>
							<div class="col-md-12"><label class="labels">Password</label><input type="text"
									class="form-control" placeholder="enter password" value=""></div>
							<div class="col-md-12"><label class="labels">Password</label><input type="text"
									class="form-control" placeholder="re enter password" value=""></div>
						</div>
						<div class="mt-2 text-center">
							<button class="btn btn-sm btn-secondary change-password-button" type="button">Change
								Password</button>
						</div>
						<div class="mt-5 text-center"><button class="btn btn-primary profile-button" type="button">Save
								Profile</button></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<br>
<%- include('bot') %>

	
