#set ($id = $brikitCore.localSafeId())
<div id="lesson-plan-$id" class="lesson-plan" #if ($auto-start) data-auto-start="true" #end>
	<table class="aui">
		<tbody>
			#foreach ($lessonPlan in $lessonPlans)
				<tr data-lesson-plan="$lessonPlan.name">
					#if (!$macro.pdf)
						<td class="lesson-status-column">
						    <button class="aui-button aui-button-link"><span class="aui-icon aui-icon-small">Completed </span></button>
						</td>
					#end
					<td class="lesson-plan-column">
						<button class="aui-button aui-button-subtle lesson-button" data-brikit-lesson-plan="$lessonPlan.name" title="Start lesson"><span class="aui-icon aui-icon-small aui-iconfont-info">Lesson </span> $lessonPlan.title</button>
					</td>
				</tr>
			#end
		</tbody>
	</table>
	<p class="lesson-plan-navigator">
		#if ($previousPage)
			<span class="previous-lesson-page">
				<a href="$req.contextPath$previousPage.urlPath">&laquo; $brikitCore.text("com.brikit.previous.tour.text")</a>
			</span>
		#end
		#if ($nextPage)
			<span class="next-lesson-page">
				<a href="$req.contextPath$nextPage.urlPath">$brikitCore.text("com.brikit.next.tour.text") &raquo;</a>
			</span>
		#end
	</p>
</div>

<div class="lesson-introduction" style="display:none;">
	<h2>$brikitCore.text("com.brikit.tour.guide.title")</h2>

	<div class="lesson-body">
		<br />
		$brikitCore.text("com.brikit.tour.guide.introduction")
	</div>

	<br />
	<form class="aui">
		<span class="got-it-checkbox">
			<input class="checkbox" type="checkbox" name="got-it" data-copy-id="got-it" />
			<label for="got-it">$brikitCore.text("com.brikit.stop.tour.introduction")</label>
		</span>
		<button class="aui-button aui-button-primary start-tour-button" style="float:right">$brikitCore.text("com.brikit.start.tour.text") &raquo;</button>
	</form>
	<div class="clear"></div>

</div>
<script type="text/javascript">
	(function ($) {

		var firstLessonPlan = function () {
			return lessonPlans().first();
		}
		
		var isAutoStart = function () {
			return $("#lesson-plan-$id").data("auto-start");
		}
		
		var lessonAutoStartCookie = function (value) {
			return ThemePress.Lesson.lessonAutoStartCookie(value);
		}
		
		var lessonPlanCookie = function (lessonPlan, value) {
			return ThemePress.Lesson.lessonPlanCookie(lessonPlanName(lessonPlan), value);
		}
				
		var lessonPlanName = function (lessonPlan) {
			return $(lessonPlan).data("lesson-plan");
		}
		
		var lessonPlans = function () {
			return $("#lesson-plan-$id tbody tr");
		}
		
		lessonPlans().each(function () {
			if (lessonPlanCookie(this)) ThemePress.Lesson.markComplete(lessonPlanName(this));
			else ThemePress.Lesson.markIncomplete(lessonPlanName(this));
		});
		
		lessonPlans().find(".lesson-button").tooltip({aria: true});

		// Wire up the lesson buttons
		$("#lesson-plan-$id [data-brikit-lesson-plan]").click(function () { 
				ThemePress.Lesson.start($(this).data("brikit-lesson-plan"));
				return false;
			}
		);

		// Auto-start the first lesson if appropriate
		if (!themePressMobile && isAutoStart() && !lessonAutoStartCookie()) setTimeout(function () {
			ThemePress.Lesson.introduceLessons(firstLessonPlan());
		}, 2500);

	})(jQuery);

</script>