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

<div class="admin-title">
  <h2>{{title}}</h2>
  {{#if canCheckEmails}}
      <button {{action "showEmails"}} class="show-emails btn btn-default">{{i18n 'admin.users.show_emails'}}</button>
  {{/if}}
</div>
<div class='username controls'>
  {{text-field value=listFilter placeholder=searchHint}}
  
</div>

{{#conditional-loading-spinner condition=refreshing}}
  {{#if model}}
    <table class='table users-list grid'>
      <thead>
        {{#if showApproval}}
          <th>{{input type="checkbox" checked=selectAll}}</th>
        {{/if}}
        <th>{{i18n 'username'}}</th>
        <th class='email-heading'>{{i18n 'email'}}</th>
        <th>{{i18n 'admin.users.last_emailed'}}</th>
        {{admin-directory-toggle field="seen" i18nKey='last_seen' order=order ascending=ascending}}
        {{admin-directory-toggle field="topics_viewed" i18nKey="admin.user.topics_entered" order=order ascending=ascending}}
        {{admin-directory-toggle field="posts_read" i18nKey="admin.user.posts_read_count" order=order ascending=ascending}}
        {{admin-directory-toggle field="read_time" i18nKey="admin.user.time_read" order=order ascending=ascending}}
        {{admin-directory-toggle field="created" i18nKey="created" order=order ascending=ascending}}
        {{#if showApproval}}
          <th>{{i18n 'admin.users.approved'}}</th>
        {{/if}}
        <th>&nbsp;</th>
      </thead>
      <tbody>
        {{#each model as |user|}}
          <tr class="user {{user.selected}} {{unless user.active 'not-activated'}}">
            {{#if showApproval}}
            <td class="approval">
              {{#if user.can_approve}}
                {{input type="checkbox" checked=user.selected}}
              {{/if}}
            </td>
            {{/if}}
            <td class="username">
              <a href="{{unbound user.path}}" data-user-card="{{unbound user.username}}">
                {{avatar user imageSize="small"}}
              </a>
              {{#link-to 'adminUser' user}}{{unbound user.username}}{{/link-to}}
              {{#if user.staged}}
                {{d-icon "far-envelope" title="user.staged" }}
              {{/if}}
            </td>
            <td class='email'>
              {{~unbound user.email~}}
            </td>
            <td class="last-emailed">
              <div class="label">{{i18n 'admin.users.last_emailed'}}</div>
              <div>{{{format-duration user.last_emailed_age}}}</div>
            </td>
            <td class="last-seen">
              <div class="label">{{i18n 'last_seen'}}</div>
              <div>{{{format-duration user.last_seen_age}}}</div>
            </td>
            <td class="topics-entered">
              <div class="label">{{i18n 'admin.user.topics_entered'}}</div>
              <div>{{number user.topics_entered}}</div>
            </td>
            <td class="posts-read">
              <div class="label">{{i18n 'admin.user.posts_read_count'}}</div>
              <div>{{number user.posts_read_count}}</div>
            </td>
            <td class="time-read">
              <div class="label">{{i18n 'admin.user.time_read'}}</div>
              <div>{{{format-duration user.time_read}}}</div>
            </td>

            <td class="created">
              <div class="label">{{i18n 'created'}}</div>
              <div>{{{format-duration user.created_at_age}}}</div>
            </td>

            {{#if showApproval}}
              <td>
                {{#if user.approved}}
                  {{i18n 'yes_value'}}
                {{else}}
                  {{i18n 'no_value'}}
                {{/if}}
              </td>
            {{/if}}
            <td class="user-status">
              {{#if user.admin}}
                {{d-icon "shield-alt" title="admin.title" }}
              {{/if}}
              {{#if user.moderator}}
                {{d-icon "shield-alt" title="admin.moderator" }}
              {{/if}}
              {{#if user.second_factor_enabled}}
                {{d-icon "lock" title="admin.user.second_factor_enabled" }}
              {{/if}}
            </td>
          </tr>
        {{/each}}
      </tbody>
    </table>

  {{else}}
    <p>{{i18n 'search.no_results'}}</p>
  {{/if}}
{{/conditional-loading-spinner}}