<!-- 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>My Campaigns</h1>
				<nav class="sortnav">
					<ul>
						<li><span>Sort by Date Range</span></li>
						<li><a href="" class="btn--whiteblue">Today</a></li>
						<li><a href="" class="btn--whiteblue">This Week</a></li>
						<li><a href="" class="btn--whiteblue current">This Month</a></li>
						<li><span>or Select Manually</span></li>
						<li>
						
							<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>
						
						</li>
					</ul>
				</nav>
				<div class="dash_header">
					<p>Welcome to your Advertiser Dashboard Overview</p>
					<div></div>
				</div>
			</div>
			<div class="grid profile">
				<div class="card card--graph  profile_info blue">
					<header>
						<nav class="sortnav sortnav--graph clearfix">
							<ul>
								<li>
									<div class="sortbox">
											<div class="sortbox__date">
												<select name="" id="">
													<option value="">All Campaigns</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="">Premium</option>
													<option value="">17</option>
													<option value="">18</option>
													<option value="">19</option>
													<option value="">20</option>
													<option value="">21</option>
												</select>
											</div>
										</div>
								</li>
								<li><span>vs.</span></li>
								<li>
									<a href="" class="plus">+</a>
								</li>
							</ul>
						</nav>
						<nav class="sortnav sortnav--export clearfix">
							<ul>
								<li>
									<div class="sortbox">
										<div class="sortbox__date">
											<select name="" id="">
												<option value="">February</option>
												<option value="">17</option>
												<option value="">18</option>
												<option value="">19</option>
												<option value="">20</option>
												<option value="">21</option>
											</select>
										</div>
									</div>
								</li>
								<li>
									<a href="" class="btn btn--greyborder">Export</a>
								</li>
							</ul>
						</nav>
					</header>
					<div id="campaignsgraph"></div>
				</div>

				<div class="card  profile_info blue">
					<div class="card_body">
						<table class="tbl">
							<tr class="tbl_header">
								<th>Status</th>
								<th>Campaign Title</th>
								<th>Budget</th>
								<th>Clicks</th>
								<th>Cost</th>
							</tr>
							<tr class="tbl_row">
								<td><span class="active">Active</span></td>
								<td><strong>February 2018 Global</strong></td>
								<td>$20/day</td>
								<td>275</td>
								<td>$300</td>
							</tr>
							<tr class="tbl_row">
								<td><span class="active">Active</span></td>
								<td><strong>February 2018 Global</strong></td>
								<td>$20/day</td>
								<td>275</td>
								<td>$300</td>
							</tr>
							<tr class="tbl_row">
								<td><span class="complete">Complete</span></td>
								<td><strong>February 2018 Global</strong></td>
								<td>$20/day</td>
								<td>275</td>
								<td>$300</td>
							</tr class="tbl_row">
							<tr class="tbl_footer">
								<td></td>
								<td><strong>Total - All Campaigns</strong></td>
								<td><strong>$18/day</strong></td>
								<td><strong>522</strong></td>
								<td><strong>$780</strong></td>
							</tr>
						</table>
					</div>
				</div>

							<div class="card  profile_info blue">
					<div class="card_body">
						<div class="overviewfooter">
							<div class="overviewfooter__total">
								<small>Total Funds</small>
								<strong>$260.40</strong>
							</div>
							<div class="overviewfooter__deposit">
								<a href="" class="btn--greyborder">Deposit Funds</a>
							</div>

						</div>
					</div>
				</div>
			

			</div>
		</div>
	</div>

		
<?php include '../templates/footer--landing--graph.php'; ?>