{{plugin-outlet name="admin-dashboard-top"}}

<div class="section-top">
  {{#if showVersionChecks}}
    <div class="dashboard-left">
      {{partial 'admin/templates/version-checks'}}
    </div>
    <div class="dashboard-right">
      {{partial 'admin/templates/dashboard-problems'}}
    </div>
  {{/if}}
  <div class='clearfix'></div>
</div>

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

  <div class="section-body">
    <div class="charts">
      {{dashboard-mini-chart
        dataSourceName="signups"
        startDate=startDate
        endDate=endDate}}

      {{dashboard-mini-chart
        dataSourceName="topics"
        startDate=startDate
        endDate=endDate}}

      {{dashboard-mini-chart
        dataSourceName="posts"
        startDate=startDate
        endDate=endDate}}

      {{dashboard-mini-chart
        dataSourceName="dau_by_mau"
        average=true
        percent=true
        startDate=startDate
        endDate=endDate}}

      {{dashboard-mini-chart
        dataSourceName="daily_engaged_users"
        average=true
        startDate=startDate
        endDate=endDate}}

      {{dashboard-mini-chart
        dataSourceName="new_contributors"
        startDate=startDate
        endDate=endDate}}

    </div>
  </div>
</div>

<div class="section-columns">
  <div class="section-column">
    <div class="dashboard-table">
      {{#conditional-loading-section isLoading=isLoading title=(i18n "admin.dashboard.activity_metrics")}}
        <div class="table-title">
          <h3>{{i18n "admin.dashboard.activity_metrics"}}</h3>
        </div>

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

    {{#dashboard-inline-table dataSourceName="users_by_type" lastRefreshedAt=lastRefreshedAt as |context|}}
      <tr>
      {{#each context.report.data as |data|}}
        <td>
          <a href="/admin/users/list/{{data.key}}">
            {{number data.y}}
          </a>
        </td>
      {{/each}}
      </tr>
    {{/dashboard-inline-table}}

    {{#dashboard-inline-table dataSourceName="users_by_trust_level" lastRefreshedAt=lastRefreshedAt as |context|}}
      <tr>
      {{#each context.report.data as |data|}}
        <td>
          <a href="/admin/users/list/{{data.key}}">
            {{number data.y}}
          </a>
        </td>
      {{/each}}
      </tr>
    {{/dashboard-inline-table}}

    {{#conditional-loading-section isLoading=isLoading title=(i18n "admin.dashboard.backups")}}
      <div class="misc">
        <div class="durability">
          {{#if currentUser.admin}}
            <div class="backups">
              <h3 class="durability-title"><a href="/admin/backups">{{i18n "admin.dashboard.backups"}}</a></h3>
              <p>
                {{diskSpace.backups_used}} ({{i18n "admin.dashboard.space_free" size=diskSpace.backups_free}})
                <br />
                {{{i18n "admin.dashboard.lastest_backup" date=backupTimestamp}}}
              </p>
            </div>
          {{/if}}

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

        <hr />

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

        <hr />

        <p class="last-dashboard-update">
          {{i18n "admin.dashboard.last_updated"}} {{updatedTimestamp}}
        </p>

        <a rel="noopener" target="_blank" href="https://meta.discourse.org/t/discourse-2-0-0-beta6-release-notes/85241" class="btn">
          {{i18n "admin.dashboard.whats_new_in_discourse"}}
        </a>
      </div>
    {{/conditional-loading-section}}
  </div>

  <div class="section-column">
    {{#dashboard-inline-table
        dataSourceName="top_referred_topics"
        lastRefreshedAt=lastRefreshedAt
        limit=8
        as |context|}}
      {{#each context.report.data as |data|}}
        <tr>
        <td class='left'>
          <a href="{{data.topic_url}}">
            {{data.topic_title}}
          </a>
        </td>
        <td>
          {{data.num_clicks}}
        </td>
        </tr>
      {{/each}}
    {{/dashboard-inline-table}}

    {{#dashboard-inline-table
      limit=8
      dataSourceName="trending_search"
      isEnabled=logSearchQueriesEnabled
      disabledLabel="admin.dashboard.reports.trending_search.disabled"
      startDate=lastWeek
      endDate=endDate as |context|}}
      {{#each context.report.data as |data|}}
        <tr>
        <td class='left'>
          {{data.term}}
        </td>
        <td>
          {{number data.unique_searches}}
        </td>
        <td>
          {{data.ctr}}
        </td>
        </tr>
      {{/each}}
      {{{i18n "admin.dashboard.reports.trending_search.more"}}}
    {{/dashboard-inline-table}}

    </div>
</div>