{{#load-more selector=".email-list tr" action=(action "loadMore")}}
  <table class="table email-list">
    <thead>
      <tr>
        <th>{{i18n "admin.email.time"}}</th>
        <th>{{i18n "admin.email.user"}}</th>
        <th>{{i18n "admin.email.to_address"}}</th>
        <th>{{i18n "admin.email.email_type"}}</th>
      </tr>
    </thead>
    <tbody>
      <tr class="filters">
        <td>{{i18n "admin.email.logs.filters.title"}}</td>
        <td>{{text-field value=filter.user placeholderKey="admin.email.logs.filters.user_placeholder"}}</td>
        <td>{{text-field value=filter.address placeholderKey="admin.email.logs.filters.address_placeholder"}}</td>
        <td>{{text-field value=filter.type placeholderKey="admin.email.logs.filters.type_placeholder"}}</td>
      </tr>

      {{#each model as |l|}}
        <tr>
          <td>{{format-date l.created_at}}</td>
          <td>
            {{#if l.user}}
              {{#link-to "adminUser" l.user}}{{avatar l.user imageSize="tiny"}}{{/link-to}}
              {{#link-to "adminUser" l.user}}{{l.user.username}}{{/link-to}}
            {{else}}
              &mdash;
            {{/if}}
          </td>
          <td><a href="mailto:{{l.to_address}}">{{l.to_address}}</a></td>
          {{#if l.has_bounce_key}}
            <td><a href {{action "showIncomingEmail" l.id}}>{{l.email_type}}</a></td>
          {{else}}
            <td>{{l.email_type}}</td>
          {{/if}}
        </tr>
      {{else}}
        {{#unless loading}}
          <tr><td colspan="4">{{i18n "admin.email.logs.none"}}</td></tr>
        {{/unless}}
      {{/each}}
    </tbody>
  </table>
{{/load-more}}

{{conditional-loading-spinner condition=loading}}