v-app(:dark='darkMode').admin
    nav-header(hide-search)
      template(slot='mid')
        v-spacer
        .subheading.grey--text {{$t('admin:adminArea')}}
        v-spacer
    v-navigation-drawer.pb-0.admin-sidebar(v-model='adminDrawerShown', app, fixed, clipped, :right='$vuetify.rtl', permanent)
      vue-scroll(:ops='scrollStyle')
        v-list(dense)
          v-list-tile.pt-2(to='/dashboard')
            v-list-tile-avatar: v-icon dashboard
            v-list-tile-title {{ $t('admin:dashboard.title') }}
          template(v-if='hasPermission([`manage:system`, `manage:navigation`, `write:pages`, `manage:pages`, `delete:pages`])')
            v-divider.my-2
            v-subheader.pl-4 {{ $t('admin:nav.site') }}
            v-list-tile(to='/general', v-if='hasPermission(`manage:system`)')
              v-list-tile-avatar: v-icon widgets
              v-list-tile-title {{ $t('admin:general.title') }}
            v-list-tile(to='/locale', v-if='hasPermission(`manage:system`)')
              v-list-tile-avatar: v-icon language
              v-list-tile-title {{ $t('admin:locale.title') }}
            v-list-tile(to='/navigation', v-if='hasPermission([`manage:system`, `manage:navigation`])')
              v-list-tile-avatar: v-icon near_me
              v-list-tile-title {{ $t('admin:navigation.title') }}
            v-list-tile(to='/pages', v-if='hasPermission([`manage:system`, `write:pages`, `manage:pages`, `delete:pages`])')
              v-list-tile-avatar: v-icon insert_drive_file
              v-list-tile-title {{ $t('admin:pages.title') }}
              v-list-tile-action
                v-chip(small, disabled, :color='darkMode ? `grey darken-3-d4` : `grey lighten-4`')
                  .caption.grey--text {{ info.pagesTotal }}
            v-list-tile(to='/theme', v-if='hasPermission([`manage:system`, `manage:theme`])')
              v-list-tile-avatar: v-icon palette
              v-list-tile-title {{ $t('admin:theme.title') }}
          template(v-if='hasPermission([`manage:system`, `manage:groups`, `write:groups`, `manage:users`, `write:users`])')
            v-divider.my-2
            v-subheader.pl-4 {{ $t('admin:nav.users') }}
            v-list-tile(to='/groups', v-if='hasPermission([`manage:system`, `manage:groups`, `write:groups`])')
              v-list-tile-avatar: v-icon people
              v-list-tile-title {{ $t('admin:groups.title') }}
              v-list-tile-action
                v-chip(small, disabled, :color='darkMode ? `grey darken-3-d4` : `grey lighten-4`')
                  .caption.grey--text {{ info.groupsTotal }}
            v-list-tile(to='/users', v-if='hasPermission([`manage:system`, `manage:groups`, `write:groups`, `manage:users`, `write:users`])')
              v-list-tile-avatar: v-icon perm_identity
              v-list-tile-title {{ $t('admin:users.title') }}
              v-list-tile-action
                v-chip(small, disabled, :color='darkMode ? `grey darken-3-d4` : `grey lighten-4`')
                  .caption.grey--text {{ info.usersTotal }}
          template(v-if='hasPermission(`manage:system`)')
            v-divider.my-2
            v-subheader.pl-4 {{ $t('admin:nav.modules') }}
            v-list-tile(to='/analytics')
              v-list-tile-avatar: v-icon timeline
              v-list-tile-title {{ $t('admin:analytics.title') }}
            v-list-tile(to='/auth')
              v-list-tile-avatar: v-icon lock_outline
              v-list-tile-title {{ $t('admin:auth.title') }}
            v-list-tile(to='/comments', disabled)
              v-list-tile-avatar: v-icon(color='grey lighten-2') comment
              v-list-tile-title {{ $t('admin:comments.title') }}
            v-list-tile(to='/editor', disabled)
              v-list-tile-avatar: v-icon(color='grey lighten-2') transform
              v-list-tile-title {{ $t('admin:editor.title') }}
            v-list-tile(to='/logging', disabled)
              v-list-tile-avatar: v-icon(color='grey lighten-2') graphic_eq
              v-list-tile-title {{ $t('admin:logging.title') }}
            v-list-tile(to='/rendering')
              v-list-tile-avatar: v-icon system_update_alt
              v-list-tile-title {{ $t('admin:rendering.title') }}
            v-list-tile(to='/search')
              v-list-tile-avatar: v-icon search
              v-list-tile-title {{ $t('admin:search.title') }}
            v-list-tile(to='/storage')
              v-list-tile-avatar: v-icon storage
              v-list-tile-title {{ $t('admin:storage.title') }}
          template(v-if='hasPermission([`manage:system`, `manage:api`])')
            v-divider.my-2
            v-subheader.pl-4 {{ $t('admin:nav.system') }}
            v-list-tile(to='/api', v-if='hasPermission([`manage:system`, `manage:api`])', disabled)
              v-list-tile-avatar: v-icon(color='grey lighten-2') call_split
              v-list-tile-title {{ $t('admin:api.title') }}
            v-list-tile(to='/mail', v-if='hasPermission(`manage:system`)')
              v-list-tile-avatar: v-icon email
              v-list-tile-title {{ $t('admin:mail.title') }}
            v-list-tile(to='/system', v-if='hasPermission(`manage:system`)')
              v-list-tile-avatar: v-icon tune
              v-list-tile-title {{ $t('admin:system.title') }}
            v-list-tile(to='/utilities', v-if='hasPermission(`manage:system`)')
              v-list-tile-avatar: v-icon build
              v-list-tile-title {{ $t('admin:utilities.title') }}
            v-list-tile(to='/webhooks', v-if='hasPermission(`manage:system`)', disabled)
              v-list-tile-avatar: v-icon(color='grey lighten-2') ac_unit
              v-list-tile-title {{ $t('admin:webhooks.title') }}
            v-list-group(
              to='/dev'
              no-action
              v-if='hasPermission([`manage:system`, `manage:api`])'
              )
              v-list-tile(slot='activator')
                v-list-tile-avatar: v-icon weekend
                v-list-tile-title {{ $t('admin:dev.title') }}
              v-list-tile(to='/dev-flags')
                v-list-tile-title {{ $t('admin:dev.flags.title') }}
              v-list-tile(to='/dev-graphiql')
                v-list-tile-title {{ $t('admin:dev.graphiql.title') }}
              v-list-tile(to='/dev-voyager')
                v-list-tile-title {{ $t('admin:dev.voyager.title') }}
            v-divider.my-2
          v-list-tile(to='/contribute')
            v-list-tile-avatar: v-icon favorite
            v-list-tile-title {{ $t('admin:contribute.title') }}
    v-content(:class='darkMode ? "grey darken-4" : ""')
      transition(name='admin-router')
        router-view
    nav-footer
    notify
    search-results