include ../mixins/flashMessages

doctype html
html
	head
		meta(charset="utf-8")
		meta(name="viewport", content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width")

		title= title

		//- Component Stylesheets
		link(rel="stylesheet", href="/landmark/js/lib/select2/select2-3.3.2.css")
		link(rel="stylesheet", href="/landmark/js/lib/pikaday/pikaday-1.1.0.css")

		//- Landmark Stylesheet
		link(rel="stylesheet", href="/landmark/styles/landmark.min.css")
		block css

		link(rel="shortcut icon", href="/favicon.ico", type="image/x-icon")
		block head

	body(id='page-' + page)
		#wrap
			nav(role='navigation')#header.navbar.navbar-default.navbar-static-top: .container
				a(href=backUrl).navbar-backtobrand-trigger.hidden-xs: span.ion-arrow-left-c
				.navbar-backtobrand-message Back to the #{brand} website
				.navbar-header
					button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-headernav-collapse')
						span.sr-only Toggle section navigation
						span.icon-bar
						span.icon-bar
						span.icon-bar
					if section.lists && section.lists.length > 1
						a(href='/landmark', class=(section == 'home' ? 'active' : null)).navbar-brand= brand
					else
						a(href='/landmark', class=(section == 'home' ? 'active' : null)).navbar-brand= brand
				.collapse.navbar-collapse.navbar-headernav-collapse
					if signout
						ul.nav.navbar-nav.navbar-right
							li.divider
							li: a(href=signout).signout Sign Out
					ul.nav.navbar-nav
						each navSection in nav.sections
							li(class=section.key == navSection.key ? 'active' : null): a(href='/landmark/' + navSection.lists[0].path)= navSection.label
			if section.lists && section.lists.length > 1
				nav(role='navigation')#section-nav.navbar.navbar-default.navbar-static-top: .container
					.navbar-header
						button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-sectionnav-collapse')
							span.sr-only Toggle list navigation
							span.icon-bar
							span.icon-bar
							span.icon-bar
						.navbar-brand.visible-xs
							=section.label
							if section.label != list.label
								| : #{list.label}
					.collapse.navbar-collapse.navbar-sectionnav-collapse
						ul.nav.navbar-nav
							each navList in section.lists
								li(class=navList.key == list.key ? 'active' : null): a(href='/landmark/' + navList.path)= navList.label
			#body: .container
				block intro
				+flash-messages(messages)
				block content

		#footer: .container
			p Powered by <a href="http://getlandmarkproject.com" target="_blank">LandmarkJS</a> version #{version}.

		//- Common
		script(src="/landmark/js/lib/underscore/underscore-1.5.1.min.js")
		script(src="/landmark/js/lib/jquery/jquery-1.10.2.min.js")
		script(src="/landmark/js/lib/async/async.js")

		//- Bootstrap Components
		script(src='/landmark/js/lib/bootstrap/collapse.js')
		script(src='/landmark/js/lib/bootstrap/dropdown.js')
		script(src='/landmark/js/lib/bootstrap/tooltip.js')
		script(src='/landmark/js/lib/bootstrap/button.js')

		//- Other Components
		script(src="/landmark/js/lib/bootstrap-colorpicker/bootstrap-colorpicker.min.js")
		script(src="/landmark/js/lib/moment/moment-1.7.2.min.js")
		script(src="/landmark/js/lib/move/move-0.1.1.min.js")
		script(src="/landmark/js/lib/select2/select2-3.3.2.min.js")
		script(src="/landmark/js/lib/pikaday/pikaday-1.1.0.js")
		script(src="/landmark/js/lib/pikaday/pikaday.jquery-1.1.0.js")
		script(src="/landmark/js/lib/jquery-placeholder-shim/jquery-placeholder-shim.js")

		//- App
		script.
			Landmark = {
				csrf: function(obj) {
					obj['#{csrf_token_key}'] = "#{csrf_token_value}";
					return obj;
				}
			};
			Landmark.csrf.key = "#{csrf_token_key}";
			Landmark.csrf.value = "#{csrf_token_value}";
		if cloudinary
			script(src='/landmark/js/lib/jqueryfileupload/vendor/jquery.ui.widget.js')
			script(src='/landmark/js/lib/jqueryfileupload/jquery.iframe-transport.js')
			script(src='/landmark/js/lib/jqueryfileupload/jquery.fileupload.js')
			script(src='/landmark/js/lib/cloudinary/jquery.cloudinary.js')
			| !{cloudinary_js_config}
			script.
				Landmark.cloudinary = {
					cloud_name: "#{cloudinary.cloud_name}",
					api_key: "#{cloudinary.api_key}",
					timestamp: "#{cloudinary.timestamp}",
					signature: "#{cloudinary.signature}"
				}

		//- Landmark UI
		script(src="/landmark/js/common/plugins.js")
		script(src="/landmark/js/common/ui.js")
		script(src="/landmark/js/common/ui-alt-text.js")
		script(src="/landmark/js/common/ui-color.js")
		script(src="/landmark/js/common/ui-sortable.js")
		
		//- Page Scripts
		block js

		//- Google Analytics
		if env == 'production' && ga.property && ga.domain
			script.
				(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
				(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
				m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
				})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
				ga('create', '#{ga.property}', '#{ga.domain}');
				ga('send', 'pageview');