<?php
session_start();
include ("functions.php");
#echo "<pre>";print_r($_SESSION);exit;
?><!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<meta name="description" content="Ranger" />
		<meta name="author" content="MyStream Limited" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<link rel="shortcut icon" href="favicon.ico" />
		<title>Dashboard | Ranger App</title>
		<!--link rel="stylesheet" href="/css/font-awesome.min.css" /-->
		<!--link rel="stylesheet" href="js/plugins/bootstrap-datepicker/bootstrap-datepicker.css" /-->
		<link rel="stylesheet" href="js/plugins/jquery-ui/jquery-ui.css" />
		<link rel="stylesheet" href="css/style.css?a=b" />

		<!-- chartist-js by Viru -->
		<link rel="stylesheet" href="css/hover.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="js/plugins/prettyPhoto/css/prettyPhoto.css" />
		<link rel="stylesheet" href="js/chart/chartist.min.css" />
		<script type="text/javascript" src="js/chart/all.js"></script>

	</head>
	<body data-edit-pin="1111" data-master-pin="0000" data-GroupReviewPinAccepted='<?php echo (isset($_SESSION['review-group-pin']) ? $_SESSION['review-group-pin'] : ''); ?>'  data-GroupMasterPinAccepted='<?php echo (isset($_SESSION['master-group-pin']) ? $_SESSION['master-group-pin'] : ''); ?>'>
		<header class="dashboard-header">
			<div class="dashboard-logo">
				<a href="/v2" class="icomoon icon-logo">
					<span class="icon-logo1"></span>
					<span class="icon-logo2"></span>
				</a>
			</div>
			<a href="#" class="pin-logout">Logout</a>
		</header>
		<main class="tabs">
			<article class="tab tab-dash <?= isset($_SESSION['dash_pin_active']) ? "tab-active" : false ?>" data-tab="dash">
				<header class="tab-label">
					<h1>Dashboard</h1>
				</header>
				<nav class="tab-nav hide-stats">
					<ul class="stats">
						<li class="stat">
							<strong class="stat-value c-Total_Live_Parkers">24</strong>
							<span class="stat-label">Total Live<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Parkers">123</strong>
							<span class="stat-label">Total<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Revenue">&pound;123K</strong>
							<span class="stat-label">Total<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Daily_Revenue">&pound;45K</strong>
							<span class="stat-label">Daily<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Car_Parks">4</strong>
							<span class="stat-label">Car<br class="wbr" /> Parks</span>
						</li>
					</ul>
					<a href="#dash-stats" class="icon icon-stats <?= isset($_SESSION['dash_stats_active']) ? "icon-stats-active" : false ?>" title="Stat"></a>
					<a href="#dash-pin" class="icon icon-pin <?= isset($_SESSION['dash_pin_active']) ? "icon-pin-active" : false ?>" title="Pin"></a>
					<a href="#dash-add" class="icon action-expand icon-dropdown" title="Add"></a>
				</nav>
				<div class="tab-wrapper">
					<section class="tab-container tab-dashboard">
						<div class="c-TipHelp-ContainerBox">
							<div class="c-TipHelp-trigger overlay-trigger-expand ">
								<a href="#" class="c-Icon-Qusetion">?</a>
							</div>
							<div class="c-TipHelp-Container">
								<div class="c-TipHelp-arrow top right"></div>
								<a href="#" class="c-TipHelp-Close icon-cross"></a>
								<div class="c-TipHelp-Box">
									<div class="c-TipHelp-Title"><span class="c-TipHelp-Title-Span">GUIDED TOURS</span></div>
									<div class="c-TipHelp-Tips">
										<a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[dash]" title="HOW TO ADD & HIDE STATS" class="c-TipHelp-Tips-Link"><span>HOW TO ADD & HIDE STATS</span></a>
									</div>
								</div>
							</div>
						</div>
						<nav class="tab-content-nav">
							<a href="#reports-top-visitors" class="c-Dashboard-Edit">
								<span class="report-title">DASHBOARD EDITOR</span>
							</a>
							<a href="#reports-top-visitors" class="c-Dashboard-Button even c-inactive">
								<span class="report-title c-Total_Live_Parkers">24</span>
								<span class="report-subtitle"> Total Live Parkers </span>
								<span class="report-subscribe"> show </span>
							</a>
							<a href="#reports-top-visitors" class="c-Dashboard-Button even  c-inactive">
								<span class="report-title c-Total_Revenue">123</span>
								<span class="report-subtitle"> Total Parkers </span>
								<span class="report-subscribe"> show </span>
							</a>
							<a href="#reports-top-visitors" class="c-Dashboard-Button even c-active">
								<span class="report-title c-Total_Revenue">&pound;123K</span>
								<span class="report-subtitle"> Total Revenue </span>
								<span class="report-subscribe"> hide </span>
							</a>
							<a href="#reports-top-visitors" class="c-Dashboard-Button even c-active">
								<span class="report-title c-Daily_Revenue">&pound;123K</span>
								<span class="report-subtitle"> Daily Revenue </span>
								<span class="report-subscribe"> hide </span>
							</a>
							<a href="#reports-top-visitors" class="c-Dashboard-Button even  c-active last">
								<span class="report-title c-Car_Parks">4</span>
								<span class="report-subtitle"> Car Parks </span>
								<span class="report-subscribe"> hide </span>
							</a>
						</nav>
						<article class="feed c-Feed-Chart">
							<div class="c-Feed-Charts">
								<section class="feed-item c-Dashbaord-Reports"><h2>Click above stats to load here</h2></section>
							</div>
						</article>
					</section>
				</div>
			</article>
			<article class="tab tab-feed" <?= isset($_SESSION['feed_pin_active']) ? "tab-active" : false ?> data-tab="feed">
				<header class="tab-label">
					<h1>Feed</h1>
				</header>
				<nav class="tab-nav hide-stats">
					<ul class="stats">
						<li class="stat">
							<strong class="stat-value c-Total_Live_Parkers">24</strong>
							<span class="stat-label">Total Live<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Parkers">123</strong>
							<span class="stat-label">Total<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Revenue">&pound;123K</strong>
							<span class="stat-label">Total<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Daily_Revenue">&pound;45K</strong>
							<span class="stat-label">Daily<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Car_Parks">4</strong>
							<span class="stat-label">Car<br class="wbr" /> Parks</span>
						</li>
					</ul>
					<a href="#dash-stats" class="icon icon-stats <?= isset($_SESSION['feed_stats_active']) ? "icon-stats-active" : false ?>" title="Stat"></a>
					<a href="#dash-pin" class="icon icon-pin <?= isset($_SESSION['feed_pin_active']) ? "icon-pin-active" : false ?>" title="Pin"></a>
					<a href="#dash-add" class="icon action-expand icon-dropdown" title="Add"></a>
				</nav>
				<div class="tab-wrapper">

					<section class="tab-container">
						<h2 class="unseen">Feed Options</h2>
						<!--nav class="tab-content-nav thinner-nav">
							<a href="#feed-all" class="selected">All</a>
							<a href="#feed-actions" class="">Actions</a>
							<a href="#feed-insights" class="last">Insights</a>
						</nav>
						<nav class="tab-content-nav bottom-nav">
							<a href="#feed-today" class="selected">Today</a>
							<a href="#feed-yesterday" class="">Yesterday</a>
							<a href="#feed-lastweek" class="">Last Week</a>
							<a href="#feed-lastmonth" class="last">Last Month</a>
						</nav-->

						<article class="feed">
							<div class="c-TipHelp-ContainerBox">
								<div class="c-TipHelp-trigger overlay-trigger-expand ">
									<a href="#" class="c-Icon-Qusetion">?</a>
								</div>
								<div class="c-TipHelp-Container">
									<div class="c-TipHelp-arrow top right"></div>
									<a href="#" class="c-TipHelp-Close icon-cross"></a>
									<div class="c-TipHelp-Box">
										<div class="c-TipHelp-Title"><span class="c-TipHelp-Title-Span">GUIDED TOURS</span></div>
										<div class="c-TipHelp-Tips">
											<a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[feed]" title="HOW TO ADD YOUR FEED TO PRIORITY LIST" class="c-TipHelp-Tips-Link"><span>HOW TO ADD YOUR FEED TO PRIORITY LIST</span></a>
											<a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[feed]" title="HOW TO TICK YOUR FEED OFF AS COMPLETED" class="c-TipHelp-Tips-Link"><span>HOW TO TICK YOUR FEED OFF AS COMPLETED</span></a>
											<a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[feed]" title="HOW TO DELETE YOUR FEED" class="c-TipHelp-Tips-Link"><span>HOW TO DELETE YOUR FEED</span></a>
										</div>
									</div>
								</div>
							</div>
							<div class="summary-bar-tabs-Search">
								<p class="control feed-search c-Search-Block">
									<input type="text" name="feedsearch" placeholder="SEARCH" />
									<a class="icon-cross c-circle c-search-Clear-Handle" href="#"></a>
								</p>
							</div>
							<div class="summary-bar-collection summary-bar-tabs">
								<div class="summary-bar-tabs-header summary-bar-row-two">
									<section class="summary-bar central-title tab-toggle padded-spacer">
										<header class="summary-bar-header">
											<h3>Filter</h3>
											<a href="#feed-controls" class="icon tab-dropdown-toggle icon-dropdown" title="Toggle"></a>
										</header>
									</section>
									<section class="summary-bar central-title tab-toggle padded-spacer second-tab-spacer">
										<header class="summary-bar-header">
											<h3>Bulk Actions</h3>
											<a href="#feed-bulkaction" class="icon tab-dropdown-toggle icon-dropdown" title="Toggle"></a>
										</header>
									</section>
								</div>

								<div class="summary-bar-tabs-content">

									<div id="feed-controls" class="tab-dropdown">
										<div class="animate-target">
											<!--p class="control control-search">
												<input type="text" name="feedsearch" placeholder="SEARCH" />
											</p-->

											<div class="control-buttons">
												<a data-button-filter="all" href="#" class="control-button control-button-selected">ALL</a>
												<a data-button-filter="feed" href="#" class="control-button">FEED</a>
												<a data-button-filter="priority" href="#" class="control-button">PRIORITY</a>
												<a data-button-filter="completed" href="#" class="control-button control-button-last">COMPLETED</a>
											</div>

											<div class="control-filters">
												<a href="#" class="control-filter control-filter-selected">Today</a>
												<a href="#" class="control-filter">Yesterday</a>
												<a href="#" class="control-filter">Last Week</a>
												<a href="#" class="control-filter control-filter-last">Last month</a>
											</div>
										</div>
									</div>
									<div id="feed-bulkaction" class="tab-dropdown">
										<div class="animate-target">
											<div class="droppable-zone">
												<div class="dropzone deletetrigger">
													Delete
												</div>
												<div class="dropzone renewtrigger">
													Priority
												</div>
												<div class="dropzone suspendtrigger">
													Not Completed
												</div>
												<div class="dropzone suspendtrigger dropzone-last">
													Completed
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>



							<section class="feed-item" data-id="10001" draggable="true">
								<h3 class="feed-title">40mins ago <span class="date">Tuesday 14th Nov 2015</span> <a href="#">See Stats</a></h3>
								<div class="feed-summary">
									<p><a href="#">NHS London car park</a> is currently <strong>40% full</strong>. Good news, you're <strong>20%</strong> up today from yesterday.</p>
								</div>
								<img src="img/nhs.png" alt="NHS London" />
							</section>
							<section class="feed-item" data-id="10001" draggable="true">
								<h3 class="feed-title">1hr ago <span class="date">Tuesday 14th Nov 2015</span> <a href="#">See PCN</a></h3>
								<div class="feed-summary">
									<p class="feed-topic"><strong>Penalty Notice</strong></p>
									<p>Reg <strong>GN45 7HG</strong> has been issued with a <strong>&pound;50</strong> penalty for not paying at <a href="#">Watford Car Park</a></p>
								</div>
								<img src="img/pcn.png" alt="Penalty Charge Notice" />
							</section>
							<section class="feed-item" data-id="10001" draggable="true">
								<h3 class="feed-title">3h 22min ago <span class="date">Tuesday 14th Nov 2015</span> <a href="#">See Top Spenders</a></h3>
								<div class="feed-summary" data-id="10001" draggable="true">
									<p>John Smith has just parked Reg <strong>GN45 7HG</strong> at the <a href="#">Motorway Car Park</a>. He's number <strong>4</strong> on your <a href="#">Top Spender List</a>.</p>
								</div>
								<img src="img/car.png" alt="Parking Photo" />
							</section>
						</article>
					</section>
				</div>
			</article>
			<article class="tab tab-whitelist " data-tab="whitelist">
				<header class="tab-label">
					<h1>Whitelist</h1>
				</header>
				<nav class="tab-nav hide-stats">
					<ul class="stats">
						<li class="stat">
							<strong class="stat-value c-Total_Live_Parkers">15</strong>
							<span class="stat-label">Total Live<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Parkers">110</strong>
							<span class="stat-label">Total<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Revenue">&pound;120K</strong>
							<span class="stat-label">Total<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Daily_Revenue">&pound;50K</strong>
							<span class="stat-label">Daily<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Car_Parks">5</strong>
							<span class="stat-label">Car<br class="wbr" /> Parks</span>
						</li>
					</ul>
					<!--a class="overlay-trigger c-Widget-Icon-Expand icon-expand" href="#"></a-->
					<a class="c-tab-button c-AddPermit-Button" href="#">ADD PERMIT</a>
					<a class="c-tab-button c-Upload-Button" href="#">UPLOAD</a>
					<a class="c-tab-button c-Assignwidget-Button c-Pending-Button" href="#"><span class="u-Pending-Numbers">6</span> PENDING</a>
					<a class="c-tab-button c-Assignwidget-Button c-Expired-NumberButton" href="#"><span class="u-Expired-Numbers">4</span> EXPIRING</a>
					<a href="#whitelist-stats" class="icon icon-stats <?= isset($_SESSION['whitelist_stats_active']) ? "icon-stats-active" : false ?>" title="Stat"></a>
					<a href="#whitelist-pin" class="icon icon-pin <?= isset($_SESSION['whitelist_pin_active']) ? "icon-pin-active" : false ?>" title="Pin"></a>
					<a href="#whitelist-add" class="icon action-expand icon-dropdown" title="Add"></a>
					<a href="#" style="visibility: hidden" class="overlay-trigger"></a>
				</nav>
				<div class="tab-wrapper">
					<section class="tab-container">
						<article class="feed">
							<div class="c-TipHelp-ContainerBox">
								<div class="c-TipHelp-trigger overlay-trigger-expand ">
									<a href="#" class="c-Icon-Qusetion">?</a>
								</div>
								<div class="c-TipHelp-Container">
									<div class="c-TipHelp-arrow top right"></div>
									<a href="#" class="c-TipHelp-Close icon-cross"></a>
									<div class="c-TipHelp-Box">
										<div class="c-TipHelp-Title"><span class="c-TipHelp-Title-Span">GUIDED TOURS</span></div>
										<div class="c-TipHelp-Tips">
											<a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[whitelist]" class="c-TipHelp-Tips-Link" title="HOW TO ADD A PERMIT"><span>HOW TO ADD A PERMIT</span></a>
											<a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[whitelist]" class="c-TipHelp-Tips-Link" title="HOW TO EDIT A PERMIT"><span>HOW TO EDIT A PERMIT</span></a>
											<a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[whitelist]" class="c-TipHelp-Tips-Link" title="HOW TO UPLOAD YOUR DATABASE"><span>HOW TO UPLOAD YOUR DATABASE</span></a>
											<a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[whitelist]" class="c-TipHelp-Tips-Link" title="HOW TO CREATE GROUPS TO ADD BULK CONTACTS"><span>HOW TO CREATE GROUPS TO ADD BULK CONTACTS</span></a>
										</div>
									</div>
								</div>
							</div>

							<div class="summary-bar-tabs-Search summary-bar-collection">
								<!--p class="control control-search c-Search-Block">
									<input type="text" name="whitelistsearch" placeholder="SEARCH" />
									<a class="icon-cross c-circle c-search-Clear-Handle" href="#"></a>
								</p-->
								<div class="control control-search">
									<div class="c-Search-Small-Block">
										<div class="c-Search-Small-Block-Inner">
											<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Input">
												<input class="c-Search-Input" type="text" name="whitelistsearch" placeholder="SEARCH" />
												<a class="c-Search-Icon icon-cross c-circle c-search-Clear-Handle" href="#"></a>
												<a class="c-Search-Icon icon-search-normal" href="#"></a>
											</div>
											<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
												<span>STATUS</span>
												<a href="#whitelist-live-controls" class="c-Icon whitelist-dropdown-toggle tab-dropdown-toggle icon-dropdown " title="Toggle"></a>
											</div>
											<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
												<span>TIME</span>
												<a href="#whitelist-time-controls" class="c-Icon whitelist-dropdown-toggle tab-dropdown-toggle icon-dropdown" title="Toggle"></a>
											</div>
											<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
												<span>GROUPS</span>
												<a href="#whitelist-group-controls" class="c-Icon whitelist-dropdown-toggle tab-dropdown-toggle icon-dropdown" title="Toggle"></a>
											</div>
											<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
												<span>LOCATION</span>
												<a href="#whitelist-location-controls" class="c-Icon whitelist-dropdown-toggle tab-dropdown-toggle icon-dropdown" title="Toggle"></a>
											</div>
										</div>
									</div>
								</div>

								<div class="summary-bar-tabs-Search-tab-container">
									<div class="summary-bar-tabs-content">
										<div id="whitelist-live-controls" class="whitelist-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters">
													<a href="#" class="control-filter control-filter-selected">All</a>
													<a href="#" class="control-filter">LIVE</a>
													<a href="#" class="control-filter">Penalties</a>
													<a href="#" class="control-filter control-filter-last">Suspended</a>
													<a href="#" class="control-filter">Expiring</a>
													<a href="#" class="control-filter">Expired</a>
													<a href="#" class="control-filter control-filter-last">Pending</a>
													<!--a href="#" class="control-filter ">Flagged</a-->
												</div>
											</div>
										</div>

										<div id="whitelist-time-controls" class="whitelist-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters">
													<a href="#" class="control-filter control-filter-selected">FOREVER</a>
													<a href="#" class="control-filter ">Today</a>
													<a href="#" class="control-filter">Yesterday</a>
													<a href="#" class="control-filter control-filter-last">Past week</a>
													<a href="#" class="control-filter ">This month</a>
													<a href="#" class="control-filter">Past Year</a>
													<a href="#" class="control-filter c-controlFilters-btnTimeCustom">Custom</a>
												</div>
												<div class="c-controlFilters-CustomTime">
													<div class="c-controlFilters-CustomTime-Inputs c-float-right">
														<div class="c-controlFilters-CustomTime-Inputs-Box" style="display: block;">
															<span class="c-controlFilters-CustomTime-Inputs-Spans">
																<input type="text" name="customdate_start_date" placeholder="Enter Start Date" class="c-controlFilters-CustomTime-StartTime c-controlFilters-CustomTime-Input " id="c-controlFilters-CustomTime-StartTime">
															</span>
															<span class="c-controlFilters-CustomTime-Inputs-Spans">
																<input type="text" name="customdate_end_date" placeholder="Enter End Date" class="c-controlFilters-CustomTime-EndTime c-controlFilters-CustomTime-Input " id="c-controlFilters-CustomTime-EndTime">
															</span>
															<a href="#" class="c-controlFilters-CustomTime-Save"><span>GO</span></a>
															<!--a href="#" class="c-controlFilters-CustomTime-Close icon-cross"></a-->
														</div>
														<div class="c-controlFilters-CustomTime-overlay input-Box-overlay"><div class="c-Iconsbox"><span class="icon-caution"><span class="path1"></span><span class="path2"></span><span class="path3"></span></span></div><div class="c-Contentbox"><span>Oops! We Can't add nothing, please try again..</span></div></div>
													</div>
												</div>
											</div>
										</div>

										<div id="whitelist-group-controls" class="whitelist-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters">
													<a href="#" class="control-filter control-filter-selected">ALL</a>
													<a href="#" class="control-filter c-Group-Widget-Button"><span class="icon-add"></span></a>
													<a href="#" class="control-filter">Professor</a>
													<a href="#" class="control-filter control-filter-last">Teacher</a>
													<a href="#" class="control-filter ">Student</a>
												</div>
											</div>
										</div>

										<div id="whitelist-location-controls" class="whitelist-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters">
													<a href="#" class="control-filter control-filter-selected">ALL</a>
													<a href="#" class="c-LocationPopup-Button control-filter"><span class="icon-add"></span></a>
													<a href="#" class="control-filter ">London</a>
													<a href="#" class="control-filter control-filter-last">Manchester</a>
													<a href="#" class="control-filter ">Liverpool</a>
													<a href="#" class="control-filter">Essex</a>
													<a href="#" class="control-filter">Windsor</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="c-Summary-Buttons-Bar c-Summary-Buttons-NewBar">
								<section class="c-AddPermit-Button c-Summary-Buttons-Bar-Block c-Summary-Buttons-Bar-ToogerOverlay summary-bar central-title">
									<header class="summary-bar-header">
										<a title="Add Permit" class="c-Summary-Buttons-Bar-Icons icon-expand" href="#"></a>
										<h3>Add Permit</h3>
									</header>
								</section>
								<section class="c-Group-Widget-Button c-Summary-Buttons-Bar-ToogerOverlay summary-bar central-title ">
									<header class="summary-bar-header summary-bar-header-group">
										<a title="Add Group" class="c-Summary-Buttons-Bar-Icons icon-expand" href="#"></a>
										<h3>Add Group</h3>

									</header>
								</section>
								<section class="c-Location-Button c-Summary-Buttons-Bar-ToogerOverlay summary-bar central-title">
									<header class="summary-bar-header summary-bar-header-location">
										<a title="Add Location" class="c-Summary-Buttons-Bar-Icons icon-expand" href="#"></a>
										<h3>Add Location</h3>

									</header>
								</section>
								<section class="c-Upload-Button c-Summary-Buttons-Bar-ToogerOverlay summary-bar central-title">
									<header class="summary-bar-header summary-bar-header-upload">
										<a title="Upload Database" class="c-Summary-Buttons-Bar-Icons icon-expand" href="#"></a>
										<h3>Upload Database</h3>

									</header>
								</section>
							</div>
						</article>
						<div class="c-Car-Plate-Box">
							<div class="u-Car-Plate-AddPermit">
								<a href="#" class="c-Car-Plate-AddPermit-Link c-AddPermit-Button">ADD PERMIT</a>
							</div>
							<div class="licence-plate-list">
								<div class="licence-plate-list-Parents">
									<div class="car-plate active-car-plate c-Car-Plate-Main" data-vehicle="FN02 OXR" data-group_uid="2" data-duration="FN02 OXR" data-person='Grahame Rose' data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR" data-group_uid="2">
										<div class="car-plate-status">
											<span class="car-plate-status-text">LIVE</span>
											<span class="car-plate-status-button">Suspend</span>
										</div>
										<div class="car-plate-value">
											<span class="car-plate-big car-plate-numberplate">FN02 OXR</span>
											<div class="car-plate-value-spans">
												<span class="car-plate-small car-plate-person">Grahame Rose</span>
												<span class="car-plate-small car-plate-group" >PROFESSOR</span>
												<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
												<span class="car-plate-small car-plate-daytime">Thu</span>
												<span class="car-plate-small car-plate-history">History</span>
											</div>
										</div>
										<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
										<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
										<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
									</div>

									<div class="licence-plate-list c-Car-Plate-Inner">
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-Person">
											<div class="car-plate-title">Grahame Rose's Permits &nbsp;<a href="#" class="car-plate-close">CLOSE</a></div>
											<div class="car-plate active-car-plate" data-vehicle="FN02 OXR" data-person='Grahame Rose' data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR" data-group_uid="2">
												<div class="car-plate-status">
													<span class="car-plate-status-text">Active</span>
													<span class="car-plate-status-button">Suspend</span>
												</div>
												<div class="car-plate-value">
													<span class="car-plate-big car-plate-numberplate">FN02 OXR</span>
													<div class="car-plate-value-spans">
														<span class="car-plate-small car-plate-person">Grahame Rose</span>
														<span class="car-plate-small car-plate-group" >PROFESSOR</span>
														<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
														<span class="car-plate-small car-plate-daytime">Thu</span>

													</div>
												</div>
												<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
												<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
												<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
											</div>
										</div>
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-History">
											<div class="car-plate-title">Permits History of Vehicle FN02 OXR <a href="#" class="car-plate-close">CLOSE</a></div>
											<div class="car-plate active-car-plate" data-vehicle="FN02 OXR" data-person='Grahame Rose' data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR" data-group_uid="2">
												<div class="car-plate-status">
													<span class="car-plate-status-text">Active</span>
													<span class="car-plate-status-button">Suspend</span>
												</div>
												<div class="car-plate-value">
													<span class="car-plate-big car-plate-numberplate">FN02 OXR</span>
													<div class="car-plate-value-spans">
														<span class="car-plate-small car-plate-person">Grahame Rose</span>
														<span class="car-plate-small car-plate-group" >PROFESSOR</span>
														<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
														<span class="car-plate-small car-plate-daytime">Thu</span>

													</div>
												</div>
												<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
												<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
												<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
											</div>
										</div>
									</div>
								</div>
								<div class="licence-plate-list-Parents">
									<div class="car-plate active-car-plate c-Car-Plate-Main" data-group_uid="2" data-vehicle="FN02 OXR" data-person='John Smith' data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR" data-group_uid="2">
										<div class="car-plate-status">
											<span class="car-plate-status-text">LIVE</span>
											<span class="car-plate-status-button">Suspend</span>
										</div>
										<div class="car-plate-value">
											<span class="car-plate-big car-plate-numberplate">FN02 OXR</span>
											<div class="car-plate-value-spans">
												<span class="car-plate-small car-plate-person">John Smith</span>
												<span class="car-plate-small car-plate-group" >PROFESSOR</span>
												<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
												<span class="car-plate-small car-plate-daytime">Thu</span>
												<span class="car-plate-small car-plate-history">History</span>
											</div>
										</div>
										<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
										<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
										<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
									</div>

									<div class="licence-plate-list c-Car-Plate-Inner">
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-Person">
											<div class="car-plate-title">John Smith's Permits &nbsp; <a href="#" class="car-plate-close">CLOSE</a></div>
											<div class="car-plate active-car-plate" data-group_uid="2" data-vehicle="FN02 OXR" data-person='John Smith' data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR" data-group_uid="2">
												<div class="car-plate-status">
													<span class="car-plate-status-text">Active</span>
													<span class="car-plate-status-button">Suspend</span>
												</div>
												<div class="car-plate-value">
													<span class="car-plate-big car-plate-numberplate">FN02 OXR</span>
													<div class="car-plate-value-spans">
														<span class="car-plate-small car-plate-person">John Smith</span>
														<span class="car-plate-small car-plate-group">PROFESSOR</span>
														<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
														<span class="car-plate-small car-plate-daytime">Thu</span>

													</div>
												</div>
												<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
												<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
												<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
											</div>
											<div class="car-plate expired-car-plate" data-group_uid="2" data-vehicle="J1 RTW" data-person='John Smith'  data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR">
												<div class="car-plate-status">
													<span class="car-plate-status-text">Expired</span>
													<span class="car-plate-status-button">Renew</span>
												</div>
												<div class="car-plate-value">
													<span class="car-plate-big car-plate-numberplate">J1 RTW</span>
													<div class="car-plate-value-spans">
														<span class="car-plate-small car-plate-person">John Smith</span>
														<span class="car-plate-small car-plate-group">PROFESSOR</span>
														<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
														<span class="car-plate-small car-plate-daytime">Thu</span>

													</div>
												</div>
												<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
												<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
												<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
											</div>
											<div class="car-plate suspended-car-plate" data-group_uid="1" data-vehicle="KT06 NXB" data-person='John Smith'>
												<div class="car-plate-status">
													<span class="car-plate-status-text">SUSPENDED</span>
													<span class="car-plate-status-button">MAKE LIVE</span>
												</div>
												<div class="car-plate-value">
													<span class="car-plate-big car-plate-numberplate">KT06 NXB</span>
													<div class="car-plate-value-spans">
														<span class="car-plate-small car-plate-person">John Smith</span>
														<span class="car-plate-small car-plate-group" data-group_name="STUDENT" data-group_uid="1">Student</span>									</div>
												</div>
												<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
												<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
												<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
											</div>
										</div>
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-History">
											<div class="car-plate-title">Permits History of Vehicle FN02 OXR <a href="#" class="car-plate-close">CLOSE</a></div>
											<div class="car-plate active-car-plate" data-group_uid="2" data-vehicle="FN02 OXR" data-person='John Smith' data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR" data-group_uid="2">
												<div class="car-plate-status">
													<span class="car-plate-status-text">Active</span>
													<span class="car-plate-status-button">Suspend</span>
												</div>
												<div class="car-plate-value">
													<span class="car-plate-big car-plate-numberplate">FN02 OXR</span>
													<div class="car-plate-value-spans">
														<span class="car-plate-small car-plate-person">John Smith</span>
														<span class="car-plate-small car-plate-group">PROFESSOR</span>
														<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
														<span class="car-plate-small car-plate-daytime">Thu</span>

													</div>
												</div>
												<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
												<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
												<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
											</div>
											<div class="car-plate expired-car-plate" data-group_uid="2" data-vehicle="J1 RTW" data-person='John Smith'  data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR">
												<div class="car-plate-status">
													<span class="car-plate-status-text">Expired</span>
													<span class="car-plate-status-button">Renew</span>
												</div>
												<div class="car-plate-value">
													<span class="car-plate-big car-plate-numberplate">J1 RTW</span>
													<div class="car-plate-value-spans">
														<span class="car-plate-small car-plate-person">John Smith</span>
														<span class="car-plate-small car-plate-group">PROFESSOR</span>
														<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
														<span class="car-plate-small car-plate-daytime">Thu</span>

													</div>
												</div>
												<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
												<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
												<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
											</div>
										</div>
									</div>
								</div>

								<div class="licence-plate-list-Parents">
									<div class="car-plate active-car-plate c-Car-Plate-Main" data-group_uid="2" data-vehicle="J1 RTW" data-person='John Smith'  data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR">
										<div class="car-plate-status">
											<span class="car-plate-status-text">LIVE</span>
											<span class="car-plate-status-button">Suspend</span>
										</div>
										<div class="car-plate-value">
											<span class="car-plate-big car-plate-numberplate">J1 RTW</span>
											<div class="car-plate-value-spans">
												<span class="car-plate-small car-plate-person">John Smith</span>
												<span class="car-plate-small car-plate-group">PROFESSOR</span>
												<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
												<span class="car-plate-small car-plate-daytime">Thu</span>
												<span class="car-plate-small car-plate-history">History</span>
											</div>
											<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
											<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
											<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
										</div>
									</div>

									<div class="licence-plate-list c-Car-Plate-Inner">
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-Person">
											<div class="car-plate-title">John Smith's Permits <a href="#" class="car-plate-close">CLOSE</a></div>
											<div class="car-plate expired-car-plate" data-group_uid="2" data-vehicle="J1 RTW" data-person='John Smith' data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR">
												<div class="car-plate-status">
													<span class="car-plate-status-text">Expired</span>
													<span class="car-plate-status-button">Renew</span>
												</div>
												<div class="car-plate-value">
													<span class="car-plate-big car-plate-numberplate">J1 RTW</span>
													<div class="car-plate-value-spans">
														<span class="car-plate-small car-plate-person">John Smith</span>
														<span class="car-plate-small car-plate-group">PROFESSOR</span>
														<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
														<span class="car-plate-small car-plate-daytime">Thu</span>

													</div>
												</div>
												<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
												<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
												<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
											</div>
										</div>
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-History">
											<div class="car-plate-title">Permits History of Vehicle J1 RTW <a href="#" class="car-plate-close">CLOSE</a></div>
											<div class="car-plate expired-car-plate" data-group_uid="2" data-vehicle="J1 RTW" data-person='John Smith' data-durationstart="2nd Apr 2016" data-durationend="2nd Oct 2016" data-durationdatefilter="month" data-durationdatenumber="6" data-durationstartdate="2016/04/02" data-durationenddate="2016/10/02" data-lock_duration="1" data-daytime="thur" data-daytime-day="thur" data-daytime-thur-start="00:00" data-daytime-thur-end="00:00" data-lock_daytime="1" data-hide_location="1" data-location="LONDON" data-group_name="PROFESSOR">
												<div class="car-plate-status">
													<span class="car-plate-status-text">Expired</span>
													<span class="car-plate-status-button">Renew</span>
												</div>
												<div class="car-plate-value">
													<span class="car-plate-big car-plate-numberplate">J1 RTW</span>
													<div class="car-plate-value-spans">
														<span class="car-plate-small car-plate-person">John Smith</span>
														<span class="car-plate-small car-plate-group">PROFESSOR</span>
														<span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
														<span class="car-plate-small car-plate-daytime">Thu</span>

													</div>
												</div>
												<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
												<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
												<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
											</div>
										</div>
									</div>
								</div>

								<div class="licence-plate-list-Parents">
									<div class="car-plate active-car-plate c-Car-Plate-Main" data-group_uid="1" data-vehicle="KT06 NXB" data-person='John Smith'>
										<div class="car-plate-status">
											<span class="car-plate-status-text">LIVE</span>
											<span class="car-plate-status-button">Suspend</span>
										</div>
										<div class="car-plate-value">
											<span class="car-plate-big car-plate-numberplate">KT06 NXB</span>
											<div class="car-plate-value-spans">
												<span class="car-plate-small car-plate-person">John Smith</span>
												<span class="car-plate-small car-plate-group" data-group_name="STUDENT" data-group_uid="1">STUDENT</span>
												<span class="car-plate-small car-plate-history">History</span>
											</div>
										</div>
										<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
										<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
										<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
									</div>
									<div class="licence-plate-list c-Car-Plate-Inner">
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-Person">
											<div class="car-plate-title">John Smith's Permits <a href="#" class="car-plate-close">CLOSE</a></div>
											<div class="car-plate suspended-car-plate" data-group_uid="1" data-vehicle="KT06 NXB" data-person='John Smith'>
												<div class="car-plate-status">
													<span class="car-plate-status-text">SUSPENDED</span>
													<span class="car-plate-status-button">MAKE LIVE</span>
												</div>
												<div class="car-plate-value">
													<span class="car-plate-big car-plate-numberplate">KT06 NXB</span>
													<div class="car-plate-value-spans">
														<span class="car-plate-small car-plate-person">John Smith</span>
														<span class="car-plate-small car-plate-group" data-group_name="STUDENT">Student</span>													</div>
												</div>
												<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
												<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
												<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
											</div>
										</div>
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-History">
											<div class="car-plate-title">Permits History of Vehicle KT06 NXB <a href="#" class="car-plate-close">CLOSE</a></div>
										</div>
									</div>
								</div>

								<div class="licence-plate-list-Parents">
									<div class="car-plate active-car-plate c-Car-Plate-Main" data-group_uid="3" data-vehicle="KT06 NXB" data-person='Grahame Rose'>
										<div class="car-plate-status">
											<span class="car-plate-status-text">LIVE</span>
											<span class="car-plate-status-button">Suspend</span>
										</div>
										<div class="car-plate-value">
											<span class="car-plate-big car-plate-numberplate">KT06 NXB</span>
											<div class="car-plate-value-spans">
												<span class="car-plate-small car-plate-person">Grahame Rose</span>
												<span class="car-plate-small car-plate-group" data-group_name="TEACHER" data-group_uid="3">TEACHER</span>
												<span class="car-plate-small car-plate-history">History</span>
											</div>
										</div>
										<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
										<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
										<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
									</div>
									<div class="licence-plate-list c-Car-Plate-Inner"></div>
								</div>

								<div class="licence-plate-list-Parents u-Hide">
									<div class="car-plate active-car-plate c-Car-Plate-Main" data-group_uid="3" data-vehicle="KT06 NXB" data-person='Grahame Rose'>
										<div class="car-plate-status">
											<span class="car-plate-status-text">LIVE</span>
											<span class="car-plate-status-button">Suspend</span>
										</div>
										<div class="car-plate-value">
											<span class="car-plate-big car-plate-numberplate">KT06 NXB</span>
											<div class="car-plate-value-spans">
												<span class="car-plate-small car-plate-person">Grahame Rose</span>
												<span class="car-plate-small car-plate-group" data-group_name="TEACHER" data-group_uid="3">TEACHER</span>
												<span class="car-plate-small car-plate-history">History</span>
											</div>
										</div>
										<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
										<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
										<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
									</div>
									<div class="licence-plate-list c-Car-Plate-Inner"></div>
								</div>

								<div class="licence-plate-list-Parents u-Hide">
									<div class="car-plate active-car-plate c-Car-Plate-Main" data-group_uid="3" data-vehicle="KT06 NXB" data-person='Grahame Rose'>
										<div class="car-plate-status">
											<span class="car-plate-status-text">LIVE</span>
											<span class="car-plate-status-button">Suspend</span>
										</div>
										<div class="car-plate-value">
											<span class="car-plate-big car-plate-numberplate">KT06 NXB</span>
											<div class="car-plate-value-spans">
												<span class="car-plate-small car-plate-person">Grahame Rose</span>
												<span class="car-plate-small car-plate-group" data-group_name="TEACHER" data-group_uid="3">TEACHER</span>
												<span class="car-plate-small car-plate-history">History</span>
											</div>
										</div>
										<a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
										<a href="#" class="car-plate-delete icon-cross c-circle car-plate-right-buttons"></a>
										<a href="#" class="car-plate-tick icon-tick c-circle car-plate-right-buttons"></a>
									</div>
									<div class="licence-plate-list c-Car-Plate-Inner"></div>
								</div>
							</div>
							<a href="#" title="More Car Plats" class="u-More-CarPlates">MORE</a>
						</div>
					</section>

				</div>
				<div class="tooltip set-one">
					<div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
					<div class="tooltip-content">ADD PERMIT, PEOPLE, VEHICLE, LOCATIONS, CATEGORY HERE</div>
					<div class="tooltip-arrow bottom center"></div>
				</div>
				<div class="tooltip set-two">
					<div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
					<div class="tooltip-content">SEARCH AND FILTER YOUR CONTACTS BY LOCATION & DATE HERE</div>
					<div class="tooltip-arrow bottom center"></div>
				</div>
				<div class="tooltip set-three">
					<div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
					<div class="tooltip-content">DRAG YOUR CONTACTS INTO HERE TO DELETE, RENEW PERMIT & MORE</div>
					<div class="tooltip-arrow bottom center"></div>
				</div>
				<div class="tooltip set-four">
					<div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
					<div class="tooltip-content">DRAG YOUR CONTACTS INTO YOUR GROUPS HERE TO BULK ACTION THEM</div>
					<div class="tooltip-arrow bottom center"></div>
				</div>
			</article>

			<?php /*
			  <article class="tab tab-whitelist " data-tab="whitelist">
			  <header class="tab-label">
			  <h1>Whitelist</h1>
			  </header>
			  <nav class="tab-nav hide-stats">
			  <ul class="stats">
			  <li class="stat">
			  <strong class="stat-value c-Total_Live_Parkers">15</strong>
			  <span class="stat-label">Total Live<br class="wbr" /> Parkers</span>
			  </li>
			  <li class="stat">
			  <strong class="stat-value c-Total_Parkers">110</strong>
			  <span class="stat-label">Total<br class="wbr" /> Parkers</span>
			  </li>
			  <li class="stat">
			  <strong class="stat-value c-Total_Revenue">&pound;120K</strong>
			  <span class="stat-label">Total<br class="wbr" /> Revenue</span>
			  </li>
			  <li class="stat">
			  <strong class="stat-value c-Daily_Revenue">&pound;50K</strong>
			  <span class="stat-label">Daily<br class="wbr" /> Revenue</span>
			  </li>
			  <li class="stat">
			  <strong class="stat-value c-Car_Parks">5</strong>
			  <span class="stat-label">Car<br class="wbr" /> Parks</span>
			  </li>
			  </ul>
			  <!--a class="overlay-trigger c-Widget-Icon-Expand icon-expand" href="#"></a-->
			  <a class="c-tab-button c-AddPermit-Button" href="#">ADD PERMIT</a>
			  <a class="c-tab-button c-Upload-Button" href="#">UPLOAD</a>
			  <a class="c-tab-button c-Assignwidget-Button c-Pending-Button" href="#"><span class="u-Pending-Numbers">6</span> PENDING</a>
			  <a href="#whitelist-stats" class="icon icon-stats <?= isset($_SESSION['whitelist_stats_active']) ? "icon-stats-active" : false ?>" title="Stat"></a>
			  <a href="#whitelist-pin" class="icon icon-pin <?= isset($_SESSION['whitelist_pin_active']) ? "icon-pin-active" : false ?>" title="Pin"></a>
			  <a href="#whitelist-add" class="icon action-expand icon-dropdown" title="Add"></a>
			  <a href="#" style="visibility: hidden" class="overlay-trigger"></a>
			  </nav>
			  <div class="tab-wrapper">
			  <section class="tab-container">
			  <article class="feed">
			  <!--div class="overlay-trigger overlay-trigger-expand " data-start="whitelist">
			  <a data-step="1" href="#" class="icon-expand c-overlay-step active"></a>
			  <a data-step="2" href="#" class="c-overlay-step c-overlay-step-second">
			  <span><span>ADD PERMIT</span></span>
			  </a>
			  </div-->
			  <div class="c-TipHelp-ContainerBox">
			  <div class="c-TipHelp-trigger overlay-trigger-expand ">
			  <a href="#" class="c-Icon-Qusetion">?</a>
			  </div>
			  <div class="c-TipHelp-Container">
			  <div class="c-TipHelp-arrow top right"></div>
			  <a href="#" class="c-TipHelp-Close icon-cross"></a>
			  <div class="c-TipHelp-Box">
			  <div class="c-TipHelp-Title"><span class="c-TipHelp-Title-Span">GUIDED TOURS</span></div>
			  <div class="c-TipHelp-Tips">
			  <a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[whitelist]" class="c-TipHelp-Tips-Link" title="HOW TO ADD A PERMIT"><span>HOW TO ADD A PERMIT</span></a>
			  <a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[whitelist]" class="c-TipHelp-Tips-Link" title="HOW TO EDIT A PERMIT"><span>HOW TO EDIT A PERMIT</span></a>
			  <a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[whitelist]" class="c-TipHelp-Tips-Link" title="HOW TO UPLOAD YOUR DATABASE"><span>HOW TO UPLOAD YOUR DATABASE</span></a>
			  <a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[whitelist]" class="c-TipHelp-Tips-Link" title="HOW TO CREATE GROUPS TO ADD BULK CONTACTS"><span>HOW TO CREATE GROUPS TO ADD BULK CONTACTS</span></a>
			  </div>
			  </div>
			  </div>
			  </div>
			  <div class="summary-bar-tabs-Search">
			  <p class="control control-search c-Search-Block">
			  <input class="c-Search-Input" type="text" name="whitelistsearch" placeholder="SEARCH" />
			  <a class="icon-cross c-circle c-search-Clear-Handle" href="#"></a>
			  </p>
			  </div>
			  <div class="summary-bar-collection summary-bar-tabs">
			  <div class="summary-bar-tabs-header">
			  <section class="summary-bar central-title tab-toggle padded-spacer">
			  <header class="summary-bar-header">
			  <h3>Filter</h3>
			  <a href="#whitelist-controls" class="icon whitelist-dropdown-toggle tab-dropdown-toggle icon-dropdown" title="Toggle"></a>
			  </header>
			  </section>
			  <section class="summary-bar central-title tab-toggle padded-spacer second-tab-spacer">
			  <header class="summary-bar-header">
			  <h3>Bulk Actions</h3>
			  <a href="#whitelist-bulkaction" class="icon whitelist-dropdown-toggle tab-dropdown-toggle icon-dropdown" title="Toggle"></a>
			  </header>
			  </section>
			  <section class="summary-bar central-title tab-toggle padded-spacer">
			  <header class="summary-bar-header">
			  <h3>GROUPS</h3>
			  <a href="#whitelist-preset_categories" class="icon whitelist-dropdown-toggle tab-dropdown-toggle icon-dropdown" title="Toggle"></a>
			  </header>
			  </section>
			  </div>

			  <div class="summary-bar-tabs-content">
			  <div id="whitelist-controls" class="whitelist-dropdown tab-dropdown">
			  <!--div class="animate-target">
			  <p class="control control-search">
			  <input type="text" name="whitelistsearch" placeholder="SEARCH" />
			  </p>
			  <div class="control-filters">
			  <a href="#" class="control-filter control-filter-selected">All</a>
			  <a href="#" class="control-filter">Parked</a>
			  <a href="#" class="control-filter">Penalties</a>
			  <a href="#" class="control-filter control-filter-last">Suspended</a>
			  <a href="#" class="control-filter">Expiring</a>
			  <a href="#" class="control-filter">Expired</a>
			  </div>

			  <div class="control-buttons">
			  <a data-button-filter="location" href="#" class="control-button control-button-selected">LOCATION</a>
			  <a data-button-filter="date" href="#" class="control-button">Date</a>
			  <a data-button-filter="category" href="#" class="control-button control-button-last">Category</a>
			  </div>

			  <div id="control-button-filter-category" class="control-button-filter active">
			  <a href="#" class="control-button"><span class="icon-add"></span></a>
			  <a href="#" class="control-button">SHEFFIELD</a>
			  <a href="#" class="control-button control-button-last">MANCHESTER</a>
			  <a href="#" class="control-button">SOUTHEND</a>
			  <a href="#" class="control-button">COLCHESTER</a>
			  </div>
			  <div id="control-button-filter-category" class="control-button-filter">
			  <a href="#" class="control-button"><span class="icon-add"></span></a>
			  <a href="#" class="control-button">SHEFFIELD</a>
			  <a href="#" class="control-button control-button-last">MANCHESTER</a>
			  <a href="#" class="control-button">SOUTHEND</a>
			  <a href="#" class="control-button">COLCHESTER</a>
			  </div>

			  </div-->
			  <div class="animate-target">
			  <div class="control-filters">
			  <a href="#" class="control-filter control-filter-selected">All</a>
			  <a href="#" class="control-filter">Parked</a>
			  <a href="#" class="control-filter">Penalties</a>
			  <a href="#" class="control-filter control-filter-last">Suspended</a>
			  <a href="#" class="control-filter">Expiring</a>
			  <a href="#" class="control-filter">Expired</a>
			  <a href="#" class="control-filter">Pending</a>
			  <a href="#" class="control-filter control-filter-last">Flagged</a>
			  </div>
			  <hr/>
			  <div class="control-filters">
			  <a href="#" class="control-filter c-controlFilters-btn c-controlFilters-btnTime">TIME</a>
			  <a href="#" class="control-filter ">Today</a>
			  <a href="#" class="control-filter">Yesterday</a>
			  <a href="#" class="control-filter control-filter-last">This week</a>
			  <a href="#" class="control-filter">This month</a>
			  <a href="#" class="control-filter">This Year</a>
			  <a href="#" class="control-filter c-controlFilters-btnTimeCustom">Custom</a>
			  </div>
			  <div class="c-controlFilters-CustomTime">
			  <div class="c-controlFilters-CustomTime-Inputs c-float-right">
			  <div class="c-controlFilters-CustomTime-Inputs-Box" style="display: block;">
			  <span class="c-controlFilters-CustomTime-Inputs-Spans">
			  <input type="text" name="customdate_start_date" placeholder="Enter Start Date" class="c-controlFilters-CustomTime-StartTime c-controlFilters-CustomTime-Input " id="c-controlFilters-CustomTime-StartTime">
			  </span>
			  <span class="c-controlFilters-CustomTime-Inputs-Spans">
			  <input type="text" name="customdate_end_date" placeholder="Enter End Date" class="c-controlFilters-CustomTime-EndTime c-controlFilters-CustomTime-Input " id="c-controlFilters-CustomTime-EndTime">
			  </span>
			  <a href="#" class="c-controlFilters-CustomTime-Save"><span>GO</span></a>
			  <!--a href="#" class="c-controlFilters-CustomTime-Close icon-cross"></a-->
			  </div>
			  <div class="c-controlFilters-CustomTime-overlay input-Box-overlay"><div class="c-Iconsbox"><span class="icon-caution"><span class="path1"></span><span class="path2"></span><span class="path3"></span></span></div><div class="c-Contentbox"><span>Oops! We Can't add nothing, please try again..</span></div></div>
			  </div>
			  </div>
			  <hr/>
			  <div class="control-filters">
			  <a href="#" class="control-filter c-controlFilters-btn">Location</a>
			  <!--a href="#" class="c-LocationPopup-Button control-filter"><span class="icon-add"></span></a-->
			  <a href="#" class="control-filter ">London</a>
			  <a href="#" class="control-filter control-filter-last">Manchester</a>
			  <a href="#" class="control-filter">Liverpool</a>
			  <a href="#" class="control-filter">Essex</a>
			  <a href="#" class="control-filter">Windsor</a>
			  </div>
			  <hr/>
			  <div class="control-filters">
			  <a href="#" class="control-filter c-controlFilters-btn">GROUPS</a>
			  <a href="#" class="control-filter c-Group-Widget-Button"><span class="icon-add"></span></a>
			  <a href="#" class="control-filter">Professor</a>
			  <a href="#" class="control-filter control-filter-last">Teacher</a>
			  <a href="#" class="control-filter ">Student</a>

			  </div>
			  </div>
			  </div>

			  <div id="whitelist-bulkaction" class="whitelist-dropdown tab-dropdown">
			  <div class="animate-target">
			  <div class="droppable-zone">
			  <div class="dropzone deletetrigger">
			  Delete
			  </div>
			  <div class="dropzone renewtrigger">
			  Renew Permit
			  </div>
			  <div class="dropzone suspendtrigger">
			  Suspend
			  </div>
			  <div class="dropzone suspendtrigger dropzone-last">
			  Flag
			  </div>
			  </div>
			  <div class="tab-dropdown-content"><span class="tab-dropdown-icon icon-tick_circle"></span> <span class="tab-dropdown-text">Click the tick to select multiple contacts below and drag onto your desired bulk action button above</span></div>
			  </div>
			  </div>

			  <div id="whitelist-preset_categories" class="whitelist-dropdown tab-dropdown">
			  <div class="animate-target">
			  <div class="droppable-zone">
			  <div class="c-Group-Widget-Button dropzone suspendtrigger ">
			  <span class="icon-add"></span>
			  </div>
			  <div class="dropzone deletetrigger">
			  Professor
			  </div>
			  <div class="dropzone renewtrigger">
			  Teacher
			  </div>
			  <div class="dropzone suspendtrigger dropzone-last">
			  Student
			  </div>
			  </div>
			  </div>
			  </div>
			  </div>
			  </div>

			  <div class="c-Summary-Buttons-Bar">
			  <section class="c-AddPermit-Button c-Summary-Buttons-Bar-ToogerOverlay summary-bar central-title padded-spacer">
			  <header class="summary-bar-header">
			  <h3>Add Permit</h3>
			  <a title="Add Permit" class="c-Summary-Buttons-Bar-Icons icon-expand" href="#whitelist-controls"></a>
			  </header>
			  </section>
			  <section class="c-Group-Widget-Button c-Summary-Buttons-Bar-ToogerOverlay summary-bar central-title padded-spacer second-tab-spacer">
			  <header class="summary-bar-header summary-bar-header-group">
			  <h3>Add Group</h3>
			  <a title="Add Group" class="c-Summary-Buttons-Bar-Icons icon-group" href="#whitelist-controls"></a>
			  </header>
			  </section>
			  <section class="c-Upload-Button c-Summary-Buttons-Bar-UploadWidget summary-bar central-title padded-spacer">
			  <header class="summary-bar-header">
			  <h3>Upload Database</h3>
			  <a title="Upload Database" class="c-Summary-Buttons-Bar-Icons icon-arrow-up2" href="#whitelist-controls"></a>
			  </header>
			  </section>
			  </div>

			  <section class="summary-bar dropdown-toggle">
			  <header class="summary-bar-header" data-id="10001" draggable="true">
			  <a class="c-contact-selection icon-tick_circle"></a>
			  <h3>Grahame Rose</h3>
			  <a href="#whitelist-grahame-rose-10001" class="icon whitelist-dropdown-toggle accordian-dropdown-toggle icon-dropdown" title="Toggle"></a>
			  <span class="summary-bar-data">
			  <span class="licence-plate">KNL4 6TR</span>
			  <span class="icon icon-car"></span>
			  <span class="icon icon-penalty"></span>
			  </span>
			  </header>

			  <div id="whitelist-grahame-rose-10001" class="whitelist-dropdown accordian-dropdown">
			  <div class="animate-target">
			  <div class="control-filters">
			  <a href="#" class="control-filter control-filter-selected c-AddPermit-Button">Permits</a>
			  <a href="#" class="control-filter">Stats</a>
			  </div>
			  <div class="licence-plate-list">
			  <div class="car-plate add-car-plate">
			  <div class="add-car-plate-span c-AddPermit-Button">ADD PERMIT</div>
			  </div>
			  <div class="car-plate active-car-plate" data-group_uid="2" data-vehicle="FN02 OXR" data-person='Grahame Rose'>
			  <div class="car-plate-status">
			  <span class="car-plate-status-text">Active</span>
			  <span class="car-plate-status-button">Suspend</span>
			  </div>
			  <div class="car-plate-value">
			  <span class="car-plate-big car-plate-numberplate">FN02 OXR</span>
			  <span class="car-plate-small car-plate-group">PROFESSOR</span>
			  <span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
			  <span class="car-plate-small car-plate-daytime">Thu</span>
			  <span class="car-plate-small car-plate-edit">EDIT</span>
			  </div>
			  <a href="#" class="car-plate-delete icon-cross c-circle"></a>
			  </div>
			  <div class="car-plate" data-group_uid="2" data-vehicle="J1 RTW" data-person='Grahame Rose'>
			  <div class="car-plate-status">
			  <span class="car-plate-status-text">Dormant</span>
			  <span class="car-plate-status-button">Activate</span>
			  </div>
			  <div class="car-plate-value">
			  <span class="car-plate-big car-plate-numberplate">J1 RTW</span>
			  <span class="car-plate-small car-plate-group">PROFESSOR</span>
			  <span class="car-plate-small car-plate-duration">EXP. DEC 2016</span>
			  <span class="car-plate-small car-plate-daytime">Thu</span>
			  <span class="car-plate-small car-plate-edit">EDIT</span>
			  </div>
			  <a href="#" class="car-plate-delete icon-cross c-circle"></a>
			  </div>
			  <div class="car-plate" data-group_uid="1" data-vehicle="KT06 NXB" data-person='Grahame Rose'>
			  <div class="car-plate-status">
			  <span class="car-plate-status-text">Dormant</span>
			  <span class="car-plate-status-button">Activate</span>
			  </div>
			  <div class="car-plate-value">
			  <span class="car-plate-big car-plate-numberplate">KT06 NXB</span>
			  <span class="car-plate-small car-plate-group">STUDENT</span>
			  </div>
			  <a href="#" class="car-plate-delete icon-cross c-circle"></a>
			  </div>
			  <div class="car-plate" data-group_uid="3" data-vehicle="KT06 NXB" data-person='Grahame Rose'>
			  <div class="car-plate-status">
			  <span class="car-plate-status-text">Dormant</span>
			  <span class="car-plate-status-button">Activate</span>
			  </div>
			  <div class="car-plate-value">
			  <span class="car-plate-big car-plate-numberplate">KT06 NXB</span>
			  <span class="car-plate-small car-plate-group">TEACHER</span>
			  </div>
			  <a href="#" class="car-plate-delete icon-cross c-circle"></a>
			  </div>
			  </div>
			  <a class="control-filter-more-button car-plate-more-button" href="#">MORE</a>
			  </div>
			  </div>
			  </section>

			  <section class="summary-bar dropdown-toggle">
			  <header class="summary-bar-header" data-id="10002" draggable="true">
			  <a class="c-contact-selection icon-tick_circle"></a>
			  <h3>Elli Morris</h3>
			  <a href="#whitelist-elli-morris-10002" class="icon whitelist-dropdown-toggle accordian-dropdown-toggle icon-dropdown" title="Toggle"></a>
			  <span class="summary-bar-data">
			  <span class="licence-plate">J1 RTW</span>
			  <span class="icon icon-car"></span>
			  </span>
			  </header>

			  <div id="whitelist-elli-morris-10002" class="whitelist-dropdown accordian-dropdown">
			  <div class="animate-target">
			  <div class="control-filters">
			  <a href="#" class="control-filter control-filter-selected c-AddPermit-Button">Permits</a>
			  <a href="#" class="control-filter">Stats</a>
			  </div>
			  <div class="licence-plate-list">
			  <div class="car-plate add-car-plate">
			  <div class="add-car-plate-span c-AddPermit-Button">ADD PERMIT</div>
			  </div>
			  </div>
			  </div>
			  </div>
			  </section>

			  <section class="summary-bar dropdown-toggle">
			  <header class="summary-bar-header" data-id="10003" draggable="true">
			  <a class="c-contact-selection icon-tick_circle"></a>
			  <h3>Chris Cairns</h3>
			  <a href="#whitelist-chris-cairns-10003" class="icon whitelist-dropdown-toggle accordian-dropdown-toggle icon-dropdown" title="Toggle"></a>
			  <span class="summary-bar-data">
			  </span>
			  </header>

			  <div id="whitelist-chris-cairns-10003" class="whitelist-dropdown accordian-dropdown">
			  <div class="animate-target">
			  <div class="control-filters">
			  <a href="#" class="control-filter control-filter-selected c-AddPermit-Button">Permits</a>
			  <a href="#" class="control-filter">Stats</a>
			  </div>
			  <div class="licence-plate-list">
			  <div class="car-plate add-car-plate">
			  <div class="add-car-plate-span c-AddPermit-Button">ADD PERMIT</div>
			  </div>
			  <div class="no-car-plates">

			  </div>
			  </div>
			  </div>
			  </div>
			  </section>

			  <section class="summary-bar dropdown-toggle">
			  <header class="summary-bar-header" data-id="10004" draggable="true">
			  <a class="c-contact-selection icon-tick_circle"></a>
			  <h3>Timothy Nanan</h3>
			  <a href="#whitelist-tomothy-nanan-10004" class="icon whitelist-dropdown-toggle accordian-dropdown-toggle icon-dropdown" title="Toggle"></a>
			  <span class="summary-bar-data">
			  <span class="licence-plate">H1 RON</span>
			  <span class="icon icon-penalty"></span>
			  </span>
			  </header>

			  <div id="whitelist-tomothy-nanan-10004" class="whitelist-dropdown accordian-dropdown">
			  <div class="animate-target">
			  <div class="control-filters">

			  <a href="#" class="control-filter control-filter-selected c-AddPermit-Button">Permits</a>
			  <a href="#" class="control-filter">Stats</a>
			  </div>
			  <div class="licence-plate-list">
			  <div class="car-plate add-car-plate">
			  <div class="add-car-plate-span c-AddPermit-Button">ADD PERMIT</div>
			  </div>
			  </div>
			  </div>
			  </div>
			  </section>
			  </article>

			  </section>

			  </div>
			  <div class="tooltip set-one">
			  <div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
			  <div class="tooltip-content">ADD PERMIT, PEOPLE, VEHICLE, LOCATIONS, CATEGORY HERE</div>
			  <div class="tooltip-arrow bottom center"></div>
			  </div>
			  <div class="tooltip set-two">
			  <div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
			  <div class="tooltip-content">SEARCH AND FILTER YOUR CONTACTS BY LOCATION & DATE HERE</div>
			  <div class="tooltip-arrow bottom center"></div>
			  </div>
			  <div class="tooltip set-three">
			  <div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
			  <div class="tooltip-content">DRAG YOUR CONTACTS INTO HERE TO DELETE, RENEW PERMIT & MORE</div>
			  <div class="tooltip-arrow bottom center"></div>
			  </div>
			  <div class="tooltip set-four">
			  <div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
			  <div class="tooltip-content">DRAG YOUR CONTACTS INTO YOUR GROUPS HERE TO BULK ACTION THEM</div>
			  <div class="tooltip-arrow bottom center"></div>
			  </div>
			  </article>
			 */ ?>

			<article class="tab tab-reports" <?= isset($_SESSION['reports_pin_active']) ? "tab-active" : false ?> data-tab="reports">
				<header class="tab-label">
					<h1>Reports</h1>
				</header>
				<nav class="tab-nav hide-stats">
					<ul class="stats">
						<li class="stat">
							<strong class="stat-value c-Total_Live_Parkers">24</strong>
							<span class="stat-label">Total Live<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Parkers">123</strong>
							<span class="stat-label">Total<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Revenue">&pound;123K</strong>
							<span class="stat-label">Total<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Daily_Revenue">&pound;45K</strong>
							<span class="stat-label">Daily<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Car_Parks">4</strong>
							<span class="stat-label">Car<br class="wbr" /> Parks</span>
						</li>
					</ul>
					<a href="#dash-stats" class="icon icon-stats <?= isset($_SESSION['reports_stats_active']) ? "icon-stats-active" : false ?>" title="Stat"></a>
					<a href="#dash-pin" class="icon icon-pin <?= isset($_SESSION['reports_pin_active']) ? "icon-pin-active" : false ?>" title="Pin"></a>
					<a href="#dash-add" class="icon action-expand icon-dropdown" title="Add"></a>
				</nav>
				<div class="tab-wrapper">
					<div class="c-TipHelp-ContainerBox">
						<div class="c-TipHelp-trigger overlay-trigger-expand ">
							<a href="#" class="c-Icon-Qusetion">?</a>
						</div>
						<div class="c-TipHelp-Container">
							<div class="c-TipHelp-arrow top right"></div>
							<a href="#" class="c-TipHelp-Close icon-cross"></a>
							<div class="c-TipHelp-Box">
								<div class="c-TipHelp-Title"><span class="c-TipHelp-Title-Span">GUIDED TOURS</span></div>
								<div class="c-TipHelp-Tips">
									<a target="_blank" href='https://youtu.be/qA_7i7qeO88' rel="prettyPhoto[reports]" class="c-TipHelp-Tips-Link"  title="HOW TO SUBSCRIBE TO A REPORT"><span>HOW TO SUBSCRIBE TO A REPORT</span></a>
								</div>
							</div>
						</div>
					</div>
					<section class="tab-container">
						<h2 class="unseen">Report Options</h2>
						<nav class="tab-content-nav">
							<a href="#reports-top-visitors">
								<span class="report-price is-free">
									<span class="report-price-amount">Free</span>
									<span class="report-price-rate"></span>
								</span>
								<span class="report-title">
									Top Car Park Visitors
								</span>
								<span class="report-subscribe">
									Subscribe
								</span>
							</a>
							<a href="#reports-top-visitors" class="even">
								<span class="report-price">
									<span class="report-price-amount">&pound;10</span>
									<span class="report-price-rate">P/M</span>
								</span>
								<span class="report-title">
									Busiest Car Parks
								</span>
								<span class="report-subscribe">
									Subscribe
								</span>
							</a>
							<a href="#reports-top-visitors" class="subscribed">
								<span class="report-price">
									<span class="report-price-amount">&pound;10</span>
									<span class="report-price-rate">P/M</span>
								</span>
								<span class="report-title">
									Top Earning Car Parks
								</span>
								<span class="report-subscribe">
									Subscribe
								</span>
							</a>
							<a href="#reports-top-visitors" class="even last">
								<span class="report-price">
									<span class="report-price-amount"></span>
									<span class="report-price-rate"></span>
								</span>
								<span class="report-title">
									Request Custom Report
								</span>
								<span class="report-subscribe request">
									Request
								</span>
							</a>
						</nav>
						<article class="feed c-Feed-Reports">
							<div class="c-Feed-Chart-Reports">
								<section class="feed-item c-Chart-Reports"></section>
							</div>
						</article>
					</section>
				</div>
			</article>
			<article class="tab tab-concessions" <?= isset($_SESSION['concessions_pin_active']) ? "tab-active" : false ?> data-tab="concessions">
				<header class="tab-label">
					<h1>Concessions</h1>
				</header>
				<nav class="tab-nav hide-stats">
					<ul class="stats">
						<li class="stat">
							<strong class="stat-value c-Total_Live_Parkers">24</strong>
							<span class="stat-label">Total Live<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Parkers">123</strong>
							<span class="stat-label">Total<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Revenue">&pound;123K</strong>
							<span class="stat-label">Total<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Daily_Revenue">&pound;45K</strong>
							<span class="stat-label">Daily<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Car_Parks">4</strong>
							<span class="stat-label">Car<br class="wbr" /> Parks</span>
						</li>
					</ul>
					<a href="#dash-stats" class="icon icon-stats <?= isset($_SESSION['concessions_stats_active']) ? "icon-stats-active" : false ?>" title="Stat"></a>
					<a href="#dash-pin" class="icon icon-pin <?= isset($_SESSION['concessions_pin_active']) ? "icon-pin-active" : false ?>" title="Pin"></a>
					<a href="#dash-add" class="icon action-expand icon-dropdown" title="Add"></a>
				</nav>
				<div class="tab-wrapper">
					<section class="tab-container">
						<article class="feed">
							<section class="feed-item">
								<h2>Content will be shown in here</h2>
							</section>
						</article>
					</section>
				</div>
			</article>
			<article class="tab tab-alerts" <?= isset($_SESSION['alerts_pin_active']) ? "tab-active" : false ?> data-tab="alerts">
				<header class="tab-label">
					<h1>Alerts</h1>
				</header>
				<nav class="tab-nav hide-stats">
					<ul class="stats">
						<li class="stat">
							<strong class="stat-value c-Total_Live_Parkers">24</strong>
							<span class="stat-label">Total Live<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Parkers">123</strong>
							<span class="stat-label">Total<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Revenue">&pound;123K</strong>
							<span class="stat-label">Total<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Daily_Revenue">&pound;45K</strong>
							<span class="stat-label">Daily<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Car_Parks">4</strong>
							<span class="stat-label">Car<br class="wbr" /> Parks</span>
						</li>
					</ul>
					<a href="#dash-stats" class="icon icon-stats <?= isset($_SESSION['alerts_stats_active']) ? "icon-stats-active" : false ?>" title="Stat"></a>
					<a href="#dash-pin" class="icon icon-pin <?= isset($_SESSION['alerts_pin_active']) ? "icon-pin-active" : false ?>" title="Pin"></a>
					<a href="#dash-add" class="icon action-expand icon-dropdown" title="Add"></a>
				</nav>
				<div class="tab-wrapper">
					<section class="tab-container">
						<article class="feed">
							<section class="feed-item">
								<h2>Content will be shown in here</h2>
							</section>
						</article>
					</section>
				</div>
			</article>
			<article class="tab tab-offences" <?= isset($_SESSION['offences_pin_active']) ? "tab-active" : false ?> data-tab="offences">
				<header class="tab-label">
					<h1>Offences</h1>
				</header>
				<nav class="tab-nav hide-stats">
					<ul class="stats">
						<li class="stat">
							<strong class="stat-value c-Total_Live_Parkers">24</strong>
							<span class="stat-label">Total Live<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Parkers">123</strong>
							<span class="stat-label">Total<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Revenue">&pound;123K</strong>
							<span class="stat-label">Total<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Daily_Revenue">&pound;45K</strong>
							<span class="stat-label">Daily<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Car_Parks">4</strong>
							<span class="stat-label">Car<br class="wbr" /> Parks</span>
						</li>
					</ul>
					<a href="#dash-stats" class="icon icon-stats <?= isset($_SESSION['offences_stats_active']) ? "icon-stats-active" : false ?>" title="Stat"></a>
					<a href="#dash-pin" class="icon icon-pin <?= isset($_SESSION['offences_pin_active']) ? "icon-pin-active" : false ?>" title="Pin"></a>
					<a href="#dash-add" class="icon action-expand icon-dropdown" title="Add"></a>
				</nav>
				<div class="tab-wrapper">
					<section class="tab-container">
						<article class="feed">
							<section class="feed-item">
								<h2>Content will be shown in here</h2>
							</section>
						</article>
					</section>
				</div>
			</article>
			<article class="tab tab-account" <?= isset($_SESSION['account_pin_active']) ? "tab-active" : false ?> data-tab="account">
				<header class="tab-label">
					<h1>Account <span class="tab-label--identifier">Waitrose</span></h1>
				</header>
				<nav class="tab-nav hide-stats">
					<ul class="stats">
						<li class="stat">
							<strong class="stat-value c-Total_Live_Parkers">24</strong>
							<span class="stat-label">Total Live<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Parkers">123</strong>
							<span class="stat-label">Total<br class="wbr" /> Parkers</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Total_Revenue">&pound;123K</strong>
							<span class="stat-label">Total<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Daily_Revenue">&pound;45K</strong>
							<span class="stat-label">Daily<br class="wbr" /> Revenue</span>
						</li>
						<li class="stat">
							<strong class="stat-value c-Car_Parks">4</strong>
							<span class="stat-label">Car<br class="wbr" /> Parks</span>
						</li>
					</ul>
					<a href="#dash-stats" class="icon icon-stats <?= isset($_SESSION['account_stats_active']) ? "icon-stats-active" : false ?>" title="Stat"></a>
					<a href="#dash-pin" class="icon icon-pin <?= isset($_SESSION['account_pin_active']) ? "icon-pin-active" : false ?>" title="Pin"></a>
					<a href="#dash-add" class="icon action-expand icon-dropdown" title="Add"></a>
				</nav>
				<div class="tab-wrapper">
					<section class="tab-container">
						<article class="feed">
							<section class="feed-item">
								<h2>Content will be shown in here</h2>
							</section>
						</article>
					</section>
				</div>
			</article>
		</main>

		<?php
		include_once 'include/person-widget.php';
		include_once 'include/contact_upload-widget.php';
		include_once 'include/group-widget.php';
		include_once 'include/location-widget.php';
		include_once 'include/assign-widget.php';
		?>
		<script src="js/jquery-1.9.0.min.js"></script>
		<script src="js/jquery-migrate-1.1.0.js"></script>
		<script type="text/javascript" src="js/inputmask/inputmask.js"></script>
		<script type="text/javascript" src="js/inputmask/inputmask.date.extensions.js"></script>
		<script type="text/javascript" src="js/inputmask/jquery.inputmask.js"></script>
		<script type="text/javascript" src="js/plugins/jquery-ui/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/plugins/datepair/moment.min.js"></script>
		<script type="text/javascript" src="js/plugins/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<script type="text/javascript" src="js/main.js"></script>

		<script type="text/javascript" src="js/v2.js"></script>
		<script type="text/javascript" src="js/upload-popup.js"></script>
		<script type="text/javascript" src="js/location-popup.js"></script>
		<script type="text/javascript" src="js/assign-popup.js"></script>
		<script type="text/javascript" src="js/group-popup.js"></script>
	</body>
</html>