{{hide-application-footer}}
{{html-class "admin-area"}}
{{body-class "admin-interface"}}

<div class="row">
  <div class="full-width">
    {{#unless this.showAdminSidebar}}
      <div class="admin-main-nav">
        <ul class="nav nav-pills">
          <NavItem @route="admin.dashboard" @label="admin.dashboard.title" />
          {{#if this.currentUser.admin}}
            <NavItem
              @route="adminSiteSettings"
              @label="admin.site_settings.title"
            />
          {{/if}}
          <NavItem @route="adminUsers" @label="admin.users.title" />
          {{#if this.showGroups}}
            <NavItem @route="groups" @label="admin.groups.title" />
          {{/if}}
          {{#if this.showBadges}}
            <NavItem @route="adminBadges" @label="admin.badges.title" />
          {{/if}}
          {{#if this.currentUser.admin}}
            <NavItem @route="adminEmail" @label="admin.email.title" />
          {{/if}}
          <NavItem @route="adminLogs" @label="admin.logs.title" />
          <NavItem @route="adminCustomize" @label="admin.customize.title" />
          {{#if this.currentUser.admin}}
            <NavItem @route="adminApi" @label="admin.api.title" />
            {{#if this.siteSettings.enable_backups}}
              <NavItem @route="admin.backups" @label="admin.backups.title" />
            {{/if}}
            <NavItem @route="adminPlugins" @label="admin.plugins.title" />
          {{/if}}
          {{! TODO: What do we do with this?? How many plugins are using? }}
          <PluginOutlet @name="admin-menu" />
        </ul>
      </div>
    {{/unless}}

    <div class="boxed white admin-content">
      <div class="admin-contents {{this.adminContentsClassName}}">
        {{outlet}}
      </div>
    </div>
  </div>
</div>