{{#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>

    <tbody>
      <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:{{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:{{to}}" title="TO">{{to}}</a></p>
            {{/each}}
            {{#each email.cc_addresses as |cc|}}
              <p><a href="mailto:{{cc}}" title="CC">{{cc}}</a></p>
            {{/each}}
          </td>
          <td>{{email.subject}}</td>
          <td class="error">
            <a href {{action "showIncomingEmail" email.id}}>{{email.error}}</a>
          </td>
        </tr>
      {{else}}
        <tr><td colspan="5">{{i18n 'admin.email.incoming_emails.none'}}</td></tr>
      {{/each}}
    </tbody>
  </table>
{{/load-more}}

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