//- variables
- var appName = appName || "SSObaseApp";
- var title = "Dashboard";

mixin navItem(name, id, symbol, href)
	li(title=name, id=id)
		a(href=href)
			i.fa-fw(class=symbol)
			span= name

doctype(html)
html(lang='en')
	head
		meta(charset="utf-8")
		meta(http-equiv="X-UA-Compatible", content="IE=edge")
		meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no")
	
		meta(name="author", content="Ruben Meyer")
		meta(name="description" content="auth.rxbn.de")
		if(title)
			title=""+appName+" - "+title
		else
			title=appName
	
		block css
			//- UIkit CSS
			link(href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/css/uikit.min.css", rel="stylesheet")
			
			//- Custom Stylesheet
			link(href="/res/css/stylesheet.css", rel="stylesheet")
	
			//- Custom fonts for this template
			link(href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ", crossorigin="anonymous", rel="stylesheet")
	body
			//- Navigation
			nav(uk-navbar).uk-navbar-container
				.uk-navbar-left.uk-margin-left
					ul.uk-navbar-nav
						li(title=appName)
							a(href="/", style="text-transform: unset")
								span=appName
				.uk-navbar-right.uk-margin-right
					ul.uk-navbar-nav
						+navItem("Login", "login", "far fa-arrow-alt-circle-right", "/api/login")
			div
				.uk-flex.uk-margin-medium-top.uk-margin-medium-bottom
					div(class="uk-width-auto uk-width-1-4@s")
					.uk-flex.uk-flex-auto.uk-flex-column.uk-flex-center.uk-margin-left.uk-margin-right
						h1 Please login
						p You need to be logged in to use this service
						a(href="/api/login").uk-button.uk-button-default Login
					div(class="uk-width-auto uk-width-1-4@s")
			footer
				.uk-text-center
					small Copyright &copy; <a href="https://www.rxbn.de/">Ruben Meyer</a> 2019 - 2021
			
			block scripts
				//- UIkit JS
				script(src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/js/uikit.min.js")
				script(src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/js/uikit-icons.min.js")
			
				//- Custom scripts for this template
				script(src="/res/js/locales.js")
				script(src="/res/js/custom.js")