<div class="c-Reports-Create-Block-Detail">
	<div class="c-Reports-Create-Section" style="padding-bottom: 5px;">

		<div class="c-Reports-Create-Navigations">
			<a class="c-Reports-Create-Navigations-Button c-Reports-Create-Navigations-Active" href="#u-Reports-Block-Details">DETAILS</a>
			<a class="c-Reports-Create-Navigations-Button" href="#u-Reports-Block-Schedule">SCHEDULE</a>
			<a class="c-Reports-Create-Navigations-Button" href="#u-Reports-Block-Statics">STATISTICS</a>
			<a class="c-Reports-Create-Navigations-Button" href="#u-Reports-Block-Subscribers">SUBSCRIBERS</a>
			<a class="c-Reports-Create-Navigations-Button" href="#u-Reports-Block-History">HISTORY</a>
		</div>

		<div id="u-Reports-Block-Details">
			<div class="c-Reports-Create-Section-Title">REPORT DETAILS</div>
			<span class="c-Reports-Create-Section-StripText">ADD IN YOUR REPORT SETTING BELOW</span>

			<div class="c-Report-Settings">
				<div class="c-Report-Status">
					<div class="c-Report-Status-Block">
						<div class="c-Report-Status-Small-Block">
							<div class="c-Report-Status-Small-Block-Inner">
								<div class="c-Report-Status-Small-Block-Inner-Block c-Reports-Block-Left">
									<span>TURN REPORT</span>
								</div>
								<div class="c-Report-Status-Small-Block-Inner-Block c-Report-Status-Buttons c-Reports-Block-Right">
									<a class="c-Report-Status-Button c-Report-Status-Button-On" href="#">ON</a>
									<a class="c-Report-Status-Button c-Report-Status-Button-Off  active" href="#">OFF</a>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="c-Report-Form c-Form" style="margin-top: 0px;">
					<div class="c-Report-Create-Form-Block c-Form-Block">
						<div class="c-Report-Create-Form-Block-Row c-Form-Block-Row" style="margin: 0 auto;">
							<div class="c-Report-Create-Form-Block-Fields c-Form-Block-Fields" style="margin: 0 auto;">
								<input class="c-Report-Create-Form-Block-Field c-Form-Block-Field c-Form-Block-Field-Input u-ReportName-Field" type="text" name="report_name" placeholder="ENTER REPORT NAME" value="" />
								<div style="display: none;" class="c-Form-Block-Field-Block-Buttons c-Form-Block-Fields-RightFloat">
									<a class="c-Form-Block-Field-Block-Button u-ReportNameCreate-Button" href="#">SAVE NAME</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="c-Reports-Summery">
			<div class="c-Reports-Summery-Text">
				<a class="c-Btn-Delete-Report" title="DELETE REPORT" href="#">DELETE REPORT</a>
			</div>
		</div>
	</div>

	<div class="c-Reports-Create-Section" style="padding-top: 5px;">
		<div class="c-Reports-ArrowIcon"><span class="icon-arrow1"></span></div>

		<div id="u-Reports-Block-Schedule" class="c-Reports-Statistics-Section">
			<div class="c-Reports-Statistics">
				<div class="c-Reports-Create-Section-Title">REPORT SCHEDULE</div>
				<span class="c-Reports-Create-Section-StripText">ADD IN YOUR REPORT SCHEDULE BELOW</span>


				<!--div class="c-Report-Settings">
					<div class="c-Report-Form c-Form">
						<div class="c-Report-Create-Form-Block c-Form-Block">

							<div class="c-Report-Create-Form-Block-Row c-Form-Block-Row">
								<div class="c-Report-Create-Form-Block-Fields c-Form-Block-Fields">
									<div class="c-Report-Create-Form-Block-Field c-Form-Block-Field c-Form-Block-Field-Block">
										<span class="c-Form-Block-Field-Block-Title">SEND REPORT ON</span>
										<div class="c-Form-Block-Field-Block-Buttons">
											<input type="text" placeholder="SELECT DATE" class="c-Form-Block-Field-Block-Input u-ReportDatePicker u-SendReportDate" />
											<input data-tooltip="u-Tooltip-SendReportTime" data-offset-top="-145" data-offset-left="250" type="text" placeholder="SELECT TIME" class="c-Form-Block-Field-Block-Input u-ReportTimePicker u-SendReportTime" />
										</div>
										<div class="tooltip u-Tooltip-SendReportTime" style="display: none; left: 250px; top: -145px;">
											<div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
											<div class="tooltip-content">This is a 24hr clock. enter time like this 0900 for 9AM.</div>
											<div class="tooltip-arrow bottom center"></div>
										</div>
									</div>
								</div>

								<div class="c-Report-Create-Form-Block-Fields c-Form-Block-Fields">
									<div class="c-Report-Create-Form-Block-Field c-Form-Block-Field c-Form-Block-Field-Block">
										<span class="c-Form-Block-Field-Block-Title">CAPTURE REPORT TRIGGER</span>
										<div class="c-Form-Block-Field-Block-Buttons">
											<input maxlength="2" max="31" min="0" pattern="\d*" data-tooltip="u-Tooltip-CaptureReportDate" data-offset-top="-212" data-offset-left="250" type="text" placeholder="SELECT DATE" class="c-Form-Block-Field-Block-Input u-CaptureReportDate" />
										</div>
									</div>
									<div class="tooltip u-Tooltip-CaptureReportDate" style="display: none; left: 250px; top: -145px;">
										<div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
										<div class="tooltip-content">Enter in the day of the month that you want to send out the  report. This will re-occur every month until you turn this report off.</div>
										<div class="tooltip-arrow bottom center"></div>
									</div>
								</div>

								<div class="c-Report-Create-Form-Block-Fields c-Form-Block-Fields c-Form-Block-Fields-Big">
									<div class="c-Report-Create-Form-Block-Field c-Form-Block-Field c-Form-Block-Field-Block c-Form-Block-Field-Block-Big">
										<div class="c-Form-Block-Field-Block-Title">CAPTURE REPORT DATA:</div>
										<div class="c-Form-Block-Field-Block-Buttons">
											<a class="c-Form-Block-Field-Block-Button" href="#">1 WEEK</a>
											<a class="c-Form-Block-Field-Block-Button" href="#">2 WEEKS</a>
											<a class="c-Form-Block-Field-Block-Button" href="#">3 WEEKS</a>
											<a class="c-Form-Block-Field-Block-Button" href="#">4 WEEKS</a>
										</div>
										<div class="c-Form-Block-Field-Block-Title">BEFORE MY CAPTURE REPORT TRIGGER DATE</div>
									</div>
								</div>

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

				<div class="c-Report-Schedule-Section">
					<div class="c-Report-Schedule-Block c-Report-Schedule-Period-Block">
						<div class="c-Report-Schedule-Block-Title">SEND THE REPORT EVERY</div>
						<div class="c-Report-Schedule-Block-Selections c-Report-Schedule-Select-Period">
							<a class="c-Report-Schedule-Block-Selection u-Selection-Once" href="#">ONCE</a>
							<a class="c-Report-Schedule-Block-Selection u-Selection-Hour" href="#">HOUR</a>
							<a class="c-Report-Schedule-Block-Selection u-Selection-Day" href="#">DAY</a>
							<a class="c-Report-Schedule-Block-Selection u-Selection-Week" href="#">WEEK</a>
							<a class="c-Report-Schedule-Block-Selection u-Selection-Month" href="#">MONTH</a>
						</div>
					</div>

					<div class="c-Report-Schedule-Block c-Report-Schedule-Month-Block">
						<div class="c-Report-Schedule-Block-Title">ON THIS MONTH</div>
						<div class="c-Report-Schedule-Block-Selections c-Report-Schedule-Select-Month c-Report-Schedule-Select-Multi">
							<?php for($i=1; $i<13; $i++){ ?>
								<a class="c-Report-Schedule-Block-Selection" data-month=<?=$i?> href="#"><?=date("M", mktime(0, 0, 0, $i, 10));?></a>
							<?php } ?>
						</div>
					</div>

					<div class="c-Report-Schedule-Block c-Report-Schedule-MonthWeek-Block">
						<div class="c-Report-Schedule-Block-Title">ON WHICH WEEK OF THE MONTH</div>
						<div class="c-Report-Schedule-Block-Selections c-Report-Schedule-Select-MonthWeek c-Report-Schedule-Select-Multi">
							<a class="c-Report-Schedule-Block-Selection" href="#"><span class="c-Report-Schedule-Text"><span class="c-Report-Schedule-Text1">1st</span> <span class="c-Report-Schedule-Text2">Week</span><span></a>
							<a class="c-Report-Schedule-Block-Selection" href="#"><span class="c-Report-Schedule-Text"><span class="c-Report-Schedule-Text1">2nd</span> <span class="c-Report-Schedule-Text2">Week</span><span></a>
							<a class="c-Report-Schedule-Block-Selection" href="#"><span class="c-Report-Schedule-Text"><span class="c-Report-Schedule-Text1">3rd</span> <span class="c-Report-Schedule-Text2">Week</span><span></a>
							<a class="c-Report-Schedule-Block-Selection" href="#"><span class="c-Report-Schedule-Text"><span class="c-Report-Schedule-Text1">4th</span> <span class="c-Report-Schedule-Text2">Week</span><span></a>
						</div>
						<a href="#" class="c-Report-Schedule-Footer-Button u-CalendatDay-Button">OR ENTER A CALENDAR DAY</a>
					</div>

					<div class="c-Report-Schedule-Block c-Report-Schedule-CalendarDay-Block">
						<div class="c-Report-Schedule-Block-Title">ON THIS CALENDAR DAY</div>
						<div class="c-Report-Schedule-Block-Selections c-Report-Schedule-Select-Multi">
							<?php for($i=1; $i<=31; $i++){ ?>
								<a class="c-Report-Schedule-Block-Selection" data-day=<?=$i?> href="#"><?=$i;?></a>
							<?php } ?>
						</div>
					</div>

					<div class="c-Report-Schedule-Block c-Report-Schedule-WeekDay-Block">
						<div class="c-Report-Schedule-Block-Title">ON THIS DAY</div>
						<div class="c-Report-Schedule-Block-Selections c-Report-Schedule-Select-WeekDay c-Report-Schedule-Select-Multi">
							<a class="c-Report-Schedule-Block-Selection" href="#">MON</a>
							<a class="c-Report-Schedule-Block-Selection" href="#">TUE</a>
							<a class="c-Report-Schedule-Block-Selection" href="#">WED</a>
							<a class="c-Report-Schedule-Block-Selection" href="#">THU</a>
							<a class="c-Report-Schedule-Block-Selection" href="#">FRI</a>
							<a class="c-Report-Schedule-Block-Selection" href="#">SAT</a>
							<a class="c-Report-Schedule-Block-Selection" href="#">SUN</a>
							<a class="c-Report-Schedule-Block-Selection" href="#">EVERYDAY</a>
						</div>
					</div>

					<div class="c-Report-Schedule-Block c-Report-Schedule-Time-Block">
						<div class="c-Report-Schedule-Block-Title">AT THIS TIME <span>GMT</span></div>
						<div class="c-Report-Schedule-Select-Time">
							<div class="c-Report-Schedule-TimerSelection">
								<input data-tooltip="u-Tooltip-ReportScheduleTime" data-offset-top="-145" data-offset-left="106" type="text" placeholder="00:00" class="c-Report-Schedule-TimerSelection-Input u-ReportTimePicker" />
							</div>
							<div class="tooltip u-Tooltip-ReportScheduleTime" style="display: none; left: 250px; top: -145px;">
								<div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
								<div class="tooltip-content">This is a 24hr clock. enter time like this 0900 for 9AM.</div>
								<div class="tooltip-arrow bottom center "></div>
							</div>
						</div>
					</div>

					<div class="c-Report-Schedule-Block c-Report-Schedule-TimeOnce-Block">
						<div class="c-Report-Schedule-Block-Title">SEND REPORT ONLY ONCE. SEND AT THIS TIME<span>GMT</span></div>
						<div class="c-Report-Schedule-Select-Time">
							<div class="c-Report-Schedule-TimerSelection">
								<input data-tooltip="u-Tooltip-ReportScheduleTime" data-offset-top="-145" data-offset-left="106" type="text" placeholder="00:00" class="c-Report-Schedule-TimerSelection-Input u-ReportTimePicker" />
							</div>
							<div class="tooltip u-Tooltip-ReportScheduleTime" style="display: none; left: 250px; top: -145px;">
								<div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
								<div class="tooltip-content">This is a 24hr clock. enter time like this 0900 for 9AM.</div>
								<div class="tooltip-arrow bottom center "></div>
							</div>
						</div>
					</div>

					<div class="c-Report-Schedule-Block c-Report-Schedule-EveryHours-Block">
						<div class="c-Report-Schedule-Block-Title">RUN THE SCHEDULE EVERY</div>
						<div class="c-Report-Schedule-Select-Inputs">
							<div class="c-Report-Schedule-Multi-Input-Block">
								<input type="text" placeholder="0" maxlength="2" max="24" pattern="[0-9]*" inputmode="numeric" class="c-Report-Schedule-Multi-Input c-Report-Schedule-EveryHours-Hours" />
								<span>HOURS</span>
							</div>
							<div class="c-Report-Schedule-Multi-Input-Block">
								<input type="text" placeholder="00" maxlength="2" max="60" pattern="[0-9]*" inputmode="numeric" class="c-Report-Schedule-Multi-Input c-Report-Schedule-EveryHours-Minutes" />
								<span>MINUTES</span>
							</div>
						</div>
					</div>

					<div class="c-Report-Schedule-Block c-Report-Schedule-EveryWeeks-Block">
						<div class="c-Report-Schedule-Block-Title">REPEAT AFTER THIS NUMBER OF WEEKS</div>
						<div class="c-Report-Schedule-Select-Inputs">
							<div class="c-Report-Schedule-Single-Input-Block">
								<input type="text" placeholder="0" class="c-Report-Schedule-Single-Input" />
							</div>
						</div>
					</div>
					<div class="c-Report-Schedule-Block c-Report-Schedule-EveryDays-Block">
						<div class="c-Report-Schedule-Block-Title">REPEAT AFTER THIS NUMBER OF Days</div>
						<div class="c-Report-Schedule-Select-Inputs">
							<div class="c-Report-Schedule-Single-Input-Block">
								<input type="text" placeholder="0" class="c-Report-Schedule-Single-Input" />
							</div>
						</div>
					</div>
					
					<div class="c-Report-Schedule-Block c-Report-Schedule-EveryHoursTime-Block">
						<div class="c-Report-Schedule-Block-Title">START TIME <span>GMT</span></div>
						<div class="c-Report-Schedule-Select-Time">
							<div class="c-Report-Schedule-TimerSelection">
								<input data-tooltip="u-Tooltip-ReportScheduleTime" data-offset-top="-145" data-offset-left="106" type="text" placeholder="00:00" class="c-Report-Schedule-TimerSelection-Input u-ReportTimePicker" />
							</div>
							<div class="tooltip u-Tooltip-ReportScheduleTime" style="display: none; left: 250px; top: -145px;">
								<div class="tooltip-title"><span class="tooltip-title-tip">TIP</span></div>
								<div class="tooltip-content">This is a 24hr clock. enter time like this 0900 for 9AM.</div>
								<div class="tooltip-arrow bottom center"></div>
							</div>
						</div>
					</div>

					<div class="c-Report-Schedule-Block c-Report-Schedule-Frequency-Block">
						<div class="c-Report-Schedule-Block-Title">FREQUENCY</div>
						<div class="c-Report-Schedule-Block-Selections c-Report-Schedule-Select-Frequency">
							<a class="c-Report-Schedule-Block-Selection" href="#">ONCE</a>
							<a class="c-Report-Schedule-Block-Selection" href="#">REOCCUR</a>
						</div>
					</div>

					<div class="c-Report-Schedule-Block c-Report-Schedule-StartEndDate-Block">
						<div class="c-Report-Schedule-Block-Title">START & END DATE</div>
						<div class="c-Report-Schedule-Multi-Inputs">
							<div class="c-Report-Schedule-Multi-Input-Block">
								<input type="text" placeholder="START DATE" class="c-Report-Schedule-Multi-Input c-Report-Schedule-StartEndDate-StartDate u-ReportDatePicker" />
							</div>
							<div class="c-Report-Schedule-Multi-Input-Block">
								<input type="text" placeholder="END DATE" class="c-Report-Schedule-Multi-Input c-Report-Schedule-StartEndDate-EndDate u-ReportDatePicker" />
							</div>
						</div>
						<a href="#" class="c-Report-Schedule-Footer-Button u-StartEndDate-Button">RUN FOREVER - CLICK IF NO END DATE</a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="c-Reports-Create-Section" style="padding-top: 5px;">

		<div class="c-Reports-ArrowIcon"><span class="icon-arrow1"></span></div>

		<div id="u-Reports-Block-Statics" class="c-Reports-Statistics-Section">
			<div class="c-Reports-Statistics">
				<div class="c-Reports-Create-Section-Title">STATISTICS</div>
				<span class="c-Reports-Create-Section-StripText">ADD IN STATISTICS TO YOUR REPORT BELOW</span>

				<div class="c-Reports-Sections">
					<div class="c-Reports-Section">
						<h1 class="c-Reports-Section-Title" style="margin-bottom: 0px;">REPORT</h1>
						<div class="c-Reports-Section-Name"><span></span></div>
						<div class="c-Reports-Section-Group">
							<nav class="c-Reports-Section-Blocks">

								<div class="c-Reports-Section-Block u-Report-Static-Create">
									<a class="c-Reports-Section-Block-Link" href="#">
										<span class="c-Reports-Section-Block-Content"><i class="icon-add"></i></span>
										<span class="c-Reports-Section-Block-Title">ADD STATISTIC</span>
									</a>
								</div>
								<div class="c-Reports-Section-Block u-Report-Static-Create">
									<a class="c-Reports-Section-Block-Link" href="#">
										<span class="c-Reports-Section-Block-Content"><i class="icon-add"></i></span>
										<span class="c-Reports-Section-Block-Title">ADD STATISTIC</span>
									</a>
								</div>
								<?php if ($id) { ?>
									<div class="c-Reports-Section-Block u-Report-Static-Created">
										<a class="c-Reports-Section-Block-Link" href="#">
											<span class="c-Reports-Section-Block-Content">50K</span>
											<span class="c-Reports-Section-Block-Title">TOTAL VISITS PER MONTH</span>
										</a>
										<a class="c-Reports-Section-Block-Delete u-DeleteReportStatic icon-cross c-CircleIcon" href="#"></a>
									</div>
								<?php } else { ?>
									<div class="c-Reports-Section-Block u-Report-Static-Create">
										<a class="c-Reports-Section-Block-Link" href="#">
											<span class="c-Reports-Section-Block-Content"><i class="icon-add"></i></span>
											<span class="c-Reports-Section-Block-Title">ADD STATISTIC</span>
										</a>
									</div>
								<?php } ?>
								<div class="c-Reports-Section-Block u-Report-Static-Create">
									<a class="c-Reports-Section-Block-Link" href="#">
										<span class="c-Reports-Section-Block-Content"><i class="icon-add"></i></span>
										<span class="c-Reports-Section-Block-Title">ADD STATISTIC</span>
									</a>
								</div>
							</nav>

							<div class="c-Reports-Add-Section">
								<div class="c-Reports-Add-Section-Blocks">
									<div class="c-Reports-Add-Section-Block u-Report-Static-Create">
										<a class="c-Reports-Add-Section-Block-Link" href="#">
											<span class="c-Reports-Add-Section-Block-Title"><i class="icon-add"></i><span>ADD STATISTIC</span></span>
										</a>
									</div>
								</div>
							</div>
							<div class="c-Reports-Add-Section">
								<div class="c-Reports-Add-Section-Blocks">
									<div class="c-Reports-Add-Section-Block u-Report-Static-Create">
										<a class="c-Reports-Add-Section-Block-Link" href="#">
											<span class="c-Reports-Add-Section-Block-Title"><i class="icon-add"></i><span>ADD STATISTIC</span></span>
										</a>
									</div>
								</div>
							</div>

							<?php if ($id) { ?>
								<div class="c-Reports-Add-Section">
									<div class="c-Reports-Add-Section-ReportsBlock u-Report-Static-Created">
										<div class="c-Reports-Add-Section-ReportsBlock-Inner">
											<div class="c-Reports-Add-Section-ReportsBlock-Header">
												<div class="c-Reports-Add-Section-ReportsBlock-Details c-Reports-Add-Section-ReportsBlock-Details-Left"><span class="c-Reports-Add-Section-ReportsBlock-Text">VIRGIN NORTH</span></div>
												<div class="c-Reports-Add-Section-ReportsBlock-Details c-Reports-Add-Section-ReportsBlock-Details-Right">
													<div class="c-Reports-Add-Section-ReportsBlock-Details-Text">
														<div class="c-Reports-Add-Section-ReportsBlock-Details-Text-Block"><span class="c-Reports-Add-Section-ReportsBlock-Details-Number">50K</span><span class="c-Reports-Created-Details-Stripeline">TOTAL VISITORS</span></div>
													</div>
													<div class="c-Reports-Add-Section-ReportsBlock-Details-Text">
														<div class="c-Reports-Add-Section-ReportsBlock-Details-Text-Block"><span class="c-Reports-Add-Section-ReportsBlock-Details-Number">468</span><span class="c-Reports-Created-Details-Stripeline">TOTAL CAR PARKS</span></div>
													</div>
													<div class="c-Reports-Add-Section-ReportsBlock-Icon">
														<a href="#" class="c-Icon icon-cross u-DeleteReportStatic c-CircleIcon"></a>
													</div>
												</div>
											</div>
											<div class="c-Reports-Add-Section-ReportsBlock-Content">
												<div class="c-Reports-Add-Section-ReportsBlock-ChartReport">
													<div class="sparkline c-Reports-Add-Section-ReportsBlock-ChartReport-Block" data-type="bar" data-width="97%" data-height="250px" data-bar-Width="14" data-bar-Spacing="30" >10,8,14,13,11,15,18,12</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							<?php } else { ?>
								<div class="c-Reports-Add-Section">
									<div class="c-Reports-Add-Section-Blocks">
										<div class="c-Reports-Add-Section-Block u-Report-Static-Create">
											<a class="c-Reports-Add-Section-Block-Link" href="#">
												<span class="c-Reports-Add-Section-Block-Title"><i class="icon-add"></i><span>ADD STATISTIC</span></span>
											</a>
										</div>
									</div>
								</div>
							<?php } ?>
							<div class="c-Reports-Add-Section">
								<div class="c-Reports-Add-Section-Blocks">
									<div class="c-Reports-Add-Section-Block u-Report-Static-Create">
										<a class="c-Reports-Add-Section-Block-Link" href="#">
											<span class="c-Reports-Add-Section-Block-Title"><i class="icon-add"></i><span>ADD STATISTIC</span></span>
										</a>
									</div>
								</div>

								<div class="c-Reports-Add-Section-ReportsBlock"></div>
							</div>

						</div>

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

		<div class="c-Reports-ArrowIcon"><span class="icon-arrow1"></span></div>

		<div id="u-Reports-Block-Subscribers" class="c-Reports-Create-Section-Title">SUBSCRIBERS</div>
		<span class="c-Reports-Create-Section-StripText">ADD SUBSCRIBERS TO THIS REPORT BELOW</span>

		<div class="c-Reports-Subscriptions-Section">
			<div class="c-Reports-Summery">
				<div class="c-Reports-Summery-Text">ADDED <span class="c-Reports-Summery-NumberCricle">1</span> OF <span class="c-Reports-Summery-NumberCricle">5</span> SUBSCRIBERS</div>

				<a class="c-Reports-Requests preventDefault" title="REQUEST MORE SUBSCRIBERS" href="mailto:unlock@rangerservice.co.uk?subject=Unlock More Subscribers">REQUEST MORE SUBSCRIBERS</a>
			</div>
			<div class="c-Reports-Subscriptions-Sections-Blocks">
				<div class="c-Reports-Subscriptions-Sections-Block">
					<?php if ($id) { ?>
						<div class="c-Reports-Subscriptions-Block-Main">
							<div class="c-Reports-Subscriptions-Block c-Subscriptions-Created" data-id="1" data-name="JENNY BAILEY" data-email="janny@ranger.co.uk">
								<div class="c-Reports-Subscriptions-Block-Link c-ReviewSubscriptionsReport-Button">
									<div class="c-Reports-Subscriptions-Details c-Reports-Subscriptions-Details-Left">
										<span class="c-Reports-Subscriptions-Number">1</span>
										<span class="c-Reports-Subscriptions-Text">JENNY BAILEY</span>
									</div>
									<div class="c-Reports-Subscriptions-Details c-Reports-Subscriptions-Details-Right">
										<div class="c-Reports-Subscriptions-Details-Text">
											<div class="switch c-Switch">
												<input id="u-Subscriptions-Number-1" class="u-Switch-Checkbox cmn-toggle cmn-toggle-round-flat" checked="checked" type="checkbox">
												<label for="u-Subscriptions-Number-1"><span></span><dd></dd></label>
											</div>
										</div>
										<div class="c-Reports-Subscriptions-Icon">
											<a href="#" class="c-Icon icon-cross c-CircleIcon u-Subscription-Delete"></a>
											<a class="c-Icon icon-dropdown u-Subscription-OpenDetail" href="#"></a>
										</div>
									</div>
								</div>
							</div>

							<div class="c-Subscribed-Form-Main"></div>
						</div>
					<?php } else { ?>
						<div class="c-Reports-Subscriptions-Block-Main">
							<div class="c-Reports-Subscriptions-Block c-Subscriptions-Create">
								<div class="c-Reports-Subscriptions-Block-Link u-Subscription-OpenDetail c-ReviewSubscriptionsReport-Button">
									<span class="c-Reports-Subscriptions-Number">1</span>
									<span class="c-Reports-Subscriptions-Text">ADD SUBSCRIBER</span>
									<span class="c-Reports-Subscriptions-Icon c-Icon icon-expand"></span>
								</div>
							</div>

							<div class="c-Subscribed-Form-Main"></div>
						</div>
					<?php } ?>
					<div class="c-Reports-Subscriptions-Block-Main">
						<div class="c-Reports-Subscriptions-Block c-Subscriptions-Create">
							<div class="c-Reports-Subscriptions-Block-Link u-Subscription-OpenDetail c-ReviewSubscriptionsReport-Button">
								<span class="c-Reports-Subscriptions-Number">2</span>
								<span class="c-Reports-Subscriptions-Text">ADD SUBSCRIBER</span>
								<span class="c-Reports-Subscriptions-Icon c-Icon icon-expand"></span>
							</div>
						</div>
						<div class="c-Subscribed-Form-Main"></div>
					</div>
					<div class="c-Reports-Subscriptions-Block-Main">
						<div class="c-Reports-Subscriptions-Block c-Subscriptions-Create">
							<div class="c-Reports-Subscriptions-Block-Link u-Subscription-OpenDetail c-ReviewSubscriptionsReport-Button">
								<span class="c-Reports-Subscriptions-Number">3</span>
								<span class="c-Reports-Subscriptions-Text">ADD SUBSCRIBER</span>
								<span class="c-Reports-Subscriptions-Icon c-Icon icon-expand"></span>
							</div>
						</div>
						<div class="c-Subscribed-Form-Main"></div>
					</div>
					<div class="c-Reports-Subscriptions-Block-Main">
						<div class="c-Reports-Subscriptions-Block c-Subscriptions-Create">
							<div class="c-Reports-Subscriptions-Block-Link u-Subscription-OpenDetail c-ReviewSubscriptionsReport-Button">
								<span class="c-Reports-Subscriptions-Number">4</span>
								<span class="c-Reports-Subscriptions-Text">ADD SUBSCRIBER</span>
								<span class="c-Reports-Subscriptions-Icon c-Icon icon-expand"></span>
							</div>
						</div>
						<div class="c-Subscribed-Form-Main"></div>
					</div>
					<div class="c-Reports-Subscriptions-Block-Main">
						<div class="c-Reports-Subscriptions-Block c-Subscriptions-Create">
							<div class="c-Reports-Subscriptions-Block-Link u-Subscription-OpenDetail c-ReviewSubscriptionsReport-Button">
								<span class="c-Reports-Subscriptions-Number">5</span>
								<span class="c-Reports-Subscriptions-Text">ADD SUBSCRIBER</span>
								<span class="c-Reports-Subscriptions-Icon c-Icon icon-expand"></span>
							</div>
						</div>
						<div class="c-Subscribed-Form-Main"></div>
					</div>
				</div>
			</div>
		</div>

		<div class="c-Reports-ArrowIcon"><span class="icon-arrow1"></span></div>

		<div id="u-Reports-Block-History" class="c-Reports-Create-Section-Title">REPORTS HISTORY</div>
		<span class="c-Reports-Create-Section-StripText">SELECT A REPORT BELOW TO VIEW</span>

		<div class="c-Reports-Lists-Section">

			<div class="c-Reports-Lists-Sections-Blocks">
				<div class="c-Reports-Lists-Sections-Block">
					<?php if ($id) { ?>
						<div class="c-Reports-Lists-Block">
							<div class="c-Reports-Lists-Block-Link c-ReviewReport-Button">
								<span class="c-Reports-Lists-Number">&nbsp;</span>
								<span class="c-Reports-Lists-Text">OCTOBER 2016</span>
								<span class="c-Reports-Lists-Icon">
									<span class="c-Icon icon-arrow-down2">&nbsp;</span>
									<a class="c-Icon icon-cross c-CircleIcon" href="#"></a>
								</span>
							</div>
						</div>
						<div class="c-Reports-Lists-Block">
							<div class="c-Reports-Lists-Block-Link c-ReviewReport-Button">
								<span class="c-Reports-Lists-Number">&nbsp;</span>
								<span class="c-Reports-Lists-Text">SEPTEMBER 2016</span>
								<span class="c-Reports-Lists-Icon">
									<span class="c-Icon icon-arrow-down2"></span>
									<a class="c-Icon icon-cross c-CircleIcon" href="#"></a>
								</span>
							</div>
						</div>
					<?php } else { ?>
						<div class="c-Reports-Lists-Block c-NoReports-Button">
							<div class="c-Reports-Lists-Block-Link ">
								<span class="c-Reports-Lists-Text">NO REPORTS HAVE BEEN CREATED</span>
							</div>
						</div>
					<?php } ?>
				</div>
			</div>
		</div>

	</div>


