b-navbar(type="dark" variant="dark" toggleable='md')
b-navbar-toggle(target='nav_collapse')
b-navbar-brand(to='/') 
b-collapse#nav_collapse(is-nav)
b-navbar-nav
b-nav-item(v-if='!$auth.loggedIn' to='/login' v-b-tooltip :title='$t("common.login")')
span.d-md-none {{$t('common.login')}}
b-nav-item(to='/add' v-b-tooltip :title='$t("common.add_event")' )
span.d-md-none {{$t('common.add_event')}}
b-nav-item(v-if='$auth.loggedIn' to='/settings' v-b-tooltip :title='$t("common.settings")')
span.d-md-none {{$t('common.settings')}}
b-nav-item(v-if='$auth.hasScope(`admin`)' to='/admin' v-b-tooltip :title='$t("common.admin")')
span.d-md-none {{$t('common.admin')}}
b-nav-item(to='/export' v-b-tooltip :title='$t("common.export")')
span.d-md-none {{$t('common.export')}}
b-nav-item(v-if='auth.loggedIn' @click='logout' v-b-tooltip :title='$t("common.logout")')
span.d-md-none {{$t('common.logout')}}
b-navbar-nav.ml-auto
b-nav-item(to='/about')
span {{$t('common.info')}}