.navbar.navbar-default.navbar-fixed-top
	.container-fluid
		.navbar-header
			a.navbar-brand(ui-sref="app.index")
				img(src="/favicon.ico")
				| Warehost
			button.navbar-toggle.collapsed(ng-click="toggleOpen()")
				span.sr-only Toggle navigation
				span.icon-bar
				span.icon-bar
				span.icon-bar
		.navbar-collapse.collapse(uib-collapse="!isOpen")
			ui.nav.navbar-nav
				li(ng-if="session.profil.shift",ui-sref="app.shift.index",ng-class="{ active: $state.includes('app.shift') }")
					a(nav navbar-nav) Shift
				li(ng-if="session.profil.host",ui-sref="app.host.index",ng-class="{ active: $state.includes('app.host') }")
					a(nav navbar-nav) Hosting
			ui.nav.navbar-nav.navbar-right(ng-if="session.login.active")
				li
					a(ui-sref="app.L.invites",ui-sref-active="active")
						span.glyphicon.glyphicon-send
						|  Invites
				li(ng-if="session.login.superadmin")
					a(ui-sref="app.A.admin",ui-sref-active="active")
						span.glyphicon.glyphicon-cog
						|  Admin
				.navbar-text(ng-class="{ 'active': $state.includes('app.L.settings') }")
					| Welcome 
					a(ui-sref="app.L.settings",ui-sref-active="active") {{session.login.username}}
					|  
					span.glyphicon.glyphicon-user
				.navbar-text
					span.glyphicon.glyphicon-log-out(ng-click="logout()")
			form.navbar-form.navbar-right(ng-if="!session.login.active",ng-submit="login()")
				.form-group(ng-class="{'has-error': (error.fields.indexOf('username') >= 0)}")
					input.form-control(ng-model="obj.username",placeholder="Username",pattern=".{3,}")
				.form-group(ng-class="{'has-error': (error.fields.indexOf('password') >= 0)}")
					.input-group
						input.form-control(type="password",ng-model="obj.password",placeholder="Password")
						.input-group-btn
							button.btn.btn-default(type="submit")
								span.glyphicon.glyphicon-log-in
div(style="margin-top:53px;")
	.container(ng-if="error.msg")
		.alert.alert-danger(style="margin-top:20px;")
			{{error.msg}}
	div(ui-view="")