</div>
<script type="text/template" id="u-CreatedReport-Template">
	<div class="c-Reports-Add-Section-ReportsBlock u-Report-Static-Created">
	<div class="c-Reports-Add-Section-ReportsBlock-Inner">
	<div class="c-Reports-Add-Section-ReportsBlock-Header">
	<div class="c-Reports-Add-Section-ReportsBlock-Details c-Reports-Add-Section-ReportsBlock-Details-Left"><span class="c-Reports-Add-Section-ReportsBlock-Text">VIRGIN NORTH</span></div>
	<div class="c-Reports-Add-Section-ReportsBlock-Details c-Reports-Add-Section-ReportsBlock-Details-Right">
	<div class="c-Reports-Add-Section-ReportsBlock-Details-Text">
	<div class="c-Reports-Add-Section-ReportsBlock-Details-Text-Block"><span class="c-Reports-Add-Section-ReportsBlock-Details-Number">50K</span><span class="c-Reports-Created-Details-Stripeline">TOTAL VISITORS</span></div>
	</div>
	<div class="c-Reports-Add-Section-ReportsBlock-Details-Text">
	<div class="c-Reports-Add-Section-ReportsBlock-Details-Text-Block"><span class="c-Reports-Add-Section-ReportsBlock-Details-Number">468</span><span class="c-Reports-Created-Details-Stripeline">TOTAL CAR PARKS</span></div>
	</div>
	<div class="c-Reports-Add-Section-ReportsBlock-Icon">
	<a href="#" class="c-Icon icon-cross u-DeleteReportStatic c-CircleIcon"></a>
	</div>
	</div>
	</div>
	<div class="c-Reports-Add-Section-ReportsBlock-Content">
	<div class="c-Reports-Add-Section-ReportsBlock-ChartReport">
	<div class="sparkline c-Reports-Add-Section-ReportsBlock-ChartReport-Block" data-type="bar" data-width="97%" data-height="250px" data-bar-Width="14" data-bar-Spacing="30" >10,8,14,13,11,15,18,12</div>
	</div>
	</div>
	</div>
	</div>
