{{#conditional-loading-spinner condition=isLoading}}
  {{plugin-outlet name="admin-dashboard-general-top"}}

  <div class="community-health section">
    <div class="period-section">
      <div class="section-title">
        <h2>
          <a href="/admin/reports">
            {{i18n "admin.dashboard.community_health"}}
          </a>
        </h2>
        {{period-chooser period=period action="changePeriod" content=availablePeriods fullDay=true}}
      </div>

      <div class="section-body">
        <div class="charts">
          {{admin-report
            dataSourceName="signups"
            showTrend=true
            forcedModes="chart"
            filters=filters}}

          {{admin-report
            dataSourceName="topics"
            showTrend=true
            forcedModes="chart"
            filters=filters}}

          {{admin-report
            dataSourceName="posts"
            showTrend=true
            forcedModes="chart"
            filters=filters}}

          {{admin-report
            dataSourceName="dau_by_mau"
            showTrend=true
            forcedModes="chart"
            filters=filters}}

          {{admin-report
            dataSourceName="daily_engaged_users"
            showTrend=true
            forcedModes="chart"
            filters=filters}}

          {{admin-report
            dataSourceName="new_contributors"
            showTrend=true
            forcedModes="chart"
            filters=filters}}
        </div>
      </div>
    </div>
  </div>

  <div class="section-columns">
    <div class="section-column">
      <div class="admin-report activity-metrics">
        <div class="header">
          <ul class="breadcrumb">
            <li class="item report">
              {{#link-to "adminReports" class="report-url"}}
                {{i18n "admin.dashboard.activity_metrics"}}
              {{/link-to}}
            </li>
          </ul>
        </div>
        <div class="report-body">
          <div class="counters-list">
            <div class="counters-header">
              <div class="counters-cell"></div>
              <div class="counters-cell">{{i18n 'admin.dashboard.reports.today'}}</div>
              <div class="counters-cell">{{i18n 'admin.dashboard.reports.yesterday'}}</div>
              <div class="counters-cell">{{i18n 'admin.dashboard.reports.last_7_days'}}</div>
              <div class="counters-cell">{{i18n 'admin.dashboard.reports.last_30_days'}}</div>
            </div>

            {{#each activityMetrics as |metric|}}
              {{admin-report
                showHeader=false
                filters=activityMetricsFilters
                forcedModes="counters"
                dataSourceName=metric}}
            {{/each}}
          </div>
        </div>

        {{#link-to "adminReports"}}
          {{i18n "admin.dashboard.all_reports"}}
        {{/link-to}}
      </div>

      <div class="user-metrics">
        {{#conditional-loading-section isLoading=isLoading}}
          {{admin-report
            forcedModes="inline-table"
            report=usersByTypeReport
            lastRefreshedAt=lastRefreshedAt}}

          {{admin-report
            forcedModes="inline-table"
            report=usersByTrustLevelReport
            lastRefreshedAt=lastRefreshedAt}}
        {{/conditional-loading-section}}
      </div>

      {{#conditional-loading-section isLoading=isLoading title=(i18n "admin.dashboard.backups")}}
        <div class="misc">

          {{#if shouldDisplayDurability}}
            <div class="durability">
              {{#if currentUser.admin}}
                <div class="backups">
                  <h3 class="durability-title">
                    <a href="/admin/backups">{{d-icon "archive"}} {{i18n "admin.dashboard.backups"}}</a>
                  </h3>
                  <p>
                    {{diskSpace.backups_used}} ({{i18n "admin.dashboard.space_free" size=diskSpace.backups_free}})

                    {{#if lastBackupTakenAt}}
                      <br />
                      {{{i18n "admin.dashboard.lastest_backup" date=backupTimestamp}}}
                    {{/if}}
                  </p>
                </div>
              {{/if}}

              <div class="uploads">
                <h3 class="durability-title">{{d-icon "upload"}} {{i18n "admin.dashboard.uploads"}}</h3>
                <p>
                  {{diskSpace.uploads_used}} ({{i18n "admin.dashboard.space_free" size=diskSpace.uploads_free}})
                </p>
              </div>
            </div>
          {{/if}}

          <div class="last-dashboard-update">
            <div>
            <h4>{{i18n "admin.dashboard.last_updated"}} </h4>
            <p>{{updatedTimestamp}}</p>
               <a rel="noopener" target="_blank" href="https://meta.discourse.org/tags/release-notes" class="btn">
                 {{i18n "admin.dashboard.whats_new_in_discourse"}}
                </a>
            </div>
          </div>
        </div>

        <p>
          {{i18n 'admin.dashboard.find_old'}} {{#link-to 'admin.dashboard'}}{{i18n "admin.dashboard.old_link"}}{{/link-to}}
        </p>
      {{/conditional-loading-section}}
    </div>

    <div class="section-column">
      {{admin-report
        dataSourceName="top_referred_topics"
        reportOptions=topReferredTopicsTopions}}

      {{admin-report
        dataSourceName="trending_search"
        reportOptions=trendingSearchOptions
        isEnabled=logSearchQueriesEnabled
        disabledLabel="admin.dashboard.reports.trending_search.disabled"}}
      {{{i18n "admin.dashboard.reports.trending_search.more"}}}
    </div>
  </div>

  {{plugin-outlet name="admin-dashboard-general-bottom"}}
{{/conditional-loading-spinner}}