[%
	document.css.push(css.global);
	document.css.push(css.forms);
%]
<div id="header">
	[%
		render(
			'menu',
			items = [
				{ title = 'HOME', href = app.location },
				{ title = 'Wiki', href = app.location.wiki },
				{ title = 'Owncloud', href = app.location.owncloud },
				{ title = 'BugZilla', href = app.location.bugzilla },
				{ title = 'Library', href = app.location.library },
				{ title = 'Mercurial', href = app.location.mercurial }
			],
			class = 'menu-bar float-left',
			id = 'main-menu'
	)%]
	[%
		IF user.isNobody;
			usermenu = [
				{ title = 'Login', href= app.location.user.login(ref = location) }
			];
		ELSE;
			usermenu = [
				{ title = user.name },
				{ title = 'Settings', href = app.location.user },
				{ title = 'Logout', href = app.location.user.logout }
			];
		END;
		render('menu', items = usermenu, class = 'menu-bar float-right', id = 'user-menu');
	%]
	<div style="clear: both"></div>
</div>

[% IF document.menu.page.size;
	render('menu', items = document.menu.page, class='menu-bar', id='page-menu');
END %]
<div id="page-content">
	$content
</div>