</script>
<script type="text/template" id="u-AddReport-Template">
	<div class="c-Reports-Add-Section-ReportsBlock u-Report-Static-Created">
	<div class="c-Reports-Add-Section-ReportsBlock-Inner">
	<div class="c-Reports-Add-Section-ReportsBlock-Header">
	<div class="c-Reports-Add-Section-ReportsBlock-Details c-Reports-Add-Section-ReportsBlock-Details-Left"><span class="c-Reports-Add-Section-ReportsBlock-Text">VIRGIN NORTH</span></div>
	<div class="c-Reports-Add-Section-ReportsBlock-Details c-Reports-Add-Section-ReportsBlock-Details-Right">
	<div class="c-Reports-Add-Section-ReportsBlock-Details-Text">
	<div class="c-Reports-Add-Section-ReportsBlock-Details-Text-Block"><span class="c-Reports-Add-Section-ReportsBlock-Details-Number">50K</span><span class="c-Reports-Created-Details-Stripeline">TOTAL VISITORS</span></div>
	</div>
	<div class="c-Reports-Add-Section-ReportsBlock-Details-Text">
	<div class="c-Reports-Add-Section-ReportsBlock-Details-Text-Block"><span class="c-Reports-Add-Section-ReportsBlock-Details-Number">468</span><span class="c-Reports-Created-Details-Stripeline">TOTAL CAR PARKS</span></div>
	</div>
	<div class="c-Reports-Add-Section-ReportsBlock-Icon">
	<a href="#" class="c-Icon icon-cross u-DeleteReportStatic c-CircleIcon"></a>
	</div>
	</div>
	</div>
	<div class="c-Reports-Add-Section-ReportsBlock-Content">
	<div class="c-Reports-Add-Section-ReportsBlock-ChartReport">
	<div class="sparkline c-Reports-Add-Section-ReportsBlock-ChartReport-Block" data-type="bar" data-width="97%" data-height="250px" data-bar-Width="14" data-bar-Spacing="30" >10,8,14,13,11,15,18,12</div>
	</div>
	</div>
	</div>
	</div>
