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

  {{#if isCommunityHealthVisible}}
    <div class="community-health section">
      <div class="period-section">
        <div class="section-title">
          <h2>
            <a href={{get-url "/admin/dashboard/reports"}}>
              {{i18n "admin.dashboard.community_health"}}
            </a>
          </h2>
          {{period-chooser
            period=period
            action=(action "changePeriod")
            content=availablePeriods
            fullDay=false}}
        </div>

        <div class="section-body">
          <div class="charts">
            {{admin-report
              dataSourceName="consolidated_page_views"
              forcedModes="stacked-chart"
              filters=filters}}

            {{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>
  {{/if}}

  <div class="section-columns">
    <div class="section-column">
      {{#if isActivityMetricsVisible}}
        {{#if activityMetrics.length}}
          <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>
          </div>
        {{/if}}
      {{/if}}

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

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

      <div class="misc">
        {{admin-report
          forcedModes="storage-stats"
          dataSourceName="storage_stats"
          showHeader=false}}

        <div class="last-dashboard-update">
          <div>
            <h4>{{i18n "admin.dashboard.last_updated"}} </h4>
            <p>{{format-date model.attributes.updated_at leaveAgo="true"}}</p>
          </div>
          {{#if model.attributes.discourse_updated_at}}
            <div>
              <h4>{{i18n "admin.dashboard.discourse_last_updated"}} </h4>
              <p>{{format-date model.attributes.discourse_updated_at leaveAgo="true"}}</p>
              <a rel="noopener noreferrer" target="_blank" href={{model.attributes.release_notes_link}} class="btn btn-default">
                {{i18n "admin.dashboard.whats_new_in_discourse"}}
              </a>
            </div>
          {{/if}}
        </div>
      </div>
    </div>

    {{#if isSearchReportsVisible}}
      <div class="section-column">
        {{admin-report
          filters=topReferredTopicsFilters
          dataSourceName="top_referred_topics"
          reportOptions=topReferredTopicsOptions}}

        {{admin-report
          dataSourceName="trending_search"
          reportOptions=trendingSearchOptions
          filters=trendingSearchFilters
          isEnabled=logSearchQueriesEnabled
          disabledLabel=trendingSearchDisabledLabel}}
        {{html-safe (i18n "admin.dashboard.reports.trending_search.more" basePath=(base-path))}}
      </div>
    {{/if}}
  </div>

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