html
	head
		meta(charset="utf8")
		meta(name="csrf-token", content=csrf)
		meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no")
		block links
			link(rel="stylesheet", type="text/css", href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css")
			link(rel="stylesheet", type="text/css", href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css")
			link(rel="stylesheet", type="text/css", href="/style/main.css")
			link(rel="stylesheet", type="text/css", href="/style/admin.css")
			script.
				window.variables = {
					server_time: parseInt('#{server_time}')
				};
		title
			block title
				|Icy Network - Administration
	body
		#app
			block navigation
				nav.navbar.navbar-expand-lg.navbar-light.bg-light.sticky-top
					a.navbar-brand(href="/")
						img(src="/static/image/icynet-icon.png" width="30" heigth="30")
						| Administration

					button.navbar-toggler(type="button" data-toggle="collapse" data-target="#navCollapse" aria-controls="navCollapse" aria-expanded="false" aria-label="Toggle navigation")
						span.navbar-toggler-icon

					.navbar-collapse.collapse#navCollapse
						ul.mr-auto.navbar-nav
							router-link(tag="li" class="nav-item" active-class="active" to="/" exact) 
								a.nav-link Home
							router-link(tag="li" class="nav-item" active-class="active" to="/oauth2") 
								a.nav-link OAuth2
						ul.navbar-nav.my-2.my-lg-0
							li.nav-item
								a.nav-link(href="/user/manage") #{user.display_name}

			.wrapper
				block body
		script(src="/script/admin.js")