</script>
<script type="text/template" id="u-AddStaticsMini-Template">
	<a class="c-Reports-Section-Block-Link" href="#">
	<span class="c-Reports-Section-Block-Content"><i class="icon-add"></i></span>
	<span class="c-Reports-Section-Block-Title">ADD STATISTIC</span>
	</a>
</script>
<script type="text/template" id="u-AddStaticsBig-Template">
	<div class="c-Reports-Add-Section-Blocks">
	<div class="c-Reports-Add-Section-Block u-Report-Static-Create">
	<a class="c-Reports-Add-Section-Block-Link" href="#">
	<span class="c-Reports-Add-Section-Block-Title"><i class="icon-add"></i><span>ADD STATISTIC</span></span>
	</a>
	</div>
	</div>
</script>
<script type="text/template" id="u-SubscribedForm-Template">
	<div class="c-Subscribed-Form c-Form">
	<div class="c-Subscribed-Create-Form-Block c-Form-Block">
	<div class="c-Subscribed-Create-Form-Block-Row c-Form-Block-Row">
	<div class="c-Subscribed-Create-Form-Block-Fields c-Form-Block-Fields">
	<input class="c-Subscribed-Create-Form-Block-Field c-Form-Block-Field c-Form-Block-Field-Input u-SubscribedName-Field" name="subscribed_name" placeholder="FULL NAME" type="text">
	</div>
	<div class="c-Subscribed-Create-Form-Block-Fields c-Form-Block-Fields">
	<input class="c-Subscribed-Create-Form-Block-Field c-Form-Block-Field c-Form-Block-Field-Input u-SubscribedEmail-Field" name="subscribed_email" placeholder="ENTER EMAIL" type="text">
	</div>
	</div>
	<div class="c-Subscribed-Create-Form-Block-Row c-Form-Block-Row">
	<div class="c-Form-Buttons">
	<a href="#" class="c-Form-Button u-Subscribed-Button-Save">SAVE</a>
	<a href="#" class="c-Form-Button u-Subscribed-Button-Delete">DELETE</a>
	</div>
	</div>
	</div>
	</div>
