<div class='admin-controls'>
  <div class='span15'>
    <ul class="nav nav-pills">
      <li>{{#link-to 'adminUsersList.active'}}{{i18n admin.users.nav.active}}{{/link-to}}</li>
      <li>{{#link-to 'adminUsersList.new'}}{{i18n admin.users.nav.new}}{{/link-to}}</li>
      {{#if Discourse.SiteSettings.must_approve_users}}
        <li>{{#link-to 'adminUsersList.pending'}}{{i18n admin.users.nav.pending}}{{/link-to}}</li>
      {{/if}}
      <li>{{#link-to 'adminUsersList.admins'}}{{i18n admin.users.nav.admins}}{{/link-to}}</li>
      <li>{{#link-to 'adminUsersList.moderators'}}{{i18n admin.users.nav.moderators}}{{/link-to}}</li>
      <li>{{#link-to 'adminUsersList.suspended'}}{{i18n admin.users.nav.suspended}}{{/link-to}}</li>
      <li>{{#link-to 'adminUsersList.blocked'}}{{i18n admin.users.nav.blocked}}{{/link-to}}</li>
    </ul>
  </div>
  <div class='span5 username controls'>
    {{textField value=username placeholderKey="username"}}
  </div>
</div>

<div class="admin-container">
  {{#if hasSelection}}
    <div id='selected-controls'>
      <button {{action approveUsers}} class='btn'>{{countI18n admin.users.approved_selected countBinding="selectedCount"}}</button>
      <button {{action rejectUsers}}  class='btn btn-danger'>{{countI18n admin.users.reject_selected countBinding="selectedCount"}}</button>
    </div>
  {{/if}}

  <h2>{{title}}</h2>
  <br/>

  {{#if loading}}
    <div class='admin-loading'>{{i18n loading}}</div>
  {{else}}
    {{#if model.length}}
      <table class='table'>
        <tr>
          {{#if showApproval}}
            <th>{{view Ember.Checkbox checkedBinding="selectAll"}}</th>
          {{/if}}
          <th>&nbsp;</th>
          <th>{{i18n username}}</th>
          <th>{{i18n email}}</th>
          <th>{{i18n admin.users.last_emailed}}</th>
          <th>{{i18n last_seen}}</th>
          <th>{{i18n admin.user.topics_entered}}</th>
          <th>{{i18n admin.user.posts_read_count}}</th>
          <th>{{i18n admin.user.time_read}}</th>
          <th>{{i18n created}}</th>
          {{#if showApproval}}
            <th>{{i18n admin.users.approved}}</th>
          {{/if}}
          <th>&nbsp;</th>

        </tr>

        {{#each model}}
          <tr {{bindAttr class="selected"}}>
            {{#if controller.showApproval}}
              <td>
                {{#if can_approve}}
                  {{view Ember.Checkbox checkedBinding="selected"}}
                {{/if}}
              </td>
            {{/if}}
            <td>{{#link-to 'adminUser' this}}{{avatar this imageSize="small"}}{{/link-to}}</td>
            <td>{{#link-to 'adminUser' this}}{{unbound username}}{{/link-to}}</td>
            <td>{{shorten email}}</td>
            <td>{{{unbound last_emailed_age}}}</td>
            <td>{{{unbound last_seen_age}}}</td>
            <td>{{{unbound topics_entered}}}</td>
            <td>{{{unbound posts_read_count}}}</td>
            <td>{{{unbound time_read}}}</td>

            <td>{{{unbound created_at_age}}}</td>

            {{#if showApproval}}
            <td>
              {{#if approved}}
                {{i18n yes_value}}
              {{else}}
                {{i18n no_value}}
              {{/if}}
            </td>
            {{/if}}
            <td>
              {{#if admin}}<i class="fa fa-trophy" title="{{i18n admin.title}}"></i>{{/if}}
              {{#if moderator}}<i class="fa fa-magic" title="{{i18n admin.moderator}}"></i>{{/if}}
            <td>
          </tr>
        {{/each}}

      </table>
    {{else}}
      <p>{{i18n search.no_results}}</p>
    {{/if}}
  {{/if}}
</div>