<span>
  <PluginOutlet @name="admin-dashboard-top" @connectorTagName="div" />
</span>

{{#if this.showVersionChecks}}
  <div class="section-top">
    <div class="version-checks">
      <VersionChecks @versionCheck={{this.versionCheck}} @tagName="" />
    </div>
  </div>
{{/if}}

<DashboardProblems
  @loadingProblems={{this.loadingProblems}}
  @foundProblems={{this.foundProblems}}
  @lowPriorityProblems={{this.lowPriorityProblems}}
  @highPriorityProblems={{this.highPriorityProblems}}
  @problemsTimestamp={{this.problemsTimestamp}}
  @refreshProblems={{action "refreshProblems"}}
/>

<ul class="navigation">
  <li class="navigation-item general">
    <LinkTo @route="admin.dashboard.general" class="navigation-link">
      {{i18n "admin.dashboard.general_tab"}}
    </LinkTo>
  </li>

  {{#if this.isModerationTabVisible}}
    <li class="navigation-item moderation">
      <LinkTo @route="admin.dashboardModeration" class="navigation-link">
        {{i18n "admin.dashboard.moderation_tab"}}
      </LinkTo>
    </li>
  {{/if}}

  {{#if this.isSecurityTabVisible}}
    <li class="navigation-item security">
      <LinkTo @route="admin.dashboardSecurity" class="navigation-link">
        {{i18n "admin.dashboard.security_tab"}}
      </LinkTo>
    </li>
  {{/if}}

  {{#if this.isReportsTabVisible}}
    <li class="navigation-item reports">
      <LinkTo @route="admin.dashboardReports" class="navigation-link">
        {{i18n "admin.dashboard.reports_tab"}}
      </LinkTo>
    </li>
  {{/if}}

  <PluginOutlet @name="admin-dashboard-tabs-after" />
</ul>

{{outlet}}

<DashboardNewFeatures @tagName="div" />

<span>
  <PluginOutlet @name="admin-dashboard-bottom" @connectorTagName="div" />
</span>