</script>
<script type="text/template" id="u-SubscribedForm-Template">
	<div class="c-Subscribed-Form c-Form">
	<div class="c-Subscribed-Create-Form-Block c-Form-Block">
	<div class="c-Subscribed-Create-Form-Block-Row c-Form-Block-Row">
	<div class="c-Subscribed-Create-Form-Block-Fields c-Form-Block-Fields">
	<input class="c-Subscribed-Create-Form-Block-Field c-Form-Block-Field c-Form-Block-Field-Input u-SubscribedName-Field" name="subscribed_name" placeholder="FULL NAME" type="text">
	</div>
	<div class="c-Subscribed-Create-Form-Block-Fields c-Form-Block-Fields">
	<input class="c-Subscribed-Create-Form-Block-Field c-Form-Block-Field c-Form-Block-Field-Input u-SubscribedEmail-Field" name="subscribed_email" placeholder="ENTER EMAIL" type="text">
	</div>
	</div>
	<div class="c-Subscribed-Create-Form-Block-Row c-Form-Block-Row">
	<div class="c-Form-Buttons">
	<a href="#" class="c-Form-Button u-Subscribed-Button-Save">SAVE</a>
	<a href="#" class="c-Form-Button u-Subscribed-Button-Delete">DELETE</a>
	</div>
	</div>
	</div>
	</div>
