extends layout.pug

block prepend js
	script(src='/assets/js/jquery.slim.min.js')
	script(src='/assets/js/transition.min.js')
	script(src='/assets/js/collapse.min.js')

block content
	div.row
		div.col-lg-3.col-md-4
			ul.nav.nav-pills.nav-stacked
				block menu
					mixin menu(...items)
						-
							function pad_zero (n) {
								return n < 10 ? '0' + n : n;
							}

							function item_link (item) {
								if (!('link' in item)) {
									item.link = new String(item.name).toLowerCase().replace(/\W/g, '-');

									if ('year' in item && 'month' in item && 'day' in item)
										item.link = item.year + '-' + pad_zero(item.month) + '-' + pad_zero(item.day) + '-' + item.link;
								}

								return item.link;
							}

							function item_is_active (item) {
								return item_link(item) == page;
							}

						each item in items
							if 'menu' in item
								- const active = item.menu.some(item_is_active)
								li(role='presentation')
									- const id = 'menu-' + item_link(item);
									a(href='#' + id, data-toggle='collapse', role='button', aria-expanded=active.toString(), aria-controls=id)= item.name
									div.collapse(id=id, class=active ? 'in' : '')
											ul.nav.nav-pills.nav-stacked.col-xs-12.col-md-10.pull-right
												+menu(...item.menu)
											br(style='clear:both;')

							else
								- var link = item_link(item)
								li(role='presentation', class=item_is_active(item) ? 'active' : '')
									a(href=base_url + (link == '' ? '' : link + '.html'))= item.name

		div.col-lg-7.col-md-6
			h3
				block subtitle
				| &nbsp;
				small
					block subtitleDate
		div.col-lg-2.col-md-2.text-right
			block subtitle-right

		div.col-lg-9.col-md-8.text-justify.markdown
			block page