{{#conditional-loading-spinner condition=loading}}
  <div class="alert alert-info">
    The old dashboard is going to be removed in Discourse 2.2
  </div>
  <div class="dashboard-left">
    <div class="dashboard-stats trust-levels">
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th>&nbsp;</th>
            <th>0</th>
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
          </tr>
        </thead>
        <tbody>
          {{#each user_reports as |r|}}
            {{admin-report-trust-level-counts report=r}}
          {{/each}}
        </tbody>
      </table>
    </div>

    <div class="dashboard-stats totals">
      <table>
        <tr>
          <td class="title">{{d-icon "shield"}} {{i18n 'admin.dashboard.admins'}}</td>
          <td class="value">{{#link-to 'adminUsersList.show' 'admins'}}{{admins}}{{/link-to}}</td>
          <td class="title">{{d-icon "ban"}} {{i18n 'admin.dashboard.suspended'}}</td>
          <td class="value">{{#link-to 'adminUsersList.show' 'suspended'}}{{suspended}}{{/link-to}}</td>
        </tr>
        <tr>
          <td class="title">{{d-icon "shield"}} {{i18n 'admin.dashboard.moderators'}}</td>
          <td class="value">{{#link-to 'adminUsersList.show' 'moderators'}}{{moderators}}{{/link-to}}</td>
          <td class="title">{{d-icon "ban"}} {{i18n 'admin.dashboard.silenced'}}</td>
          <td class="value">{{#link-to 'adminUsersList.show' 'silenced'}}{{silenced}}{{/link-to}}</td>
        </tr>
      </table>
    </div>

    <div class="dashboard-stats">
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th>&nbsp;</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>
            <th>{{i18n 'admin.dashboard.reports.all'}}</th>
          </tr>
        </thead>
        <tbody>
          {{#each global_reports as |r|}}
            {{admin-report-counts report=r}}
          {{/each}}
        </tbody>
      </table>
    </div>

    <div class="dashboard-stats">
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th class="title" title="{{i18n 'admin.dashboard.page_views'}}">{{i18n 'admin.dashboard.page_views_short'}}</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>
            <th>{{i18n 'admin.dashboard.reports.all'}}</th>
          </tr>
        </thead>
        <tbody>
          {{#each page_view_reports as |r|}}
            {{admin-report-counts report=r}}
          {{/each}}
        </tbody>
      </table>
    </div>

    <div class="dashboard-stats">
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th class="title" title="{{i18n 'admin.dashboard.private_messages_title'}}">{{d-icon "envelope"}} {{i18n 'admin.dashboard.private_messages_short'}}</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>
            <th>{{i18n 'admin.dashboard.reports.all'}}</th>
          </tr>
        </thead>
        <tbody>
          {{#each private_message_reports as |r|}}
            {{admin-report-counts report=r}}
          {{/each}}
        </tbody>
      </table>
    </div>

    <div class="dashboard-stats">
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th class="title" title="{{i18n 'admin.dashboard.mobile_title'}}">{{i18n 'admin.dashboard.mobile_title'}}</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>
            <th>{{i18n 'admin.dashboard.reports.all'}}</th>
          </tr>
        </thead>
        <tbody>
          {{#each mobile_reports as |r|}}
            {{admin-report-counts report=r}}
          {{/each}}
        </tbody>
      </table>
    </div>

    {{#if showTrafficReport}}
    <div class="dashboard-stats">
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th class="title" title="{{i18n 'admin.dashboard.traffic'}}">{{i18n 'admin.dashboard.traffic_short'}}</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>
            <th>{{i18n 'admin.dashboard.reports.all'}}</th>
          </tr>
        </thead>
        <tbody>
          {{#unless loading}}
            {{#each http_reports as |r|}}
              {{admin-report-counts report=r}}
            {{/each}}
          {{/unless}}
        </tbody>
      </table>
    </div>
    {{else}}
      <div class="dashboard-stats">
        <a href {{action 'showTrafficReport'}}>{{i18n 'admin.dashboard.show_traffic_report'}}</a>
      </div>
    {{/if}}
  </div>

  <div class="dashboard-right">
    <div class="dashboard-stats">
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th class="title">{{top_referred_topics.title}} ({{i18n 'admin.dashboard.reports.last_30_days'}})</th>
            <th>{{top_referred_topics.ytitles.num_clicks}}</th>
          </tr>
        </thead>
        {{#each top_referred_topics.data as |data|}}
          <tbody>
            <tr>
              <td class="title">
                <div class="referred-topic-title">
                  <div class="overflow-ellipsis">
                    <a href="{{unbound data.topic_url}}">{{data.topic_title}}</a>
                  </div>
                </div>
              </td>
              <td class="value">{{number data.num_clicks}}</td>
            </tr>
          </tbody>
        {{/each}}
      </table>
    </div>

    <div class="dashboard-stats">
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th class="title">{{top_traffic_sources.title}} ({{i18n 'admin.dashboard.reports.last_30_days'}})</th>
            <th>{{top_traffic_sources.ytitles.num_clicks}}</th>
            <th>{{top_traffic_sources.ytitles.num_topics}}</th>
          </tr>
        </thead>
        {{#each top_traffic_sources.data as |s|}}
          <tbody>
            <tr>
              <td class="title">{{s.domain}}</td>
              <td class="value">{{number s.num_clicks}}</td>
              <td class="value">{{number s.num_topics}}</td>
            </tr>
          </tbody>
        {{/each}}
      </table>
    </div>

    <div class="dashboard-stats">
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th class="title">{{top_referrers.title}} ({{i18n 'admin.dashboard.reports.last_30_days'}})</th>
            <th>{{top_referrers.ytitles.num_clicks}}</th>
            <th>{{top_referrers.ytitles.num_topics}}</th>
          </tr>
        </thead>
        {{#each top_referrers.data as |r|}}
          <tbody>
            <tr>
              <td class="title">{{#link-to 'adminUser' r.user_id r.username}}{{unbound r.username}}{{/link-to}}</td>
              <td class="value">{{number r.num_clicks}}</td>
              <td class="value">{{number r.num_topics}}</td>
            </tr>
          </tbody>
        {{/each}}
      </table>
    </div>
  </div>
  <div class='clearfix'></div>

  <div class="dashboard-stats pull-right">
    <div class="pull-right">{{i18n 'admin.dashboard.last_updated'}} {{updatedTimestamp}}</div>
    <div class='clearfix'></div>
  </div>
  <div class='clearfix'></div>
{{/conditional-loading-spinner}}