</script>
<script type="text/template" id="u-Subscribed-Template">
	<div class="c-Reports-Subscriptions-Block-Link c-ReviewSubscriptionsReport-Button">
	<div class="c-Reports-Subscriptions-Details c-Reports-Subscriptions-Details-Left">
	<span class="c-Reports-Subscriptions-Number">1</span>
	<span class="c-Reports-Subscriptions-Text">JENNY BAILEY</span>
	</div>
	<div class="c-Reports-Subscriptions-Details c-Reports-Subscriptions-Details-Right">
	<div class="c-Reports-Subscriptions-Details-Text">
	<div class="switch c-Switch">
	<input id="u-Subscriptions-Number-5" class="u-Switch-Checkbox cmn-toggle cmn-toggle-round-flat" checked="checked" type="checkbox">
	<label for="u-Subscriptions-Number-5"><span></span><dd></dd></label>
	</div>
	</div>
	<div class="c-Reports-Subscriptions-Icon">
	<a href="#" class="c-Icon icon-cross c-CircleIcon u-Subscription-Delete"></a>
	<a class="c-Icon icon-dropdown u-Subscription-OpenDetail" href="#"></a>
	</div>
	</div>
	</div>
</script>
<script type="text/template" id="u-NotSubscribed-Template">
	<div class="c-Reports-Subscriptions-Block-Link u-Subscription-OpenDetail c-ReviewSubscriptionsReport-Button">
	<span class="c-Reports-Subscriptions-Number">5</span>
	<span class="c-Reports-Subscriptions-Text">ADD SUBSCRIBER</span>
	<span class="c-Reports-Subscriptions-Icon c-Icon icon-expand"></span>
	</div>
</script>


<script type="text/javascript">
	$(document).ready(function () {
		reportDateandTime();
	});
</script>