<?php
session_start();

include ("functions.php");
#echo "<pre>";print_r($_SESSION);exit;
if (!isset($_SESSION['user_loggedin'])) {
	include_once "login.php";exit;
}

/*$arrVehicles = vehicle_movement::getLatest();
$vehicles = vehicle_movement::makeList($arrVehicles);*/

?><!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
		<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" />
		<link rel="stylesheet" href="css/media.css" />

		<!-- 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/plugins/touchcarousel/touchcarousel.css" />
		<!--link rel="stylesheet" href="js/chart/chartist.min.css" /-->

	</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>
			<div class="dashboard-header-buttons">
				<a href="#" class="pin-logout">P</a>
				<?php if(isset($_SESSION['user_loggedin'])){?>
					<a href="logout.php" class="master-logout u-loggedIn">Logout</a>
				<?php }?>
				<a href="#" class="u-WaitroseButton">MOTO</a>
			</div>
		</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>
				<div class="tab-middle-block">
					<div class="tab-touchcarousel-block touchcarousel">
						<ul class="touchcarousel-container">
						</ul>
					</div>
				</div>	
				<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="#" class="icon icon-question u-TipHelp-trigger preventDefault" title="Help"></a>
					<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="c-TipHelp-ContainerBox">
					<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>
				<div class="tab-wrapper">
					<section class="tab-container tab-dashboard">
						
						<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-vrmsearch" <?= isset($_SESSION['vrmsearch_pin_active']) ? "tab-active" : false ?> data-tab="vrmsearch">
				<header class="tab-label">
					<h1>VRM SEARCH</h1>
				</header>
				<div class="tab-middle-block">
					<div class="tab-touchcarousel-block touchcarousel">
						<ul class="touchcarousel-container">
							<li class="touchcarousel-item first">
								<a class="c-tab-button" href="#"><span class="u-NewVRM-Numbers">0</span> NEW</a>
							</li>
						</ul>
					</div>
				</div>
				<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="#" class="icon icon-question u-TipHelp-trigger preventDefault" title="Help"></a>
					<a href="#dash-stats" class="icon icon-stats <?= isset($_SESSION['vrmsearch_stats_active']) ? "icon-stats-active" : false ?>" title="Stat"></a>
					<a href="#dash-pin" class="icon icon-pin <?= isset($_SESSION['vrmsearch_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="c-TipHelp-ContainerBox">
					<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>
					</div>
				</div>
				<div class="tab-wrapper">

					<section class="tab-container">
						<article class="feed">
							<div class="summary-bar-tabs-Search summary-bar-collection">
								<p class="control control-search c-Search-Block">
									<input class="u-SearchVrmsearch c-Search-Block-Input" type="text" name="vrmsearch" 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 u-AnimatedSearchBlocks">
										<div id="u-VrmSearch-Touchcarousel" class="touchcarousel c-Search-Small-Block-Inner notbind">
											<ul class="touchcarousel-container">
												<li class="touchcarousel-item">
													<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
														<span>TIME</span>
														<a href="#vrmsearch-time-controls" class="c-Icon vrmsearch-dropdown-toggle tab-dropdown-toggle icon-dropdown" title="Toggle"></a>
													</div>
												</li>

												<li class="touchcarousel-item">
													<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
														<span>TYPE</span>
														<a href="#vrmsearch-type-controls" class="c-Icon vrmsearch-dropdown-toggle tab-dropdown-toggle icon-dropdown " title="Toggle"></a>
													</div>
												</li>

												<li class="touchcarousel-item">
													<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
														<span>ACTION</span>
														<a href="#vrmsearch-action-controls" class="c-Icon vrmsearch-dropdown-toggle tab-dropdown-toggle icon-dropdown " title="Toggle"></a>
													</div>
												</li>
												
												<li class="touchcarousel-item">
													<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
														<span>LOCATION</span>
														<a href="#vrmsearch-location-controls" class="c-Icon vrmsearch-dropdown-toggle tab-dropdown-toggle icon-dropdown " title="Toggle"></a>
													</div>
												</li>

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

								<div class="summary-bar-tabs-Search-tab-container">
									<div class="summary-bar-tabs-content">
										<div id="vrmsearch-time-controls" class="vrmsearch-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters">
													<a href="#" class="control-filter control-filter-selected">FOREVER <span class="control-filter-stats">3</span></a>
													<a href="#" class="control-filter ">Today <span class="control-filter-stats">1</span></a>
													<a href="#" class="control-filter">Yesterday <span class="control-filter-stats">1</span></a>
													<a href="#" class="control-filter control-filter-last">Past week <span class="control-filter-stats">0</span></a>
													<a href="#" class="control-filter ">This month <span class="control-filter-stats">2</span></a>
													<a href="#" class="control-filter">Past Year <span class="control-filter-stats">2</span></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="vrmsearch-type-controls" class="vrmsearch-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters">
													<a href="#" class="control-filter control-filter-selected">All <span class="control-filter-stats">9</span></a>
													<a href="#" class="control-filter">OFFENCE <span class="control-filter-stats">7</span></a>
													<a href="#" class="control-filter">PERMITS <span class="control-filter-stats">0</span></a>
													<a href="#" class="control-filter control-filter-last">MOVEMENTS <span class="control-filter-stats">1</span></a>
												</div>
											</div>
										</div>

										<div id="vrmsearch-action-controls" class="vrmsearch-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters filter-center">
													<a href="#" class="control-filter control-filter-selected">All <span class="control-filter-stats">9</span></a>
													<a href="#" class="control-filter">FLAGED <span class="control-filter-stats">7</span></a>
													<a href="#" class="control-filter">KEPT <span class="control-filter-stats">0</span></a>
												</div>
											</div>
										</div>

										<div id="vrmsearch-location-controls" class="vrmsearch-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters">
													<a href="#" class="control-filter control-filter-selected">All <span class="control-filter-stats">9</span></a>
													<a href="#" class="control-filter">TODDINGTON <span class="control-filter-stats">7</span></a>
													<a href="#" class="control-filter">WETHERBY <span class="control-filter-stats">0</span></a>
													<a href="#" class="control-filter">MEDWAY EAST <span class="control-filter-stats">0</span></a>
												</div>
											</div>
										</div>
									</div>
								</div>

							</div>


							<div class="vrmsearch-timelines">
								<div class="vrmsearch-timelines-ajax">
									<?php //echo $vehicles; ?>
								</div>
								<a href="#" title="More Vrm Timeline Plats" class="c-More-Button u-More-VrmTimelines">MORE</a>
							</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>
				<div class="tab-middle-block">
					<div class="tab-touchcarousel-block touchcarousel">
						<ul class="touchcarousel-container">
							<li class="touchcarousel-item first">
								<a class="c-tab-button" href="#"><span class="u-Pending-Numbers">20</span> NEW</a>
							</li>
						</ul>
					</div>
				</div>
				<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="#" class="icon icon-question u-TipHelp-trigger preventDefault" title="Help"></a>
					<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="c-TipHelp-ContainerBox">
					<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="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">
							
							
							<?php /*div class="summary-bar-collection summary-bar-tabs-Search summary-bar-tabs">
								<!--p class="control feed-search c-Search-Block">
									<input type="text" class="c-Search-Block-Input" name="feedsearch" placeholder="SEARCH" />
									<a class="icon-cross c-circle c-search-Clear-Handle" href="#"></a>
								</p>

								<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="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-Inner-Block-Bordered accordian-dropdown-toggle">
												<span>Filter</span>
												<a href="#feed-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>Bulk Actions</span>
												<a href="#feed-bulkaction" class="c-Icon whitelist-dropdown-toggle tab-dropdown-toggle icon-dropdown " title="Toggle"></a>
											</div>
										</div>
									</div>
								</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*/?>


							<div class="summary-bar-tabs-Search summary-bar-collection">
								<p class="control control-search c-Search-Block">
									<input class="u-SearchFeedsearch c-Search-Block-Input" type="text" name="feedsearch" 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 u-AnimatedSearchBlocks">
										<div id="u-Feed-Touchcarousel" class="touchcarousel c-Search-Small-Block-Inner notbind">
											<ul class="touchcarousel-container">
														
											<!--div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Input">
												<input class="c-Search-Input u-SearchFeed" type="text" name="feedsearch" 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-->
												<li class="touchcarousel-item">
													<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
														<span>STATUS</span>
														<a href="#feed-live-controls" class="c-Icon feed-dropdown-toggle tab-dropdown-toggle icon-dropdown " title="Toggle"></a>
													</div>
												</li>
												<li class="touchcarousel-item">
													<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
														<span>TIME</span>
														<a href="#feed-time-controls" class="c-Icon feed-dropdown-toggle tab-dropdown-toggle icon-dropdown" title="Toggle"></a>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>

								<div class="summary-bar-tabs-Search-tab-container">
									<div class="summary-bar-tabs-content">
										
										<div id="feed-live-controls" class="feed-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters">
													<a href="#" class="control-filter control-filter-selected">All <span class="control-filter-stats">9</span></a>
													<a href="#" class="control-filter">FEED <span class="control-filter-stats">7</span></a>
													<a href="#" class="control-filter">PRIORITY <span class="control-filter-stats">0</span></a>
													<a href="#" class="control-filter control-filter-last">COMPLETED <span class="control-filter-stats">1</span></a>
												</div>
											</div>
										</div>

										<div id="feed-time-controls" class="feed-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters">
													<a href="#" class="control-filter control-filter-selected">FOREVER <span class="control-filter-stats">3</span></a>
													<a href="#" class="control-filter ">Today <span class="control-filter-stats">1</span></a>
													<a href="#" class="control-filter">Yesterday <span class="control-filter-stats">1</span></a>
													<a href="#" class="control-filter control-filter-last">Past week <span class="control-filter-stats">0</span></a>
													<a href="#" class="control-filter ">This month <span class="control-filter-stats">2</span></a>
													<a href="#" class="control-filter">Past Year <span class="control-filter-stats">2</span></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>
								</div>

							</div>



							<div class="feed-items">
								<section class="feed-item" data-id="10001" draggable="true">
									<div class="feed-item-img">
										<img src="img/nhs.png" alt="NHS London" />
									</div>
									<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>
									<div class="feed-title">40mins ago <span class="date">Tuesday 14th Nov 2015</span> <a class="u-Feed-See" href="#">See</a><a class="u-Feed-BulkAction" href="#">Bulk Action</a></div>
								</section>
								<section class="feed-item" data-id="10001" draggable="true">
									<div class="feed-item-img feed-item-penalty">
										<span class="icon-penalty"></span>
									</div>
									<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>
									<h3 class="feed-title">1hr ago <span class="date">Tuesday 14th Nov 2015</span> <a class="u-Feed-See" href="#">See</a><a class="u-Feed-BulkAction" href="#">Bulk Action</a></h3>
								</section>
								<section class="feed-item" data-id="10001" draggable="true">
									<div class="feed-item-img">
										<img src="img/car.png" alt="Parking Photo" />
									</div>
									<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>
									<h3 class="feed-title">3h 22min ago <span class="date">Tuesday 14th Nov 2015</span> <a class="u-Feed-See" href="#">See</a><a class="u-Feed-BulkAction" href="#">Bulk Action</a></h3>
								</section>
								<section class="feed-item" data-id="10001" draggable="true">
									<div class="feed-item-img feed-item-group"><span class="icon-group"></span></div>
									<div class="feed-summary">
										<p class="feed-topic"><strong>Group Changed</strong></p>
										<p>
										<strong>Elli Morris</strong> has changed the in the <strong>STUDENT</strong> group: <strong>Location</strong> is now <strong>Manchester</strong>. <strong>Day</strong> is now <strong>Thursday</strong>.
										</p>
									</div>
									<h3 class="feed-title">2 days ago <span class="date">Sunday 12th Nov 2015</span> <a class="u-Feed-See" href="#">See</a><a class="u-Feed-BulkAction" href="#">Bulk Action</a></h3>
								</section>
							</div>
						</article>
					</section>
				</div>
			</article>
			<article class="tab tab-whitelist " data-tab="whitelist">
				<header class="tab-label">
					<h1>Whitelist</h1>
				</header>
				<div class="tab-middle-block">
					<div id="whitelist-touchcarousel" class="tab-touchcarousel-block touchcarousel">
						<ul class="touchcarousel-container">
							<li class="touchcarousel-item first">
								<a class="c-tab-button c-Assignwidget-Button c-Pending-Button" href="#"><span class="u-Pending-Numbers">20</span> PENDING ASSIGNMENT</a>
							</li>
							<li class="touchcarousel-item">
								<a class="c-tab-button c-Expiring-Button c-Expired-NumberButton" href="#"><span class="u-Expired-Numbers">2</span> EXPIRING</a>
							</li>
						</ul>
					</div>
				</div>
				<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 href="#" class="icon icon-question u-TipHelp-trigger preventDefault" title="Help"></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="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="tab-wrapper">
					<section class="tab-container">
						<article class="feed">
							

							<div class="summary-bar-tabs-Search summary-bar-collection">
								<p class="control control-search c-Search-Block">
									<input class="u-SearchWhiteList 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 u-AnimatedSearchBlocks">
										<div id="u-WhiteList-Touchcarousel" class="touchcarousel c-Search-Small-Block-Inner">
											<ul class="touchcarousel-container">
														
											<!--div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Input">
												<input class="c-Search-Input u-SearchWhiteList" 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-->
												<li class="touchcarousel-item first">
													<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle">
														<span>ORDER</span>
														<a href="#whitelist-order-controls" class="c-Icon whitelist-dropdown-toggle tab-dropdown-toggle icon-dropdown " title="Toggle"></a>
													</div>
												</li>
												<li class="touchcarousel-item">
													<div class="c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered accordian-dropdown-toggle c-Search-Small-Block-Inner-Block-Status">
														<span>STATUS</span>
														<a href="#whitelist-live-controls" class="c-Icon whitelist-dropdown-toggle tab-dropdown-toggle icon-dropdown " title="Toggle"></a>
													</div>
												</li>
												<li class="touchcarousel-item">
													<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>
												</li>
												<li class="touchcarousel-item">
													<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>
												</li>
												<li class="touchcarousel-item">
													<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>
												</li>
											</ul>
										</div>
									</div>
								</div>

								<div class="summary-bar-tabs-Search-tab-container">
									<div class="summary-bar-tabs-content">
										<div id="whitelist-order-controls" class="whitelist-dropdown tab-dropdown">
											<div class="animate-target">
												<div class="control-filters">
													<a href="#" class="control-filter control-filter-selected">Vehicle A to Z</a>
													<a href="#" class="control-filter">Person A to Z</a>
													<a href="#" class="control-filter">Just Expired</a>
													<a href="#" class="control-filter">Just Added</a>
													<!--a href="#" class="control-filter ">Flagged</a-->
												</div>
											</div>
										</div>

										<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 <span class="control-filter-stats">9</span></a>
													<a href="#" class="control-filter">LIVE <span class="control-filter-stats">7</span></a>
													<a href="#" class="control-filter">Penalties <span class="control-filter-stats">0</span></a>
													<a href="#" class="control-filter control-filter-last">Suspended <span class="control-filter-stats">1</span></a>
													<a href="#" class="control-filter control-filter-expiring">Expiring <span class="control-filter-stats">2</span></a>
													<a href="#" class="control-filter">Expired <span class="control-filter-stats">1</span></a>
													<a href="#" class="control-filter control-filter-last">Pending <span class="control-filter-stats">0</span></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 <span class="control-filter-stats">3</span></a>
													<a href="#" class="control-filter ">Today <span class="control-filter-stats">1</span></a>
													<a href="#" class="control-filter">Yesterday <span class="control-filter-stats">1</span></a>
													<a href="#" class="control-filter control-filter-last">Past week <span class="control-filter-stats">0</span></a>
													<a href="#" class="control-filter ">This month <span class="control-filter-stats">2</span></a>
													<a href="#" class="control-filter">Past Year <span class="control-filter-stats">2</span></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 c-Group-Widget-Button"><span class="icon-add"></span></a>
													<a href="#" class="control-filter control-filter-selected">ALL <span class="control-filter-stats">9</span></a>
													<a href="#" class="control-filter">Professor <span class="control-filter-stats">3</span></a>
													<a href="#" class="control-filter control-filter-last">Teacher <span class="control-filter-stats">3</span></a>
													<a href="#" class="control-filter ">Student <span class="control-filter-stats">3</span></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="c-LocationPopup-Button control-filter"><span class="icon-add"></span></a>
													<a href="#" class="control-filter control-filter-selected">ALL <span class="control-filter-stats">6</span></a>
													<a href="#" class="control-filter ">London <span class="control-filter-stats">4</span></a>
													<a href="#" class="control-filter control-filter-last">Manchester <span class="control-filter-stats">1</span></a>
													<a href="#" class="control-filter ">Liverpool <span class="control-filter-stats">1</span></a>
													<a href="#" class="control-filter">Essex <span class="control-filter-stats">0</span></a>
													<a href="#" class="control-filter">Windsor <span class="control-filter-stats">0</span></a>
												</div>
											</div>
										</div>
									</div>
								</div>


								<div class="control control-search c-SummaryActions-Blocks">
									<div class="c-Search-Small-Block">
										<div class="touchcarousel c-Search-Small-Block-Inner">
											<ul class="touchcarousel-container">
												<li class="touchcarousel-item first">
													<a href="#" class="c-AddPermit-Button c-SummaryActions-Button c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered">
														<span>Add Permit</span>
														<span class="c-Icon icon-expand"></span>
													</a>
												</li>
												<li class="touchcarousel-item">
													<a href="#" class="c-Group-Widget-Button c-SummaryActions-Button c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered">
														<span>Add Group</span>
														<span class="c-Icon icon-expand"></span>
													</a>
												</li>
												<li class="touchcarousel-item">
													<a href="#" class="c-Location-Button c-SummaryActions-Button c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered">
														<span>Add Location</span>
														<span class="c-Icon icon-expand"></span>
													</a>
												</li>
												<li class="touchcarousel-item">
													<a href="#" class="c-Upload-Button c-SummaryActions-Button c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered">
														<span>Upload Database</span>
														<span class="c-Icon icon-arrow-up2"></span>
													</a>
												</li>
												<li class="touchcarousel-item">
													<a href="#" class="c-Export-Button c-SummaryActions-Button c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered">
														<span>EXPORT</span>
														<span class="c-Icon icon-arrow-up2"></span>
													</a>
												</li>
											</ul>
										</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="c-Car-Plate-Box-DrillDown">
								<div class="c-Car-Plate-Box-DrillDown-Header">DRILLDOWN BY</div>
								<div class="c-Car-Plate-Box-DrillDown-Buttons">
									<div class="c-Car-Plate-Box-DrillDown-Button">
										<a href="#" class="c-Car-Plate-Box-DrillDown-Button-Link active">VEHICLE A to Z</a>
									</div>
									<div class="c-Car-Plate-Box-DrillDown-Button">
										<a href="#" class="c-Car-Plate-Box-DrillDown-Button-Link">PERSON A to Z</a>
									</div>
									<div class="c-Car-Plate-Box-DrillDown-Button">
										<a href="#" class="c-Car-Plate-Box-DrillDown-Button-Link">JUST EXPIRED</a>
									</div>
									<div class="c-Car-Plate-Box-DrillDown-Button">
										<a href="#" class="c-Car-Plate-Box-DrillDown-Button-Link">JUST ADDED</a>
									</div>
								</div>
							</div-->
							<!--div class="u-Car-Plate-AddPermit">
								<a href="#" class="c-Car-Plate-AddPermit-Link c-AddPermit-Button">ADD PERMIT</a>
								<span class="c-Car-Plate-AddPermit-Link">Following permits are about to expire and then fade that out</span>
							</div-->
							

							<div class="licence-plate-list">

								<div class="c-Car-Plate-Box-Message">
									<span class="c-Car-Plate-Box-Message-text">THE FOLLOWING PERMITS ARE ABOUT TO EXPIRE</span>
								</div>

								<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 test">
												<div class="touchcarousel" style="overflow: visible;">
													<ul class="touchcarousel-container">
														<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
														<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">Grahame Rose</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >STUDENT</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-duration">EXP. DEC 2016</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-daytime">Thu</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-location">London</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
													</ul>
												</div>
											</div>
										</div>
										<!--a href="#" class="car-plate-edit car-plate-right-buttons">EDIT</a>
										<a href="#" class=" 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 <span class="car-plate-title-span">Permits</span> &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="STUDENT" data-group_uid="1">
												<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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-edit car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small car-plate-person">Grahame Rose</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-edit car-plate-group" >STUDENT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-edit car-plate-duration">EXP. DEC 2016</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-edit car-plate-daytime">Thu</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-edit car-plate-location">London</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-edit car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-History">
											<div class="car-plate-title">FN02 OXR <span class="car-plate-title-span">Permits History</span> &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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">Grahame Rose</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-duration">EXP. DEC 2016</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-daytime">Thu</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="licence-plate-list-Parents">
									<div id="testlicence" 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">
												<div class="touchcarousel" style="overflow: visible;">
													<ul class="touchcarousel-container">
														<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
														<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-duration">EXP. DEC 2016</span></li>
														<!--li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-daytime">Thu</span></li-->
														<li class="touchcarousel-item last"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
													</ul>
												</div>
											</div>
										</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 <span class="car-plate-title-span">Permits</span> &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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-duration">EXP. DEC 2016</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-daytime">Thu</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-duration">EXP. DEC 2016</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-daytime">Thu</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >STUDENT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-History">
											<div class="car-plate-title">FN02 OXR <span class="car-plate-title-span">Permits History</span> &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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</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">
												<div class="touchcarousel" style="overflow: visible;">
													<ul class="touchcarousel-container">
														<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
														<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
													</ul>
												</div>
											</div>
										</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 <span class="car-plate-title-span">Permits</span> <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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-History">
											<div class="car-plate-title">J1 RTW <span class="car-plate-title-span">Permits History</span> &nbsp; <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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</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">
												<div class="touchcarousel" style="overflow: visible;">
													<ul class="touchcarousel-container">
														<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
														<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
													</ul>
												</div>
											</div>
										</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 <span class="car-plate-title-span">Permits</span> <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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-History">
											<div class="car-plate-title">KT06 NXB <span class="car-plate-title-span">Permits History</span> <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 expiring-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">Expiring</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">
												<div  class="touchcarousel" style="overflow: visible;">
													<ul class="touchcarousel-container">
														<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
														<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">Grahame Rose</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small car-plate-group" data-group_name="TEACHER" data-group_uid="3">TEACHER</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
													</ul>
												</div>
											</div>
										</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 <span class="car-plate-title-span">Permits</span> <a href="#" class="car-plate-close">CLOSE</a></div>
											<div class="car-plate expiring-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">Expiring</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">
														<div class="touchcarousel" style="overflow: visible;">
															<ul class="touchcarousel-container">
																<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
																<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">John Smith</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-group" >PROFESSOR</span></li>
																<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="c-Car-Plate-Inner-Block c-Car-Plate-Inner-History">
											<div class="car-plate-title">KT06 NXB <span class="car-plate-title-span">Permits History</span> <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">
												<div class="touchcarousel" style="overflow: visible;">
													<ul class="touchcarousel-container">
														<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
														<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">Grahame Rose</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small car-plate-group" data-group_name="TEACHER" data-group_uid="3">TEACHER</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
													</ul>
												</div>
											</div>
										</div>
									</div>
									<div class="licence-plate-list c-Car-Plate-Inner"></div>
								</div>

								<div class="licence-plate-list-Parents">
									<div class="car-plate active-car-plate c-Car-Plate-Main expiring-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">EXPIRING</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">
												<div class="touchcarousel" style="overflow: visible;">
													<ul class="touchcarousel-container">
														<li class="touchcarousel-item first"><span class="car-plate-small u-car-plate-action car-plate-edit">EDIT</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small car-plate-delete">DELETE</span></li>
														<li class="touchcarousel-item"><span  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-person">Grahame Rose</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small car-plate-group" data-group_name="TEACHER" data-group_uid="3">TEACHER</span></li>
														<li class="touchcarousel-item"><span class="car-plate-small u-car-plate-action car-plate-history">History</span></li> 
													</ul>
												</div>
											</div>
										</div>
									</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>

			<article class="tab tab-reports" <?= isset($_SESSION['reports_pin_active']) ? "tab-active" : false ?> data-tab="reports">
				<header class="tab-label">
					<h1>Reports</h1>
				</header>
				<div class="tab-middle-block">
					<div class="tab-touchcarousel-block touchcarousel">
						<ul class="touchcarousel-container">
							<li class="touchcarousel-item first">
								<a class="c-tab-button" href="#">NEW STATS AVAILABLE</a>
							</li>
						</ul>
					</div>
				</div>
				<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="#" class="icon icon-question u-TipHelp-trigger preventDefault" title="Help"></a>
					<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="c-TipHelp-ContainerBox">
					<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>
				<div class="tab-wrapper">

					<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-->


						<article class="feed">
							
							<div class="summary-bar-tabs-Search summary-bar-collection">
								<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 u-SearchReports" type="text" name="reportssearch" 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-Reports-Download c-Search-Small-Block-Inner-Block c-Search-Small-Block-Inner-Block-Bordered">
												<div class="c-Reports-Download-Block">DOWNLOAD</div>
												<!--span class="c-Icon whitelist-dropdown-toggle tab-dropdown-toggle icon-arrow1"></span-->
												<div class="c-Reports-Download-Block c-Reports-Download-Buttons">
													<a class="c-Reports-Download-Button c-Reports-Download-PDF">PDF</a>
													<a class="c-Reports-Download-Button c-Reports-Download-RAW">RAW</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="c-Reports-Summery">
								<div class="c-Reports-Summery-Text">ADDED <span class="c-Reports-Summery-NumberCricle u-CreatedReportsNumber">1</span> OF <span class="c-Reports-Summery-NumberCricle">5</span> REPORTS</div>

								<a class="c-Reports-Requests preventDefault" title="REQUEST MORE REPORTS" href="mailto:unlock@rangerservice.co.uk?subject=Request More Reports">REQUEST MORE REPORTS</a>
							</div>

							<div class="c-Reports-Create-Blocks">

								<div class="c-Reports-Create-Block-Main">
									<div data-id="1" class="c-Reports-Create-Block c-Reports-Created" data-date-send="3RD OCT 2016" data-time-send="23:45" data-date-trigger="5" data-capture="2">
										<div class="c-Reports-Create-Block-Link c-ReviewReport-Button">
											<div class="c-Reports-Created-Details c-Reports-Created-Details-Left">
												<span class="c-Reports-Create-Number">1</span>
												<span class="c-Reports-Create-Text">VIRGIN NORTH</span>
											</div>
											<div class="c-Reports-Created-Details c-Reports-Created-Details-Right">
												<div class="c-Reports-Created-Details-Text u-Reports-Created-SubscribedTab">Subscribers <span class="c-Reports-Created-Details-Number">4</span></div>
												<div class="c-Reports-Created-Details-Text u-Reports-Created-ReportsTab">Reports <span class="c-Reports-Created-Details-Number">12</span></div>
												<div class="c-Reports-Created-Details-Text">
													<div class="switch c-Switch">
														<input value="0" class="u-Switch-Checkbox cmn-toggle cmn-toggle-round-flat" type="checkbox" checked="checked" />
														<label><span></span><dd></dd></label>
													</div>
												</div>
												<div class="c-Reports-Create-Icon">
													<a href="#" class="c-Icon icon-cross c-CircleIcon u-Reports-DeleteDetail"></a>
													<a href="#" class="c-Icon icon-dropdown u-Reports-OpenDetail"></a>
												</div>
											</div>
										</div>
									</div>
									<div class="c-Reports-Create-Block-Detail-Ajax"></div>
								</div>

								<div class="c-Reports-Create-Block-Main c-Reports-Create">
									<div data-id="" class="c-Reports-Create-Block">
										<a class="c-Reports-Create-Block-Link c-AddReport-Button u-Reports-OpenDetail" href="#">
											<span class="c-Reports-Create-Number">2</span>
											<span class="c-Reports-Create-Text">CREATE REPORT</span>
											<span class="c-Reports-Create-Icon c-Icon icon-expand"></span>
										</a>
									</div>
									<div class="c-Reports-Create-Block-Detail-Ajax"></div>
								</div>
								<div class="c-Reports-Create-Block-Main c-Reports-Create">
									<div data-id="" class="c-Reports-Create-Block">
										<a class="c-Reports-Create-Block-Link c-AddReport-Button u-Reports-OpenDetail" href="#">
											<span class="c-Reports-Create-Number">3</span>
											<span class="c-Reports-Create-Text">CREATE REPORT</span>
											<span class="c-Reports-Create-Icon c-Icon icon-expand"></span>
										</a>
									</div>
									<div class="c-Reports-Create-Block-Detail-Ajax"></div>
								</div>


								<div class="c-Reports-Create-Block-Main c-Reports-Create">
									<div data-id="" class="c-Reports-Create-Block">
										<a class="c-Reports-Create-Block-Link c-AddReport-Button u-Reports-OpenDetail" href="#">
											<span class="c-Reports-Create-Number">4</span>
											<span class="c-Reports-Create-Text">CREATE REPORT</span>
											<span class="c-Reports-Create-Icon c-Icon icon-expand"></span>
										</a>
									</div>
									<div class="c-Reports-Create-Block-Detail-Ajax"></div>
								</div>

								<div class="c-Reports-Create-Block-Main c-Reports-Create">
									<div data-id="" class="c-Reports-Create-Block">
										<a class="c-Reports-Create-Block-Link c-AddReport-Button u-Reports-OpenDetail" href="#">
											<span class="c-Reports-Create-Number">5</span>
											<span class="c-Reports-Create-Text">CREATE REPORT</span>
											<span class="c-Reports-Create-Icon c-Icon icon-expand"></span>
										</a>
									</div>
									<div class="c-Reports-Create-Block-Detail-Ajax"></div>
								</div>
							</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>
				<div class="tab-middle-block">
					<div class="tab-touchcarousel-block touchcarousel">
						<ul class="touchcarousel-container">
						</ul>
					</div>
				</div>
				<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="#" class="icon icon-question u-TipHelp-trigger preventDefault" title="Help"></a>
					<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="c-TipHelp-ContainerBox">
					<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">
								<p>Coming Soon!</p>
							</div>
						</div>
					</div>
				</div>
				<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>
				<div class="tab-middle-block">
					<div class="tab-touchcarousel-block touchcarousel">
						<ul class="touchcarousel-container">
							<li class="touchcarousel-item first">
								<a class="c-tab-button" href="#"><span class="u-Pending-Numbers">1</span> NEW</a>
							</li>
						</ul>
					</div>
				</div>	
				<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="#" class="icon icon-question u-TipHelp-trigger preventDefault" title="Help"></a>
					<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="c-TipHelp-ContainerBox">
					<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">
								<p>Coming Soon!</p>
							</div>
						</div>
					</div>
				</div>
				<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>
				<div class="tab-middle-block">
					<div class="tab-touchcarousel-block touchcarousel">
						<ul class="touchcarousel-container">
							<li class="touchcarousel-item first">
								<a class="c-tab-button" href="#"><span class="u-Pending-Numbers">1</span> NEW</a>
							</li>
						</ul>
					</div>
				</div>	
				<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="#" class="icon icon-question u-TipHelp-trigger preventDefault" title="Help"></a>
					<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="c-TipHelp-ContainerBox">
					<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">
								<p>Coming Soon!</p>
							</div>
						</div>
					</div>
				</div>
				<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">MOTO</span></h1>
				</header>
				<div class="tab-middle-block">
					<div class="tab-touchcarousel-block touchcarousel">
						<ul class="touchcarousel-container">
							
						</ul>
					</div>
				</div>
				<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="#" class="icon icon-question u-TipHelp-trigger preventDefault" title="Help"></a>
					<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="c-TipHelp-ContainerBox">
					<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">
								<p>Coming Soon!</p>
							</div>
						</div>
					</div>
				</div>
				<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';
		include_once 'include/delete-confirm.php';
		include_once 'include/reports/stats_selector-widget.php';
		?>
		<div id="whitelist-bulkaction" class="whitelist-bulkaction bulkaction-popup">
			<a class="whitelist-bulkaction-close icon-cross bulkaction-close" href="#"></a>
			<div class="whitelist-bulkaction-block bulkaction-block">
				<div class="animate-target">
					<div class="tab-dropdown-content">SELECT YOUR BULK ACTION BELOW</div>
					<div class="whitelist-bulkaction-block-buttons bulkaction-buttons">
						<a href="#" class="whitelist-bulkaction-block-button bulkaction-button">Delete</a>
						<a href="#" class="whitelist-bulkaction-block-button bulkaction-button">Renew Permit</a>
						<a href="#" class="whitelist-bulkaction-block-button bulkaction-button">Suspend</a>
						<a href="#" class="whitelist-bulkaction-block-button bulkaction-button">Flag</a>
					</div>
				</div>
			</div>
		</div>
		<div id="feed-bulkaction" class="feed-bulkaction bulkaction-popup">
			<a class="feed-bulkaction-close icon-cross bulkaction-close" href="#"></a>
			<div class="feed-bulkaction-block bulkaction-block">
				<div class="animate-target">
					<div class="tab-dropdown-content">SELECT YOUR BULK ACTION BELOW</div>
					<div class="feed-bulkaction-block-buttons bulkaction-buttons">
						<a href="#" class="feed-bulkaction-block-button bulkaction-button">Delete</a>
						<a href="#" class="feed-bulkaction-block-button bulkaction-button">Renew Permit</a>
						<a href="#" class="feed-bulkaction-block-button bulkaction-button">Suspend</a>
						<a href="#" class="feed-bulkaction-block-button bulkaction-button">Flag</a>
					</div>
				</div>
			</div>
		</div>
		<div id="report-saveaction" class="report-saveaction">
			<div class="report-saveaction-block">
				<div class="tab-dropdown-content">SAVE OR CANCEL YOUR CHANGES</div>
				<div class="report-saveaction-buttons">
					<a class="report-saveaction-button report-saveaction-button-save" href="#">SAVE</a>
					<a class="report-saveaction-button report-saveaction-button-cancel" href="#">CANCEl</a>
				</div>
			</div>
		</div>
		<script type="text/template" id="u-ReportHeaderAdd-Template">
			<a class="c-Reports-Create-Block-Link c-AddReport-Button u-Reports-OpenDetail" href="#">
			<span class="c-Reports-Create-Number">2</span>
			<span class="c-Reports-Create-Text">CREATE REPORT</span>
			<span class="c-Reports-Create-Icon c-Icon icon-expand"></span>
			</a>
		</script>
		<script type="text/template" id="u-ReportHeader-Template">
			<div class="c-Reports-Create-Block-Link c-ReviewReport-Button">
			<div class="c-Reports-Created-Details c-Reports-Created-Details-Left">
			<span class="c-Reports-Create-Number">1</span>
			<span class="c-Reports-Create-Text">VIRGIN NORTH</span>
			</div>
			<div class="c-Reports-Created-Details c-Reports-Created-Details-Right">
			<div class="c-Reports-Created-Details-Text u-Reports-Created-SubscribedTab">Subscribers <span class="c-Reports-Created-Details-Number">0</span></div>
			<div class="c-Reports-Created-Details-Text u-Reports-Created-ReportsTab">Reports <span class="c-Reports-Created-Details-Number">0</span></div>
			<div class="c-Reports-Created-Details-Text">
			<div class="switch c-Switch">
			<input value="0" class="u-Switch-Checkbox cmn-toggle cmn-toggle-round-flat" type="checkbox" checked="checked" />
			<label><span></span><dd></dd></label>
			</div>
			</div>
			<div class="c-Reports-Create-Icon">
			<a href="#" class="c-Icon icon-cross c-CircleIcon u-Reports-DeleteDetail"></a>
			<a href="#" class="c-Icon icon-dropdown u-Reports-OpenDetail"></a>
			</div>
			</div>
			</div>
		</script>
		<script type="text/template" id="u-Vrmtimeline-Template"><div class="vrmsearch-timeline-items item-newadded"><div class="vrmsearch-timeline-item"><div class="vrmsearch-timeline-img"><span class="icon-plate"></span></div><div class="vrmsearch-timeline-summary"><p class="vrmsearch-timeline-summary-title"><span>NEW PERMIT ADDED</span> <span class="vrmsearch-timeline-summary-numberplate">BGH1 YHU</span></p><p class="vrmsearch-timeline-summary-content">A new permit created for <b>5 month</b>s at <b>London Moto</b></p></div><div class="vrmsearch-timeline-result">
			<span class="vrmsearch-timeline-result-time"><?=date("H:i")?></span></div><span title="Open action block" class="icon-dropdown vrmsearch-timeline-item-open"></span></div><div class="vrmsearch-timeline-action"><div class="vrmsearch-timeline-action-block"><a href="#" class="vrmsearch-timeline-action-button u-Action-See">SEE</a><a href="#" class="vrmsearch-timeline-action-button u-Action-Flag">FLAG</a><a href="#" class="vrmsearch-timeline-action-button u-Action-Keep">KEEP</a></div></div></div></script>
		<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/jquery.daterange.js"></script>
		<script type="text/javascript" src="js/plugins/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<script type="text/javascript" src="js/chart/jquery.sparkline.min.js"></script>
		<script type="text/javascript" src="js/plugins/touchcarousel/jquery.touchcarousel-1.3.js"></script>
		<script type="text/javascript" src="js/plugins/jquery.easing.1.3.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/vrmsearch.js"></script>
		<script type="text/javascript" src="js/reports.js"></script>
		<script type="text/javascript" src="js/reports-statics-popup.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>