extends ../layout

mixin tocMenu(ti)
	each node in ti
		li
			a(href='#' + node.anchor, title=node.content)= node.content
			if node.nodes.length > 0
				ul
					+tocMenu(node.nodes)

block content

	section.section
		.container.is-fluid
			.columns

				.column.is-narrow.sd-menus.is-hidden-touch

					.box
						aside.menu(style= { 'min-width': '200px' })
							p.menu-label
								| Navigation
							ul.menu-list
								li
									a(href='/') Home
								li
									a(href='/') Storage
								li
									a(href='/account') Account
					.box.stickyscroll(data-margin-top=70)
						aside.menu(style= { 'min-width': '200px' })
							p.menu-label
								| Contents
							ul.menu-list
								a(href='#root', title='Start') Start
								+tocMenu(pageData.tree)

				.column

					h1.title#title= pageData.meta.title
					if pageData.meta.subtitle
						h2.subtitle= pageData.meta.subtitle
					.content.mkcontent
						!= pageData.html

	.modal
		.modal-background
		.modal-container
			.modal-content
				.card.is-fullwidth
					header.card-header
						p.card-header-title Create New Page
					.card-content
						.content
							label.label Enter the full path:
							p.control
								input.input(type='text', placeholder='/path', value='/storage/new-page')
					footer.card-footer
						a.card-footer-item(onclick='$(".modal").removeClass("is-active");') Discard
						a.card-footer-item Create