<div id='invited-users'>
  {{#if content.empty}}
    <div id='no-invites' class='boxed white'>
      {{i18n user.invited.none username="content.user.username"}}
    </div>
  {{else}}
    {{#if content.redeemed}}
      <div class='invites'>
        <h2>{{i18n user.invited.redeemed}}</h2>
        <div class='boxed white'>
          <table class='table'>
            <tr>
              <th>{{i18n user.invited.user}}</th>
              <th>{{i18n user.invited.redeemed_at}}</th>
              <th>{{i18n user.last_seen}}</th>
              <th>{{i18n user.invited.topics_entered}}</th>
              <th>{{i18n user.invited.posts_read_count}}</th>
              <th>{{i18n user.invited.time_read}}</th>
              <th>{{i18n user.invited.days_visited}}</th>
            </tr>
            {{#each content.redeemed}}
              <tr>
                <td>
                  <a href="{{unbound user.path}}">{{avatar user imageSize="tiny"}}</a>
                  <a href="{{unbound user.path}}">{{user.username}}</a>
                </td>
                <td>{{date redeemed_at}}</td>
                <td>{{date user.last_seen_at}}</td>
                <td>{{number user.topics_entered}}</td>
                <td>{{number user.posts_read_count}}</td>
                <td>{{{unbound user.time_read}}}</td>
                <td><span title="{{i18n user.invited.days_visited}}">{{{unbound user.days_visited}}}</span>
                    / 
                    <span title="{{i18n user.invited.account_age_days}}">{{{unbound user.days_since_created}}}</span></td>
              </tr>
            {{/each}}
          </table>
        </div>
      </div>
    {{/if}}

    {{#if content.pending}}
      <div class='invites'>
        <h2>{{i18n user.invited.pending}}</h2>
        <div class='boxed white'>
          <table class='table'>
            <tr>
              <th style='width: 60%'>{{i18n user.email.title}}</th>
              <th style='width: 20%'>{{i18n created}}</th>
              <th>&nbsp;</th>              
            </tr>
            {{#each content.pending}}
              <tr>
                <td>{{email}}</td>
                <td>{{date created_at}}</td>
                <td>
                  {{#if rescinded}}
                    {{i18n user.invited.rescinded}}
                  {{else}}
                    <button class='btn' {{action rescind this}}>{{i18n user.invited.rescind}}</button>
                  {{/if}}
                </td>
              </tr>
            {{/each}}
          </table>
        </div>
      </div>
    {{/if}}
  {{/if}}
</div>
