{{#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.incoming_emails.from_address'}}</th>
        <th>{{i18n 'admin.email.incoming_emails.to_addresses'}}</th>
        <th>{{i18n 'admin.email.incoming_emails.subject'}}</th>
        <th>{{i18n 'admin.email.incoming_emails.error'}}</th>
      </tr>
    </thead>

    <tr class="filters">
      <td>{{i18n 'admin.email.logs.filters.title'}}</td>
      <td>{{text-field value=filter.from placeholderKey="admin.email.incoming_emails.filters.from_placeholder"}}</td>
      <td>{{text-field value=filter.to placeholderKey="admin.email.incoming_emails.filters.to_placeholder"}}</td>
      <td>{{text-field value=filter.subject placeholderKey="admin.email.incoming_emails.filters.subject_placeholder"}}</td>
      <td>{{text-field value=filter.error placeholderKey="admin.email.incoming_emails.filters.error_placeholder"}}</td>
    </tr>

    {{#each model as |email|}}
      <tr>
        <td class="time">{{format-date email.created_at}}</td>
        <td class="username">
          <div>
            {{#if email.user}}
              {{#link-to 'adminUser' email.user}}
                {{avatar email.user imageSize="tiny"}}
                {{email.from_address}}
              {{/link-to}}
            {{else}}
              {{#if email.from_address}}
                <a href='mailto:{{unbound email.from_address}}'>{{email.from_address}}</a>
              {{else}}
                &mdash;
              {{/if}}
            {{/if}}
          </div>
        </td>
        <td class="addresses">
          {{#each email.to_addresses as |to|}}
            <p><a href="mailto:{{unbound to}}" title="TO">{{unbound to}}</a></p>
          {{/each}}
          {{#each email.cc_addresses as |cc|}}
            <p><a href="mailto:{{unbound cc}}" title="CC">{{unbound cc}}</a></p>
          {{/each}}
        </td>
        <td>{{email.subject}}</td>
        <td class="error">
          <a {{action "showIncomingEmail" email.id}}>{{email.error}}</a>
        </td>
      </tr>
    {{else}}
      <tr><td colspan="5">{{i18n 'admin.email.incoming_emails.none'}}</td></tr>
    {{/each}}

  </table>
{{/load-more}}

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