{{#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"
            startDate=startDate
            endDate=endDate}}

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

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

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

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

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

  <div class="section-columns">
    <div class="section-column">
      <div class="admin-report activity-metrics">
        {{#conditional-loading-section isLoading=isLoading title=(i18n "admin.dashboard.activity_metrics")}}
          <div class="report-header">
            <div class="report-title">
              <h3 class="title">
                {{#link-to "adminReports" class="report-link"}}
                  {{i18n "admin.dashboard.activity_metrics"}}
                {{/link-to}}
              </h3>
            </div>
          </div>

          <div class="report-body">
            <div class="admin-report-table">
              <table class="report-table">
                <thead>
                  <tr>
                    <th class="admin-report-table-header"></th>
                    <th class="admin-report-table-header">
                      {{i18n 'admin.dashboard.reports.today'}}
                    </th>
                    <th class="admin-report-table-header">
                      {{i18n 'admin.dashboard.reports.yesterday'}}
                    </th>
                    <th class="admin-report-table-header">
                      {{i18n 'admin.dashboard.reports.last_7_days'}}
                    </th>
                    <th class="admin-report-table-header">
                      {{i18n 'admin.dashboard.reports.last_30_days'}}
                    </th>
                  </tr>
                </thead>
                <tbody>
                  {{#each activityMetricsReports as |report|}}
                    {{admin-report-counts report=report allTime=false class="admin-report-table-row"}}
                  {{/each}}
                </tbody>
              </table>
            </div>
          </div>
        {{/conditional-loading-section}}
      </div>
      {{#link-to "adminReports"}}
        {{i18n "admin.dashboard.all_reports"}}
      {{/link-to}}

      <div class="user-metrics">
        {{admin-report
          forcedModes="inline-table"
          report=usersByTypeReport
          lastRefreshedAt=lastRefreshedAt}}

        {{admin-report
          forcedModes="inline-table"
          report=usersByTrustLevelReport
          lastRefreshedAt=lastRefreshedAt}}
      </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
        startDate=startDate
        endDate=endDate}}

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

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