<!-- 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>Create New Campaign</h1>
				<div class="dash_header">
					<p>2. Choose an Audience, Categories, Bidding, Budget and Rules</p>
					<div></div>
				</div>
			</div>
			<div class="grid profile">
				<div class="card  profile_info blue">
					<div class="card_header">
						<h4>Geography</h4>
					</div>
					<div class="card_body">
						<div class="profile_details profile_details--account">
							<form action="">
								<div class="frm_row">
									<div class="frm_col_third">
										<small>Locations*</small>
										<div class="radioborder radioborder--blue">
											<input type="radio" name="personal">
											<label for="personal">All Regions</label>
										</div>
									</div>
								</div>
								<div class="frm_row">
									<div class="frm_col_third">
									<div class="radioborder radioborder--blue">
										<input type="radio" name="personal">
										<label for="personal">Countries</label>

										<div class="frm_row padding_top">
											<div class="frm_col_full borderme">
												<label>Country*</label>
												<select name="" id="">
													<option value="">Netherlands</option>
													<option value="">Paused</option>
												</select>
											</div>
										</div>
										<div class="frm_row padding_top">
											<div class="frm_col_full borderme">
												<label>State/Region*</label>
												<select name="" id="">
													<option value="">North Holland</option>
													<option value="">Paused</option>
												</select>
											</div>
										</div>
										<div class="frm_row padding_top padding_bottom">
											<div class="frm_col_full borderme">
												<label>City*</label>
												<select name="" id="">
													<option value="">Amsterdam</option>
													<option value="">Paused</option>
												</select>
											</div>
										</div>
									</div>
								</div>
							</div>


							</form>
						</div>
					</div>
				</div>
				<div class="card  profile_info blue">
					<div class="card_header">
						<h4>Demograpgics</h4>
					</div>
					<div class="card_body">
						<div class="profile_details profile_details--account">
							<form action="">
								<div class="frm_row">
									<div class="frm_col_third">
										<small>Ages</small>
										<div class="sortbox">
											<div class="sortbox__date">
												<select name="" id="">
													<option value="">From</option>
													<option value="">17</option>
													<option value="">18</option>
													<option value="">19</option>
													<option value="">20</option>
													<option value="">21</option>
												</select>
											</div>
											<div class="sortbox__date">
												<select name="" id="">
													<option value="">To</option>
													<option value="">17</option>
													<option value="">18</option>
													<option value="">19</option>
													<option value="">20</option>
													<option value="">21</option>
												</select>
											</div>
										</div>
									</div>
								</div>
								<div class="frm_row padding_top padding_bottom">
									<div class="frm_col_third borderme">
										<label>Gender</label>
										<select name="" id="">
											<option value="">All</option>
											<option value="">Paused</option>
										</select>
									</div>
								</div>
								<div class="frm_row padding_top padding_bottom">
									<div class="frm_col_third borderme">
										<label>Language</label>
										<select name="" id="">
											<option value="">Select</option>
											<option value="">Paused</option>
										</select>
										<a href="" class="addfield"><img src="../images/icons/plus_circle.svg" alt=""></a>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="card preferences categories">
					<div class="card_header">
						<h4>Categories</h4>
						<p>
							Select which categories reflect your goods or services You can choose which categories of advertising are relevant to your brand so that your ads are only shown to audiences whose interests reflect you brand categories. 
						</p>
					</div>
					<div class="card_body">
						<form action="">
							<div class="frm_row">
								<div class="frm_col_full">
									<div>
										<label for="artsncrafts">Arts & Crafts</label>
										<input type="checkbox" id="artsncrafts" name="preferences" value="Arts & Crafts" checked>
									</div>

									<div>
										<label for="healthandwellness">Health & Wellness</label>
										<input type="checkbox" id="healthandwellness" name="preferences" value="Health & Wellness" checked>
									</div>

									<div>
										<label for="knowledge">Knowledge</label>
										<input type="checkbox" id="knowledge" name="preferences" value="Knowledge" checked>
									</div>

									<div>
										<label for="careermoney">Career & Money</label>
										<input type="checkbox" id="careermoney" name="preferences" value="Career & Money">
									</div>

									<div>
										<label for="activities">Activities</label>
										<input type="checkbox" id="activities" name="preferences" value="Activities">
									</div>

									<div>
										<label for="productivity">Productivity</label>
										<input type="checkbox" id="productivity" name="preferences" value="Productivity">
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
				<div class="card  profile_info blue">
					<div class="card_header">
						<h4>Budget & Bid</h4>
					</div>
					<div class="card_body">
						<div class="profile_details profile_details--account">
							<form action="">
							<div class="frm_row">
								<div class="frm_col_third">
									<label for="email">Daily Budget*</label>
									<div class="currencyboox">
										<span>USD$</span><input name="email" id="email" type="number" placeholder="0.00" class="spinner">
									</div>
									
								</div>
							</div>
							<div class="frm_row">
								<div class="frm_col_third">
									<label for="email">Bid*</label>
									<div class="currencyboox">
										<span>USD$</span><input name="email" id="email" type="number" placeholder="0.00" class="spinner">
									</div>
								</div>
							</div>
							</form>
						</div>
					</div>
				</div>
				<div class="card  profile_info blue">
					<div class="card_header">
						<h4>Ad Rules & Frequency</h4>
					</div>
					<div class="card_body">
						<div class="profile_details profile_details--account">
							<form action="">
								<div class="frm_row">
									<div class="frm_col_third">
										<small>Serve Ad*</small>
										<div class="radioborder radioborder--blue">
											<input type="radio" name="personal">
											<label for="personal">24/7</label>
										</div>
									</div>
								</div>
								<div class="frm_row">
									<div class="frm_col_third">
									<div class="radioborder radioborder--blue">
										<input type="radio" name="personal">
										<label for="personal">Specific Times</label>

										<div class="frm_row padding_top">
											<div class="frm_col_full borderme">
												<select name="" id="">
													<option value="">Twice Per Day</option>
													<option value="">Paused</option>
												</select>
											</div>
										</div>

										<div class="datepickers">
												<div class="datepickers__date date1">
													<input id="datepicker1" type="text" placeholder="From">
												</div>
												<div class="datepickers__date date2">
													<input id="datepicker2" type="text" placeholder="To">
												</div>
											</div>

									</div>
								</div>
							</div>
							<div class="frm_row">
									<div class="frm_col_third borderme">
										<small>Serve Ad To Each Subscriber</small>
										<select name="" id="">
											<option value="">Select</option>
											<option value="">Paused</option>
										</select>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="card  profile_info blue">
					<div class="card_body">
						<div class="profile_details profile_details--account">
							<form action="">
								<div class="frm_row footerbuttons">
									<div class="frm_col_half">
										<a href="" class="btn btn--greyborder">Back</a>
									</div>
									<div class="frm_col_half">
										<a href="" class="btn btn--greyborder" style="margin-right:20px;">Save Draft</a>
										<a href="" class="btn btn--blue">Continue</a>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>	
			</div>
		</div>
	</div>

		
<?php include '../templates/footer--landing.php'; ?>