<!-- This is the Profile Page -->

<!-- This is the overview Page -->

<?php include '../templates/header--landing.php'; ?>

	<?php include 'templates/navbar--advertiser.php'; ?>

	<div class="dash_container grid">

		<button class="mobinav_btn"><img src="../images/menu.svg" alt=""></button>

		<div class="dash_nav_main">
			<?php include 'templates/dash_nav_primary--advertiser.php'; ?>
		</div>

		<div class="dash_main_column">
			<div class="header">
				<h1>Profile</h1>
				<div class="dash_header">
					<p>Update your personal details and preferences here. </p>
					<div></div>
				</div>
			</div>
			<div class="grid profile">
				<div class="card profile_info blue">
					<div class="card_header">
						<h4>General Info</h4>
						<div class="profile_editor">
							<a href="#">Edit</a>
							<div class="icon cog"><?php include '../images/dashboard/svg/cog.svg'; ?></div>
						</div>
					</div>
					<div class="card_body">
						<div class="profile_avatar">
							<a href="">
								<img src="../images/dashboard/profile_avatar.png" alt="">
								<div class="overlay"><?php include '../images/dashboard/svg/camera.svg'; ?></div>
							</a>
							
						</div>
						<div class="profile_details">
							<form action="">

								<div class="frm_row">
									<div class="frm_col_half">
										<label for="name">First Name*</label>
										<input name="name" id="name" type="text" value="Kyle">
									</div>
									<div class="frm_col_half">
										<label for="surname">Last Name*</label>
										<input name="surname" id="surname" type="text" value="Edwards">
									</div>
								</div>

								<div class="frm_row">
									<div class="frm_col_full">
										<label for="">Headline*</label>
										<h4>First year art student based in Ho Chi Minh</h4>
									</div>
								</div>

								<div class="frm_row">
									<div class="frm_col_half">
										<label for="email">Email Address*</label>
										<input name="email" id="email" type="email" value="Kyle@example.com">
									</div>
									<div class="frm_col_half">
										<label for="phone1">Number*</label>
										<input name="phone1" id="phon1e" type="text" value="+34 8856 22163">
									</div>
								</div>
								<div class="frm_row">
									<div class="frm_col_half">
										<label for="location">Location*</label>
										<input name="location" id="location" type="text" value="Vietnam">
									</div>
									<div class="frm_col_half">
										<label for="gender">Gender*</label>
										<input name="" id="gender" type="text" value="Male">
									</div>
								</div>
								<div class="frm_row">
									<div class="frm_col_full">
										<input type="submit" value="Save" class="btn">
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>	
				<div class="card  profile_info blue">
					<div class="card_header">
						<h4>Account</h4>
					</div>
					<div class="card_body">
						<div class="profile_details profile_details--account">
							<form action="">

								<div class="frm_row">
									<div class="frm_col_half changeemail">
										<div class="changeemail__field">
											<label for="name">Email Address*</label>
											<input name="name" id="name" type="text" value="kyleedwards@test.com">
										</div>
										<div class="changeemail__btn">
											<a href="">Change Email</a>
										</div>
									</div>
								</div>

								<div class="frm_row">
									<div class="frm_col_quarter">
										<label for="email">Current Password*</label>
										<input name="email" id="email" type="password" value="password">
									</div>
									<div class="frm_col_quarter">
										<label for="email">New Password</label>
										<input name="email" id="email" type="password" value="">
									</div>
									<div class="frm_col_quarter">
										<label for="email">Confirm Password</label>
										<input name="email" id="email" type="password" value="">
									</div>
									<div class="frm_col_quarter frm_align_rel">
										<input type="submit" value="Update" class="btn">
									</div>
								</div>

								<div class="frm_row">
									<div class="frm_col_full frm__footercopy">
										<small>Delete Account</small>
										<p>This also removes your personal account. Once deleted this is not reversible, We’ll be sad to see you leave. <a href="">Delete Account</a></p>
									</div>
								</div>

							</form>
						</div>
					</div>
				</div>
				<div class="card notification_settings">
					<div class="card_header">
						<h4>Notification Settings</h4>
					</div>
					<div class="card_body">
						<form action="">
							<div class="frm_col_full grid">
								<div>	
									<h6>Notification Type</h6>
								</div>
								<div>	
									<h6>Email</h6>
								</div>
								<div>	
									<h6>SMS</h6>
								</div>

								<div>	
									<h4>Newsletter</h4>
								</div>
								<div>
									<label for="newsletter_email">
										<input type="checkbox" id="newsletter_email" name="newsletter" value="" checked>
									</label>
								</div>
								<div>
									<label for="newsletter_sms">
										<input type="checkbox" id="newsletter_sms" name="newsletter" value="">
									</label>
								</div>

								<div>	
									<h4>Special Offers</h4>
								</div>
								<div>
									<label for="special_email">
										<input type="checkbox" id="special_email" name="special" value="">
									</label>
								</div>
								<div>
									<label for="special_sms">
										<input type="checkbox" id="special_sms" name="special" value="" checked>
									</label>
								</div>

								<div>	
									<h4>System Notificationss</h4>
								</div>
								<div>
									<label for="sys_email">
										<input type="checkbox" id="sys_email" name="sys" value="" checked>
									</label>
								</div>
								<div>
									<label for="sys_sms">
										<input type="checkbox" id="sys_sms" name="sys" value="">
									</label>
								</div>

							</div>
						</form>
					</div>
				</div>		
			</div>
		</div>
	</div>

		
<?php include '../templates/footer--landing.php'; ?>